/* Shared by ClantLab and Wordip. UI values belong here; artwork keeps its own colours. */
@layer brand-visibility,site-layout,brand-components;
:root{
 --brand-ink:#202020;
 --brand-muted:#737373;
 --brand-subtle:#979797;
 --brand-canvas:#ffffff;
 --brand-surface:#f5f5f5;
 --brand-hover:#ebebeb;
 --brand-selected:#e6e6e6;
 --brand-selected-border:#d1d1d1;
 --brand-line:#dedede;
 --brand-line-soft:#ebebeb;
 --brand-primary:#202020;
 --brand-primary-hover:#3a3a3a;
 --brand-on-primary:#ffffff;
 --brand-on-primary-muted:#b0b0b0;
 --brand-danger:#b63434;
 --brand-danger-surface:#fff2f1;
 --brand-focus:#8b8b8b;
 --brand-mark-yellow:#ffd84f;
 --brand-radius-small:4px;
 --brand-radius-control:8px;
 --brand-radius-panel:12px;
 --brand-radius-dialog:16px;
 --brand-radius-avatar:50%;
 --brand-header-height:64px;
 --brand-compact-header-height:52px;
 --brand-control-height:44px;
 --brand-field-height:48px;
 --brand-icon-button:40px;
 --brand-icon-size:18px;
 --brand-control-text:13px;
 --brand-ui-font:-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Noto Sans KR",sans-serif;
 --brand-control-weight:500;
 --brand-control-line:1.5;
 --brand-space-1:4px;
 --brand-space-2:8px;
 --brand-space-3:12px;
 --brand-space-4:16px;
 --brand-space-6:24px;
 --brand-space-8:32px;
 --brand-frame:1240px;
 --brand-gutter:32px;
 --brand-shadow-menu:0 8px 24px #2020200a;
}
@media(max-width:1100px){:root{--brand-gutter:24px}}
@media(max-width:760px){:root{--brand-gutter:20px}}
@media(max-width:359px){:root{--brand-gutter:16px}}

