/* Planus Brand Assets v1 — shared foundation for the review site only. */
:root{--brand-ink:#111111;--brand-stem:#268746;--brand-leaf:#44AC48;--brand-spring:#D9F27B;--ui-border:#e5e5e5;--ui-muted:#707070;--ui-radius:12px;--ui-font:Inter,'Noto Sans SC',sans-serif}
body,button,input,select,textarea{font-family:var(--ui-font)}
html[lang=ja]{--ui-font:Inter,'Noto Sans JP','Noto Sans SC',sans-serif}html[lang=ko]{--ui-font:Inter,'Noto Sans KR','Noto Sans SC',sans-serif}html[lang=ar]{--ui-font:Inter,'Noto Sans Arabic',sans-serif}
:is(.wordmark,.brand,.footer-wordmark){display:inline-flex!important;align-items:center;gap:10px;line-height:1;letter-spacing:0;color:var(--brand-ink)!important;flex-shrink:0}
:is(.wordmark,.brand,.footer-wordmark) .brand-symbol{width:26px!important;height:30px!important;object-fit:contain;filter:none!important}
:is(.wordmark,.brand,.footer-wordmark) .brand-name{font:750 26px/1 'Noto Sans SC',sans-serif;letter-spacing:-.04em}
:is(.wordmark,.brand,.footer-wordmark) .brand-official-wordmark{width:132px!important;height:36px!important;object-fit:contain;filter:none!important}
/* Equal side tracks keep the four links centered independently of logo width. */
.site-nav,.site-header{height:76px!important;min-height:76px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--ui-border)!important;backdrop-filter:blur(16px);z-index:40}
.nav-inner,.site-header .wrap.nav{height:76px!important;min-height:76px!important;max-width:1276px!important;width:calc(100% - 64px)!important;margin-inline:auto!important;padding:0!important;align-items:center!important;gap:20px!important}
.main-nav,.site-header .nav-links{gap:26px!important;margin:0!important;align-items:center!important}
.main-nav a,.site-header .nav-links a{font-size:14px!important;font-weight:500!important;line-height:1.5!important;padding:12px 0!important;white-space:nowrap;color:#333!important}
.main-nav a:hover,.site-header .nav-links a:hover,.site-header .nav-links a[aria-current=page]{color:var(--brand-ink)!important;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1.5px}
.nav-tools,.review-nav-tools{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:0;flex-wrap:nowrap!important}
.nav-tools .language-picker,.review-nav-tools .locale-header{order:2;margin:0!important}
.nav-tools .nav-cta,.review-nav-tools>.btn{order:1}
.nav-tools .menu-toggle,.review-nav-tools .menu-btn{order:3}
.button,.btn{background:var(--brand-ink)!important;color:#fff!important;border:1px solid var(--brand-ink)!important;border-radius:var(--ui-radius)!important;min-height:46px;padding:12px 20px;line-height:1.4;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 4px #0000000a!important;transition:background .18s,box-shadow .18s,transform .18s}
.button:hover,.btn:hover{background:#303030!important;border-color:#303030!important;box-shadow:0 4px 12px #00000012!important;transform:translateY(-1px)}
.button:active,.btn:active{transform:translateY(0)}
.button.secondary,.btn.secondary,.btn.ghost{background:#fff!important;color:var(--brand-ink)!important;border-color:var(--ui-border)!important;box-shadow:none!important}
.button.secondary:hover,.btn.secondary:hover,.btn.ghost:hover{background:#f5f5f5!important;border-color:#ccc!important}
.final-cta .button{background:#fff!important;color:var(--brand-ink)!important;border-color:#fff!important}
.nav-tools .nav-cta,.review-nav-tools>.btn{min-height:40px!important;height:40px!important;padding:0 15px!important;border-radius:10px!important;font-size:13px!important;white-space:nowrap;line-height:1!important}
.nav-cta svg{display:none}
.site-nav .language-button,.site-header .locale-header>summary,.site-nav .menu-toggle,.site-header .menu-btn{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:10px!important;align-items:center!important;justify-content:center!important;color:var(--brand-ink)!important}
.site-nav .language-button,.site-header .locale-header>summary{display:flex!important;width:54px!important;gap:6px!important}
.site-header .locale-header>summary>span{display:none!important}
.site-header .locale-header>summary::marker{content:''}.site-header .locale-header>summary::-webkit-details-marker{display:none}
.site-nav .language-button svg:first-child,.site-header .locale-header>summary svg:first-child{width:19px!important;height:19px!important}
.site-nav .language-button svg:last-child,.site-header .locale-header>summary svg:last-child{width:11px!important;height:11px!important}
.site-header .menu-btn svg{width:21px!important;height:21px!important;stroke-width:2.4!important}
.site-nav .language-button:hover,.site-header .locale-header>summary:hover,.site-nav .menu-toggle:hover,.site-header .menu-btn:hover{background:#f5f5f5!important}
.language-list,.locale-options{border:1px solid var(--ui-border)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 12px 36px #11111112!important;padding:6px!important;min-width:190px;direction:ltr!important}
.language-list a,.locale-options a{font-size:13px!important;text-align:left!important;justify-content:space-between!important;border-radius:8px!important;padding:11px 12px!important;color:#333!important}
.language-list a:hover,.locale-options a:hover{background:#f5f5f5!important;color:#111!important}
.language-list a[aria-current],.locale-options a[aria-current=page]{background:#f1f5ef!important;color:#206d39!important}
:is(a,button,summary,input,select,textarea):focus-visible{outline:2px solid var(--brand-stem)!important;outline-offset:4px!important}
input:not([type=checkbox]):not([type=radio]),select,textarea{border-radius:10px!important;border-color:#dcdcdc!important;color:var(--brand-ink);background:#fff}
.close,.dialog-close{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:7px!important;border:0!important;border-radius:10px!important;box-shadow:none!important;background:#f4f4f4!important;color:#111!important;display:inline-flex;align-items:center;justify-content:center;font-size:24px!important;line-height:1!important}
.close:hover,.dialog-close:hover{background:#eaeaea!important}
@media(min-width:1101px){.nav-inner,.site-header .wrap.nav{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important}.main-nav,.site-header .nav-links{display:flex!important;justify-self:center}.nav-tools,.review-nav-tools{justify-self:end}.menu-toggle,.site-header .menu-btn{display:none!important}}
@media(max-width:1100px){.nav-inner,.site-header .wrap.nav{display:flex!important;justify-content:space-between!important;width:calc(100% - 40px)!important}.main-nav,.site-header .nav-links{display:none!important}.nav-tools,.review-nav-tools{margin-inline-start:auto!important}.site-nav .menu-toggle,.site-header .menu-btn{display:flex!important}.menu-toggle{flex-direction:column;gap:4px}.menu-toggle span{display:block;width:19px;height:2px;background:#111;border-radius:2px}.main-nav.open,.site-header .nav-links.open{display:flex!important;position:absolute!important;top:75px!important;inset-inline:16px!important;flex-direction:column;align-items:stretch!important;gap:0!important;background:#fff!important;border:1px solid var(--ui-border)!important;border-radius:14px!important;padding:12px 20px!important;box-shadow:0 12px 36px #11111112;z-index:50}.main-nav.open a,.site-header .nav-links.open a{padding:13px 0!important}}
@media(max-width:600px){.nav-inner,.site-header .wrap.nav{width:calc(100% - 32px)!important;gap:10px!important}.nav-tools .nav-cta,.review-nav-tools>.btn{display:none!important}.nav-tools,.review-nav-tools{gap:2px!important}.site-nav,.site-header,.nav-inner,.site-header .wrap.nav{height:68px!important;min-height:68px!important}.main-nav.open,.site-header .nav-links.open{top:67px!important}}
@media(prefers-reduced-motion:reduce){.button,.btn{transition:none!important}.button:hover,.btn:hover{transform:none}}
/* Match legacy inner-page selector specificity while keeping data colors intact. */
.btn:not(.ghost){background:var(--brand-ink)!important;border-color:var(--brand-ink)!important;color:#fff!important;box-shadow:0 2px 4px #0000000a!important}
.btn:not(.ghost):hover{background:#303030!important;border-color:#303030!important;box-shadow:0 4px 12px #00000012!important}
.locale-options a[aria-current=true]{background:#f1f5ef!important;color:#206d39!important}
.footer-language .language-button,.locale-footer>summary{height:40px!important;min-height:40px!important;padding:8px 12px!important;gap:8px!important;border:1px solid var(--ui-border)!important;border-radius:10px!important;background:#fff!important;color:#333!important;font-size:12px!important}
.locale-footer>summary svg{width:16px!important;height:16px!important}.locale-footer>summary svg:last-child{width:11px!important;height:11px!important}
/* Complete the foundation migration: controls are neutral; status uses brand green.
   Keep chart series, photos and glass-scene surfaces in their original colors. */
:root{--action-blue:var(--brand-ink);--action-blue-hover:#303030;--action-blue-soft:#f3f3f3}
.blue-link,.showcase-text-link,.text-button,.feature-pagination button,.case-detail>a{color:var(--brand-ink)!important}
.blue-link:hover,.showcase-text-link:hover,.text-button:hover,.case-detail>a:hover{color:var(--brand-stem)!important}
.blue-link svg,.showcase-text-link svg,.text-button svg{color:inherit!important}
.module-tile[aria-pressed=true],.feature-tabs button[aria-selected=true],.case-tabs button[aria-selected=true],.metric-tabs button[aria-selected=true],.filter-btn[aria-pressed=true]{color:var(--brand-ink)!important;background:#f3f3f3!important;border-color:#d5d5d5!important;box-shadow:none!important}
.module-tile[aria-pressed=true]{border-bottom-color:var(--brand-stem)!important}
.module-tile svg,.feature-sidebar svg,.feature-tabs svg,.case-category svg,.case-sheet-row svg,.case-stamp svg{color:var(--brand-stem)!important}
.composer-send,.feature-prompt>a,.p5-composer a.p5-send{background:var(--brand-ink)!important;border-color:var(--brand-ink)!important;color:#fff!important;box-shadow:0 3px 10px #11111118!important}
.composer-send:hover,.feature-prompt>a:hover{background:#303030!important}
.app-sidebar a:first-of-type,.feature-sidebar .active,.feature-sidebar button.active,.feature-sidebar a.active{background:#f3f3f3!important;color:var(--brand-ink)!important}
.app-sidebar a:hover{background:#ededed!important}
.task-steps button[aria-pressed=true]{color:var(--brand-ink)!important}
.task-steps button[aria-pressed=true] .step-num,.task-steps .done .step-num{background:var(--brand-stem)!important;border-color:var(--brand-stem)!important;color:#fff!important;box-shadow:none!important}
.evidence-cell>svg,.ai-symbol,.context-schedule svg,.preview-open svg,.device-context-label>svg,.demo-row svg{color:var(--brand-stem)!important}
.device-confirm>svg:first-child{background:var(--brand-stem)!important;color:white!important}
.device-choice[aria-pressed=true] .device-check{background:var(--brand-stem)!important;border-color:var(--brand-stem)!important;box-shadow:none!important}
.p5-prompts button[aria-pressed=true],.p5-evidence>button[aria-pressed=true]{color:var(--brand-ink)!important;border-color:#d5d5d5!important}
input[type=checkbox],input[type=radio]{accent-color:var(--brand-stem)}
.question>span{background:#f3f3f3;color:var(--brand-stem)}
.feature-window svg,.feature-prompt svg,.case-sheet svg,.case-board svg,.case-connections svg{color:var(--brand-stem)!important}
.feature-prompt>a svg{color:#fff!important}
.device-confirm>svg:last-child{color:#707070!important}