@font-face{font-family:Wordip;src:url('/assets/wordip-regular.otf') format('opentype');font-weight:400 500;font-display:swap}
@font-face{font-family:Wordip;src:url('/assets/wordip-bold.otf') format('opentype');font-weight:600 900;font-display:swap}
:root{font-family:Wordip,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-synthesis:none;color-scheme:light;--ink:var(--brand-ink);--muted:var(--brand-muted);--line:var(--brand-line);--canvas:var(--brand-canvas);--gutter:var(--brand-gutter);--frame:var(--brand-frame);color:var(--ink);background:var(--canvas)}
*{box-sizing:border-box}html{scrollbar-gutter:stable;scroll-padding-top:32px}body{margin:0;min-width:320px;-webkit-font-smoothing:antialiased;line-height:1.6}button,input{font:inherit;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}[hidden]{display:none!important}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #555555;outline-offset:5px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}figure{margin:0}.topbar,main,footer{width:100%;max-width:var(--frame);padding-inline:var(--gutter);margin-inline:auto}
.topbar{height:108px;display:flex;align-items:center;gap:36px;position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:11px;font-size:25px;letter-spacing:-.055em;font-weight:700}.brand img{width:35px;height:35px;border-radius:11px}.topbar nav{margin-left:auto;display:flex;gap:26px;align-items:center}.topbar nav a,.language-menu summary{font-size:14px;min-height:44px;display:inline-flex;align-items:center;color:#505050}.topbar nav a:hover,.hero-guide:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.topbar nav a[aria-current]{text-decoration:underline;text-underline-offset:5px}
.language-menu{position:relative;flex:none}.language-menu summary{list-style:none;cursor:pointer;gap:7px}.language-menu summary::-webkit-details-marker{display:none}.language-menu summary svg{width:14px;height:14px}.language-options{position:absolute;right:0;top:50px;width:170px;background:var(--canvas);border:1px solid var(--line);border-radius:var(--brand-radius-panel);padding:6px;box-shadow:0 12px 32px #2020200d;display:grid}.language-options a{font-size:14px;padding:9px 11px}.language-options a:hover,.language-options a[aria-current]{background:#eeeeee}
main{min-height:calc(100svh - 228px)}.wordip-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:60px;padding:54px 0 100px;min-height:775px}.hero-copy{min-width:0;padding-bottom:24px}.hero-copy h1{margin:0;font-size:clamp(48px,5.9vw,80px);letter-spacing:-.065em;font-weight:700;line-height:1.12;word-break:normal;overflow-wrap:anywhere}.download-actions{display:flex;align-items:flex-start;gap:28px;flex-wrap:wrap;margin-top:48px}.download-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:14px 20px;background:#262626;color:#fff;border-radius:var(--brand-radius-control);font-size:15px}.download-primary:hover{background:#444444}.download-primary svg{width:18px;height:18px}.download-pending{font-size:15px;display:flex;flex-direction:column;line-height:1.5;padding-top:4px}.download-pending>span{font-size:12px;color:var(--muted);margin-top:2px}.hero-guide,.text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:13px;color:#656565}.hero-guide{margin-top:23px}.hero-guide svg,.text-link svg{width:16px;height:16px}
.hero-product{background:#ffffff;min-height:650px;display:flex;align-items:center;justify-content:center;padding:34px 28px;position:relative}.phone-frame{width:266px;max-width:100%;border:6px solid #272727;border-radius:40px;background:#fff;overflow:hidden;box-shadow:0 10px 20px #25252513;aspect-ratio:1206/2622}.phone-frame img{width:100%;height:100%;object-fit:contain}.hero-product .phone-frame{width:268px;transform:rotate(3deg)}
.product-index{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:88px 0 96px}.product-information{grid-column:2;grid-row:1;align-self:center;padding-top:0}.product-tabs{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-bottom:32px}.product-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:#898989;min-height:48px;padding:8px 0;font-size:23px;font-weight:700;letter-spacing:-.03em}.product-tabs button[aria-selected=true]{color:var(--ink);border-color:#555555}.product-information p{font-size:22px;letter-spacing:-.025em;line-height:1.65;max-width:390px;word-break:keep-all;margin:0 0 28px}.product-stage{grid-column:1;grid-row:1;display:flex;justify-content:center;align-items:center;padding:40px;background:#ffffff;min-height:650px}.product-stage .phone-frame{width:250px;box-shadow:none}
.page-title{padding:72px 0 52px}.page-title h1{font-size:clamp(34px,4vw,52px);line-height:1.2;font-weight:700;letter-spacing:-.045em;margin:0;word-break:keep-all}.page-title p{font-size:13px;color:var(--muted);margin:20px 0 0}.guide-grid{padding-bottom:84px}.guide-step{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:48px 0;border-top:1px solid var(--line);align-items:center}.guide-image{background:#ffffff;display:flex;justify-content:center;padding:32px;overflow:hidden}.guide-image img{width:230px;max-width:100%;height:auto}.guide-copy h2{font-size:28px;line-height:1.3;letter-spacing:-.03em;margin:0 0 20px}.guide-copy p{color:#626262;max-width:400px;font-size:16px;line-height:1.85;word-break:keep-all;margin:0}.support-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-bottom:100px}.support-layout section{border-top:1px solid var(--line);padding-top:28px}.support-layout h2{font-size:22px;line-height:1.4;margin:0 0 18px;letter-spacing:-.03em}.support-layout p{color:#626262;font-size:15px;line-height:1.9;margin:0 0 26px;word-break:keep-all}.support-layout a{font-size:14px;display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}.document section{display:grid;grid-template-columns:240px 1fr;gap:48px;padding:32px 0;border-top:1px solid var(--line)}.document h2{font-size:17px;margin:0;line-height:1.6}.document p{font-size:15px;line-height:1.95;color:#626262;overflow-wrap:anywhere;margin:0}.document-contact{padding:40px 0 80px;font-size:14px;overflow-wrap:anywhere}
footer{min-height:120px;display:flex;align-items:center;gap:22px;padding-block:28px;border-top:1px solid var(--line);font-size:12px;color:#626262}footer>a{font-size:16px;font-weight:700;letter-spacing:-.04em}footer>div{margin-left:auto;display:flex;gap:22px;flex-wrap:wrap}footer a{display:inline-flex;align-items:center;min-height:36px}footer a:hover{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1600px){.wordip-hero{padding-top:80px;padding-bottom:120px}}
@media(max-width:1000px){:root{--gutter:32px}.wordip-hero{gap:36px}.hero-copy h1{font-size:60px}.download-actions{gap:20px}.hero-product{padding-inline:22px;min-height:610px}.phone-frame{width:245px}.hero-product .phone-frame{width:245px}.product-index{gap:36px}.product-information p{font-size:20px}.product-tabs{gap:18px}.product-tabs button{font-size:20px}.product-stage{min-height:610px;padding:32px 24px}}
@media(max-width:700px){:root{--gutter:24px}.topbar{height:82px;gap:18px}.brand{font-size:23px;gap:8px}.brand img{width:30px;height:30px;border-radius:9px}.topbar nav{gap:18px}.topbar nav a,.language-menu summary{font-size:12px}.language-menu summary{gap:4px}.wordip-hero{grid-template-columns:1fr;gap:36px;padding:36px 0 56px;min-height:0}.hero-copy{padding:0}.hero-copy h1{font-size:clamp(43px,10.8vw,67px);line-height:1.12;max-width:560px}.download-actions{margin-top:30px;gap:24px}.download-primary{font-size:14px;min-height:52px;gap:22px}.download-pending{font-size:14px}.hero-guide{margin-top:14px}.hero-product{min-height:0;padding:34px 24px}.hero-product .phone-frame{width:258px;transform:none}.product-index{grid-template-columns:1fr;gap:28px;padding:32px 0 56px}.product-information{grid-column:auto;grid-row:auto;padding:0}.product-tabs{margin-bottom:16px;gap:28px}.product-tabs button{font-size:21px}.product-information p{font-size:18px;max-width:100%;margin:0 0 12px;min-height:60px}.product-stage{grid-column:auto;grid-row:auto;min-height:0;padding:34px 24px}.product-stage .phone-frame{width:242px}.page-title{padding:40px 0 32px}.page-title h1{font-size:34px}.guide-step{grid-template-columns:1fr;gap:26px;padding:32px 0}.guide-copy h2{font-size:24px}.guide-copy p{font-size:15px}.guide-grid{padding-bottom:40px}.guide-image{order:2}.support-layout{grid-template-columns:1fr;gap:38px;padding-bottom:56px}.document section{grid-template-columns:1fr;gap:15px;padding:26px 0}.document p{font-size:14px}.document-contact{padding-bottom:52px}footer{flex-wrap:wrap;gap:8px 18px;padding-block:24px}footer>div{width:100%;margin-left:0;gap:20px}}
@media(max-width:379px){:root{--gutter:18px}.topbar{gap:12px}.topbar nav{gap:12px}.brand{font-size:21px}.brand img{width:27px;height:27px}.language-menu summary{font-size:11px}.hero-copy h1{font-size:42px}.download-actions{gap:16px}.product-tabs{gap:20px}.product-tabs button{font-size:19px}}

:lang(ko) .hero-copy h1{word-break:keep-all;overflow-wrap:anywhere}
.product-information,.product-stage{min-width:0}
.product-information p,.guide-copy p,.support-layout p{overflow-wrap:anywhere}
:lang(ja) p,:lang(zh-Hans) p{word-break:normal}

/* Crop only the native status area. Preserve app padding and the screenshot scale.
   A viewport inside the frame keeps border width out of the image aspect ratio. */
.phone-frame{aspect-ratio:auto;flex:none}
.home-guide-device{width:268px;max-width:100%;flex:none}
.language-options{z-index:10;gap:2px;max-height:70svh;overflow:auto}
.language-options a{white-space:nowrap;line-height:1.4}
.home-guide-device img{width:100%;height:auto;object-fit:contain}
.product-stage .home-guide-device{width:250px}
.screen-viewport{width:100%;aspect-ratio:1206/2482;overflow:hidden;position:relative}
.phone-frame .screen-viewport img{width:100%;height:auto;max-width:100%;transform:translateY(-5.339435545%);filter:grayscale(1)}
.hero-product .phone-frame{transform:none}
.guide-image img,.home-guide-device img{filter:grayscale(1)}

.download-version{font-size:13px;line-height:1.6;color:var(--brand-muted);margin:12px 0 0}
:lang(ja) .hero-copy h1,:lang(zh-Hans) .hero-copy h1{font-size:clamp(36px,4.7vw,64px)}
:lang(es) .hero-copy h1,:lang(fr) .hero-copy h1,:lang(de) .hero-copy h1{font-size:clamp(36px,4.3vw,58px)}
@media(max-width:700px){:lang(ja) .hero-copy h1,:lang(zh-Hans) .hero-copy h1{font-size:clamp(32px,8.7vw,46px)}:lang(es) .hero-copy h1,:lang(fr) .hero-copy h1,:lang(de) .hero-copy h1{font-size:clamp(30px,8.6vw,40px)}}
/* Simple labels and quiet interactions; the product itself carries the identity. */
.download-primary,.hero-guide,.text-link{justify-content:center;gap:0}
.language-menu summary{list-style:none}
.language-menu summary::-webkit-details-marker{display:none}
.language-menu summary::marker{content:''}
.hero-product,.product-stage,.guide-image{transition:none}

@layer brand-visibility{html body.clantSignature [hidden],body.wordib-site [hidden]{display:none!important}}
@layer brand-components{
html body.clantSignature{--ink:var(--brand-ink)!important;--muted:var(--brand-muted)!important;--line:var(--brand-line)!important;--paper:var(--brand-surface)!important;--ui-ink:var(--brand-ink)!important;--ui-muted:var(--brand-muted)!important;--ui-surface:var(--brand-surface)!important;--ui-line:var(--brand-line)!important;--ui-hover:var(--brand-hover)!important;--ui-radius:var(--brand-radius-control)!important;--site-frame:var(--brand-frame)!important;--site-gutter:var(--brand-gutter)!important;color:var(--brand-ink)!important;background:var(--brand-canvas)!important}
html body.clantSignature h1,html body.clantSignature h2,html body.clantSignature h3{color:var(--brand-ink)!important}
html body.clantSignature .signatureWordip h2{color:var(--brand-on-primary)!important}
html body.clantSignature .signatureWordip .signatureProduct>p{color:var(--brand-on-primary-muted)!important}
html body.clantSignature .signatureBooks .signatureProduct>p,html body.clantSignature .signatureIntroNote p,html body.clantSignature .studioCopy>p,html body.clantSignature .pageIntro p,html body.clantSignature .authLead,html body.clantSignature .detailMeta{color:var(--brand-muted)!important}
/* Shared component roles. Keep ID selectors out of :is(): they change sibling specificity. */
html body.clantSignature button,
html body.clantSignature .brand-control{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:var(--brand-space-2)!important;min-height:var(--brand-control-height)!important;padding:10px 16px!important;border:1px solid transparent!important;border-radius:var(--brand-radius-control)!important;font-family:var(--brand-ui-font)!important;font-size:var(--brand-control-text)!important;font-weight:var(--brand-control-weight)!important;line-height:var(--brand-control-line)!important;letter-spacing:0!important;text-decoration:none!important;box-shadow:none!important;transform:none!important;transition:background-color .15s,color .15s,border-color .15s!important;background:var(--brand-surface)!important;color:var(--brand-ink)!important;}
html body.clantSignature .smallRouteBtn,
html body.clantSignature .studioAction,
html body.clantSignature .frontierButton,
html body.clantSignature .utilityButton,
html body.clantSignature .detailBtn,
html body.clantSignature .supportLegalActions>a,
html body.clantSignature .catalogRightsTerms,
html body.clantSignature .noticeArticleBack,
html body.clantSignature .operatorInfo,
html body.clantSignature .accountReturn{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:var(--brand-space-2)!important;min-height:var(--brand-control-height)!important;padding:10px 16px!important;border:1px solid transparent!important;border-radius:var(--brand-radius-control)!important;font-family:var(--brand-ui-font)!important;font-size:var(--brand-control-text)!important;font-weight:var(--brand-control-weight)!important;line-height:var(--brand-control-line)!important;letter-spacing:0!important;text-decoration:none!important;box-shadow:none!important;transform:none!important;transition:background-color .15s,color .15s,border-color .15s!important;background:var(--brand-surface)!important;color:var(--brand-ink)!important;}
html body.clantSignature #bookGrid .archiveAction,
html body.clantSignature #libraryGrid .archiveAction,
html body.clantSignature #bookDetail .detailBtn,
html body.clantSignature #bookDetail .favoriteButton.detailFavorite{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:var(--brand-space-2)!important;min-height:var(--brand-control-height)!important;padding:10px 16px!important;border:1px solid transparent!important;border-radius:var(--brand-radius-control)!important;font-family:var(--brand-ui-font)!important;font-size:var(--brand-control-text)!important;font-weight:var(--brand-control-weight)!important;line-height:var(--brand-control-line)!important;letter-spacing:0!important;text-decoration:none!important;box-shadow:none!important;transform:none!important;transition:background-color .15s,color .15s,border-color .15s!important;background:var(--brand-surface)!important;color:var(--brand-ink)!important;height:auto!important;min-width:0!important;}
html body.clantSignature #accountButton,
html body.clantSignature .authSubmit,
html body.clantSignature #confirmPurchaseButton,
html body.clantSignature #attendanceButton,
html body.clantSignature .brand-primary{background:var(--brand-primary)!important;color:var(--brand-on-primary)!important;border-color:transparent!important;border-radius:var(--brand-radius-control)!important;}
html body.clantSignature #accountButton:hover:not(:disabled),
html body.clantSignature .authSubmit:hover:not(:disabled),
html body.clantSignature #confirmPurchaseButton:hover:not(:disabled),
html body.clantSignature #attendanceButton:hover:not(:disabled),
html body.clantSignature .brand-primary:hover:not(:disabled){background:var(--brand-primary-hover)!important;color:var(--brand-on-primary)!important;}
html body.clantSignature #accountButton span{color:var(--brand-on-primary)!important;}
html body.clantSignature button:hover:not(:disabled):not(.authTab):not([aria-selected=true]):not([aria-pressed=true]),
html body.clantSignature .smallRouteBtn:hover,
html body.clantSignature .studioAction:hover,
html body.clantSignature .utilityButton:hover,
html body.clantSignature .detailBtn:hover{background:var(--brand-hover)!important;}
html body.clantSignature #accountButton:hover:not(:disabled),
html body.clantSignature .authSubmit:hover:not(:disabled),
html body.clantSignature #confirmPurchaseButton:hover:not(:disabled),
html body.clantSignature #attendanceButton:hover:not(:disabled),
html body.clantSignature .brand-primary:hover:not(:disabled){background:var(--brand-primary-hover)!important;color:var(--brand-on-primary)!important;}
html body.clantSignature button[aria-pressed=true],
html body.clantSignature button[aria-selected=true],
html body.clantSignature .bookFilter.active,
html body.clantSignature .brand-selected{background:var(--brand-selected)!important;color:var(--brand-ink)!important;border-color:var(--brand-selected-border)!important;box-shadow:none!important;}
html body.clantSignature .deleteAccountButton,
html body.clantSignature .accountBottom .deleteAccountButton{color:var(--brand-danger)!important;background:transparent!important;}
html body.clantSignature #deleteAccountSubmit{background:var(--brand-danger)!important;color:var(--brand-on-primary)!important;}
html body.clantSignature #deleteAccountSubmit:hover:not(:disabled){background:var(--brand-danger)!important;color:var(--brand-on-primary)!important;}
html body.clantSignature button:disabled{cursor:default!important;box-shadow:none!important;}
html body.clantSignature .readerPagination button:disabled{opacity:.4!important;}
html body.clantSignature .searchToggle,
html body.clantSignature .menuToggle,
html body.clantSignature .detailClose,
html body.clantSignature .detailShare,
html body.clantSignature .footerShare,
html body.clantSignature .stableSearchClear,
html body.clantSignature #platformSearchClear,
html body.clantSignature .helpHeadingActions button,
html body.clantSignature #bookGrid .favoriteButton,
html body.clantSignature #libraryGrid .favoriteButton{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:var(--brand-icon-button)!important;height:var(--brand-icon-button)!important;min-height:var(--brand-icon-button)!important;flex:0 0 var(--brand-icon-button)!important;padding:0!important;gap:0!important;border-radius:var(--brand-radius-control)!important;background:transparent!important;color:var(--brand-muted)!important;box-shadow:none!important;}
html body.clantSignature .uiIcon{width:var(--brand-icon-size)!important;height:var(--brand-icon-size)!important;flex:0 0 var(--brand-icon-size)!important;stroke-width:1.75!important;}
html body.clantSignature .studioContentsIcon.uiIcon{width:52px!important;height:52px!important;flex-basis:52px!important;}
html body.clantSignature .readerPagination button,
html body.clantSignature .readerInfoButton{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:var(--brand-space-2)!important;min-height:var(--brand-control-height)!important;padding:10px 16px!important;border:1px solid transparent!important;border-radius:var(--brand-radius-control)!important;font-family:var(--brand-ui-font)!important;font-size:var(--brand-control-text)!important;font-weight:var(--brand-control-weight)!important;line-height:var(--brand-control-line)!important;letter-spacing:0!important;text-decoration:none!important;box-shadow:none!important;transform:none!important;transition:background-color .15s,color .15s,border-color .15s!important;background:var(--brand-surface)!important;color:var(--brand-ink)!important;}
html body.clantSignature input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
html body.clantSignature select,
html body.clantSignature textarea{box-sizing:border-box!important;min-height:var(--brand-field-height)!important;border:1px solid var(--brand-line)!important;border-radius:var(--brand-radius-control)!important;background:var(--brand-canvas)!important;color:var(--brand-ink)!important;font-family:var(--brand-ui-font)!important;font-size:14px!important;line-height:1.5!important;padding:11px 14px!important;box-shadow:none!important;}
html body.clantSignature textarea{min-height:120px!important;resize:vertical!important;}
html body.clantSignature .platformSearchForm,
html body.clantSignature .stableSearchField{border-radius:var(--brand-radius-control)!important;box-shadow:none!important;}
html body.clantSignature #platformSearchInput{min-height:44px!important;height:44px!important;border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;}
html body.clantSignature .platformSearchForm{min-height:var(--brand-field-height)!important;border:1px solid var(--brand-line)!important;background:var(--brand-canvas)!important;}
html body.clantSignature #readerPageNumber{min-height:44px!important;height:44px!important;padding:8px 4px!important;}
html body.clantSignature .signatureProducts article,
html body.clantSignature .catalogRightsDisclosure,
html body.clantSignature .studioPreview,
html body.clantSignature .studioCoverPreview,
html body.clantSignature .accountOverview,
html body.clantSignature .pointWallet,
html body.clantSignature .accountMaterials,
html body.clantSignature .accountSecurity,
html body.clantSignature .accountGroup,
html body.clantSignature .dashboardPanel,
html body.clantSignature .dashboardCard,
html body.clantSignature .platformSearchPanel,
html body.clantSignature .authPanel{border-radius:var(--brand-radius-panel)!important;box-shadow:none!important;}
html body.clantSignature .signatureBooks,
html body.clantSignature #bookGrid .archiveCover,
html body.clantSignature #libraryGrid .archiveCover,
html body.clantSignature #homeRecent,
html body.clantSignature .catalogRightsDisclosure,
html body.clantSignature .studioCoverPreview,
html body.clantSignature .pointWallet,
html body.clantSignature .accountGroup,
html body.clantSignature .dashboardCard{background:var(--brand-surface)!important;color:var(--brand-ink)!important;}
html body.clantSignature #bookGrid .archiveCover,
html body.clantSignature #libraryGrid .archiveCover{border-radius:var(--brand-radius-panel)!important;}
html body.clantSignature .signatureWordip{background:#000!important;color:#fff!important;}
html body.clantSignature .purchaseDialog,
html body.clantSignature .platformDialog,
html body.clantSignature .helpPanel,
html body.clantSignature #dashboardNoticePreview{border:1px solid var(--brand-line)!important;border-radius:var(--brand-radius-dialog)!important;background:var(--brand-canvas)!important;color:var(--brand-ink)!important;}
html body.clantSignature .bookTag,
html body.clantSignature .archiveTag,
html body.clantSignature .conditionChip{border-radius:var(--brand-radius-small)!important;background:var(--brand-surface)!important;color:var(--brand-muted)!important;border:0!important;box-shadow:none!important;}
html body.clantSignature .conditionChip{min-height:32px!important;padding:6px 10px!important;font-size:12px!important;}
html body.clantSignature .authTabs .authTab,
html body.clantSignature .authTabs .authTab:hover{border:0!important;border-bottom:1px solid transparent!important;border-radius:0!important;background:transparent!important;padding:10px 0!important;color:var(--brand-muted)!important;}
html body.clantSignature .authTabs .authTab.active{border-bottom-color:var(--brand-ink)!important;color:var(--brand-ink)!important;background:transparent!important;}
html body.clantSignature .socialButton{background:var(--brand-canvas)!important;border-color:var(--brand-line)!important;color:var(--brand-ink)!important;}
html body.clantSignature .socialButton:hover:not(:disabled){background:var(--brand-hover)!important;border-color:var(--brand-line)!important;color:var(--brand-ink)!important;}
html body.clantSignature .accountBottom button,
html body.clantSignature .signatureGuide,
html body.clantSignature .noticeCopyLink,
html body.clantSignature .noticeArticleBack{background:transparent!important;color:var(--brand-muted)!important;}
html body.clantSignature .accountBottom .deleteAccountButton{color:var(--brand-danger)!important;}
html body.clantSignature .helpReset,
html body.clantSignature .detailClose,
html body.clantSignature .detailShare{background:var(--brand-surface)!important;}
html body.clantSignature .helpLauncher{min-height:var(--brand-control-height)!important;border:1px solid var(--brand-line)!important;background:var(--brand-canvas)!important;color:var(--brand-ink)!important;border-radius:var(--brand-radius-control)!important;padding:8px 12px!important;}
html body.clantSignature .compactPoints{min-height:40px!important;padding:8px 12px!important;background:var(--brand-surface)!important;}
html body.clantSignature .passwordReveal{min-height:40px!important;padding:8px 11px!important;background:transparent!important;}
html body.clantSignature .signatureProductLink{font-family:var(--brand-ui-font)!important;}
html body.clantSignature .recentReading .utilityButton{background:var(--brand-canvas)!important;border-color:var(--brand-line)!important;}
html body.clantSignature .authAccount .accountSavedBook{display:grid!important;grid-template-columns:40px minmax(0,1fr) 20px!important;justify-content:stretch!important;min-height:74px!important;text-align:left!important;}
html body.clantSignature .brand,
html body.clantSignature .signatureProduct,
html body.clantSignature .accountSavedBook{transform:none!important;}
html body.clantSignature button:focus-visible,
html body.clantSignature a:focus-visible,
html body.clantSignature summary:focus-visible,
html body.clantSignature input:focus-visible,
html body.clantSignature select:focus-visible,
html body.clantSignature textarea:focus-visible{outline:2px solid var(--brand-focus)!important;outline-offset:3px!important;}
html body.clantSignature button:focus:not(:focus-visible),
html body.clantSignature a:focus:not(:focus-visible){outline:none!important;}
html body.clantSignature [hidden],
html body.clantSignature #platformSearchClear[hidden],
html body.clantSignature .stableSearchClear[hidden]{display:none!important;}
@media(min-width:1101px){html body.clantSignature header.nav .menuToggle{display:none!important}}
@media(max-width:760px){html body.clantSignature input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),html body.clantSignature select,html body.clantSignature textarea,html body.clantSignature #platformSearchInput{font-size:16px!important}}
body.wordib-site .download-primary,
body.wordib-site .brand-control{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:var(--brand-space-2)!important;min-height:var(--brand-control-height)!important;padding:10px 16px!important;border:1px solid transparent!important;border-radius:var(--brand-radius-control)!important;font-family:var(--brand-ui-font)!important;font-size:var(--brand-control-text)!important;font-weight:var(--brand-control-weight)!important;line-height:var(--brand-control-line)!important;letter-spacing:0!important;text-decoration:none!important;box-shadow:none!important;transform:none!important;transition:background-color .15s,color .15s,border-color .15s!important;background:var(--brand-primary)!important;color:var(--brand-on-primary)!important;}
body.wordib-site .download-primary:hover{background:var(--brand-primary-hover)!important;color:var(--brand-on-primary)!important;}
body.wordib-site .topbar nav a,
body.wordib-site .language-menu summary,
body.wordib-site .hero-guide,
body.wordib-site .text-link{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:var(--brand-space-2)!important;min-height:var(--brand-control-height)!important;padding:10px 16px!important;border:1px solid transparent!important;border-radius:var(--brand-radius-control)!important;font-family:var(--brand-ui-font)!important;font-size:var(--brand-control-text)!important;font-weight:var(--brand-control-weight)!important;line-height:var(--brand-control-line)!important;letter-spacing:0!important;text-decoration:none!important;box-shadow:none!important;transform:none!important;transition:background-color .15s,color .15s,border-color .15s!important;background:transparent!important;color:var(--brand-muted)!important;}
body.wordib-site .topbar nav a[aria-current],
body.wordib-site .language-menu[open] summary{background:var(--brand-selected)!important;color:var(--brand-ink)!important;border-color:transparent!important;text-decoration:none!important;}
body.wordib-site .topbar nav a:hover,
body.wordib-site .language-menu summary:hover,
body.wordib-site .hero-guide:hover,
body.wordib-site .text-link:hover{background:var(--brand-hover)!important;color:var(--brand-ink)!important;text-decoration:none!important;}
body.wordib-site .hero-guide,
body.wordib-site .text-link{padding-inline:0!important;}
body.wordib-site .hero-guide:hover,
body.wordib-site .text-link:hover{background:transparent!important;text-decoration:underline!important;text-underline-offset:4px!important;}
body.wordib-site .product-tabs{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;gap:8px!important;margin-bottom:24px!important;}
body.wordib-site .product-tabs button{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:var(--brand-space-2)!important;min-height:var(--brand-control-height)!important;padding:10px 16px!important;border:1px solid transparent!important;border-radius:var(--brand-radius-control)!important;font-family:var(--brand-ui-font)!important;font-size:var(--brand-control-text)!important;font-weight:var(--brand-control-weight)!important;line-height:var(--brand-control-line)!important;letter-spacing:0!important;text-decoration:none!important;box-shadow:none!important;transform:none!important;transition:background-color .15s,color .15s,border-color .15s!important;background:var(--brand-surface)!important;color:var(--brand-ink)!important;padding:10px 15px!important;}
body.wordib-site .product-tabs button[aria-selected=true]{background:var(--brand-selected)!important;border-color:var(--brand-selected-border)!important;color:var(--brand-ink)!important;}
body.wordib-site .product-tabs button:hover:not([aria-selected=true]){background:var(--brand-hover)!important;}
body.wordib-site .hero-product,
body.wordib-site .product-stage,
body.wordib-site .guide-image{background:var(--brand-surface)!important;border-radius:var(--brand-radius-panel)!important;border:0!important;}
body.wordib-site .language-options{background:var(--brand-canvas)!important;border:1px solid var(--brand-line)!important;border-radius:var(--brand-radius-panel)!important;box-shadow:var(--brand-shadow-menu)!important;padding:6px!important;}
body.wordib-site .language-options a{display:flex!important;align-items:center!important;min-height:40px!important;border-radius:var(--brand-radius-control)!important;padding:8px 12px!important;background:transparent!important;color:var(--brand-muted)!important;font-family:var(--brand-ui-font)!important;font-size:13px!important;}
body.wordib-site .language-options a{box-sizing:border-box!important;line-height:20px!important;gap:12px!important;min-height:44px!important;}
body.wordib-site .language-options a:hover,
body.wordib-site .language-options a[aria-current]{background:transparent!important;color:var(--brand-ink)!important;}
body.wordib-site .language-options a[aria-current]{font-weight:700!important;}
body.wordib-site .language-options a[aria-current]::after{content:'✓';margin-left:auto;font-size:14px;}
body.wordib-site .language-menu[open] summary,
body.wordib-site .language-menu summary:hover{background:transparent!important;color:var(--brand-ink)!important;}
body.wordib-site .hero-product .phone-frame{transform:none!important;}
body.wordib-site svg{width:var(--brand-icon-size)!important;height:var(--brand-icon-size)!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
body.wordib-site .language-menu summary svg{width:14px!important;height:14px!important;}
body.wordib-site .brand img{border-radius:var(--brand-radius-control)!important;}
body.wordib-site .download-pending{min-height:var(--brand-control-height)!important;justify-content:center!important;padding-top:0!important;color:var(--brand-ink)!important;}
body.wordib-site button:focus-visible,
body.wordib-site a:focus-visible,
body.wordib-site summary:focus-visible{outline:2px solid var(--brand-focus)!important;outline-offset:3px!important;}
@media(max-width:700px){body.wordib-site .topbar{gap:12px!important}body.wordib-site .topbar nav{gap:4px!important}body.wordib-site .topbar nav a,body.wordib-site .language-menu summary{padding:8px!important;min-height:40px!important;font-size:12px!important}body.wordib-site .download-primary{font-size:13px!important}body.wordib-site .product-information p{min-height:92px!important}}

html body.clantSignature header.nav{height:var(--brand-header-height)!important;background:var(--brand-canvas)!important;color:var(--brand-ink)!important}
html body.clantSignature header.nav select.platformLanguage{height:40px!important;min-height:40px!important;width:auto!important;max-width:100px!important;padding:6px 8px!important;border:0!important;background:transparent!important;font-size:12px!important;line-height:1.5!important}
body.wordib-site .topbar{height:var(--brand-header-height)!important;gap:24px!important;position:sticky!important;top:0!important;z-index:20!important;background:var(--brand-canvas)!important}
body.wordib-site .brand img{width:32px!important;height:32px!important}
body.wordib-site .topbar .brand{font-size:23px!important;gap:9px!important}
body.wordib-site main{min-height:calc(100svh - 184px)!important}
@media(max-width:760px){html body.clantSignature header.nav select.platformLanguage{max-width:80px!important;padding-inline:4px!important}body.wordib-site .topbar{gap:10px!important}body.wordib-site .topbar .brand{font-size:22px!important;gap:7px!important}body.wordib-site .topbar .brand img{width:30px!important;height:30px!important}}
@media(max-width:359px){html body.clantSignature header.nav select.platformLanguage{display:none!important}body.wordib-site .topbar{display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:52px 44px!important;height:104px!important;gap:0 12px!important;padding-bottom:8px!important}body.wordib-site .topbar>.brand{grid-column:1!important;grid-row:1!important}body.wordib-site .topbar>.language-menu{grid-column:2!important;grid-row:1!important}body.wordib-site .topbar>nav{grid-column:1/3!important;grid-row:2!important;margin:0!important;justify-content:flex-start!important}body.wordib-site .language-options{top:44px!important}}

body.wordib-site{--gutter:var(--brand-gutter)!important;--frame:var(--brand-frame)!important;--ink:var(--brand-ink)!important;--muted:var(--brand-muted)!important;--line:var(--brand-line)!important;--canvas:var(--brand-canvas)!important}
body.wordib-site .topbar>.brand{flex:none!important;white-space:nowrap!important}
@media(max-width:700px){body.wordib-site .topbar{gap:10px!important}body.wordib-site .topbar nav{gap:4px!important}body.wordib-site .topbar .brand{font-size:22px!important}}

html body.clantSignature .menuLanguageRow{margin-top:20px!important;padding-top:18px!important;border-top:1px solid var(--brand-line-soft)!important}
html body.clantSignature header.nav #mainMenu .menuLanguageRow select.platformLanguage{display:block!important;max-width:none!important;width:100%!important;height:var(--brand-control-height)!important;min-height:var(--brand-control-height)!important;border:1px solid var(--brand-line)!important;border-radius:var(--brand-radius-control)!important;background:var(--brand-canvas)!important;padding:9px 12px!important;font-size:14px!important}
@media(max-width:359px){html body.clantSignature header.nav .searchToggle{display:none!important}}

html body.clantSignature dialog{border:1px solid var(--brand-line)!important;border-radius:var(--brand-radius-dialog)!important;background:var(--brand-canvas)!important;color:var(--brand-ink)!important}
html body.clantSignature .accountRecordGrid details,html body.clantSignature .accountFavorites,html body.clantSignature .pointRewards,html body.clantSignature .dashboardContentRow,html body.clantSignature .dashboardStat,html body.clantSignature .dashboardEditor,html body.clantSignature .dashboardForm,html body.clantSignature .noticeCard{border-radius:var(--brand-radius-panel)!important;box-shadow:none!important}
html body.clantSignature .favoriteCount{border-radius:var(--brand-radius-small)!important;background:var(--brand-selected)!important;color:var(--brand-muted)!important}

}

/* Direction belongs to the book carousel, not every call to action. */
@layer brand-visibility {
body.bookLed .uiIconOmitted,body.wordib-site .uiIconOmitted,
body.bookLed .menuArrow,body.bookLed .menuIndex,body.bookLed .readingArrow,
body.bookLed .noticeReadArrow{display:none!important}
}