/* WiseDPO visual identity, v0.5. Presentation only; content and layout order stay intact. */
:root{
 --navy:#111111;--ink:#20201e;--muted:#79746c;--line:#dedbd5;--paper:#ffffff;--canvas:#fbfaf7;
 --blue:#b43e14;--blue-soft:#f8ede5;--gold:#b43e14;--brand-orange:#d84c18;--brand-hover:#bf4114;
 --sans:"Avenir Next","Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;
 --serif:var(--sans);--mono:"SFMono-Regular","Menlo","Consolas",monospace;
 --soft-surface:#f4f2ee;--secondary-ink:#56534d;--quiet-ink:#79746c;
}
body{color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased}
::selection{background:#f4cfb9;color:#111}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--brand-orange)}
.sidebar{
 background:radial-gradient(circle at 22px 22px,rgba(232,93,38,.065) 1px,transparent 1.5px) 0 0/22px 22px,linear-gradient(145deg,#fff4eb 0%,#fbfaf7 38%);
 border-left:4px solid var(--brand-orange);border-right-color:var(--line);
}
.brand{gap:10px;padding-left:4px;padding-right:0;padding-bottom:28px;margin-bottom:22px;border-bottom:1px solid #e7ded5}
.brand-mark{width:39px;height:39px;flex:none;background:transparent;border-radius:8px 8px 8px 2px}
.brand-mark img{display:block;width:100%;height:100%}
.brand strong{font-family:var(--sans);font-size:22px;line-height:1.3;font-weight:750;letter-spacing:-.65px;color:#111}
.brand small{font-family:var(--mono);font-size:7.5px;font-weight:600;line-height:1.5;letter-spacing:.8px;margin-top:7px;color:var(--muted);white-space:nowrap}
.side-caption{font-weight:600;color:var(--muted)}
.side-caption span,.sidebar-version,.eyebrow,.market-name small,.nav-link .country-code,.section-number,.comparison-table tbody th small{font-family:var(--mono)}
.side-caption span{font-size:9px;color:var(--muted);letter-spacing:.5px}
.nav-link{color:var(--secondary-ink);border-radius:8px;font-weight:550;position:relative}
.nav-link:hover{background:#f1e8df;color:#111}
.nav-link.active{background:var(--brand-orange);color:#111;box-shadow:0 4px 12px #d84c1814;font-weight:650}
.nav-link.active:before{content:"";position:absolute;left:4px;top:25%;height:50%;width:3px;border-radius:2px;background:#111}
.nav-link .country-code{color:var(--quiet-ink)}
.nav-link.active .country-code{color:#411b0f}
.sidebar-foot{border-color:var(--line)}
.prototype-label{background:#f4e6db;color:#98401e;letter-spacing:.3px;border-radius:4px}
.sidebar-version{color:var(--muted);letter-spacing:1px}
.topbar{background:var(--canvas);border-color:var(--line)}
.search-trigger{border:1px solid var(--line);background:#fff;border-radius:8px;color:var(--secondary-ink);box-shadow:0 2px 7px #28201804}
.search-trigger:hover{border-color:#bcb6ac}
kbd{background:var(--soft-surface);border-color:var(--line);color:var(--muted)}
.crumb-slash{color:#b8b3ab!important}
.eyebrow{color:var(--blue);font-size:10px;font-weight:600;letter-spacing:1.25px}
h1,.country-title h1{font-weight:700;letter-spacing:-.5px}
.primary-btn{background:#111;color:white;border-radius:8px}
.primary-btn:hover{background:#34322f}
.outline-btn{border-color:var(--line);color:#25241f;border-radius:8px;box-shadow:0 2px 6px #28201803}
.outline-btn:hover{background:#f4f0ea;border-color:#bbb3a7}
.text-btn,.compare-open,.article-bottom a,.eg-source-link,.tx-source,.tx-data-footer a{color:var(--blue)}
.text-btn:hover,.compare-open:hover,.article-bottom a:hover,.eg-source-link:hover,.tx-source:hover{color:#852c0c}
.workspace-search{border-color:var(--line);border-radius:8px;box-shadow:none;color:var(--muted)}
.market-matrix,.question-list,.comparison-controls,.table-scroll,.article,.source-placeholder{border-color:var(--line);border-radius:8px;box-shadow:0 2px 6px #27201803}
.matrix-head,.comparison-table thead th{background:var(--soft-surface);color:var(--secondary-ink)}
.matrix-head svg{color:var(--secondary-ink)}
.market-name:hover,.matrix-cell:hover{background:#fcf4ed}
.matrix-cell,.market-name,.question-link+.question-link,.control-row+.control-row{border-color:var(--line)}
.matrix-cell .cell-link{color:#292723}
.matrix-cell small,.prototype-note,.question-link .arrow,.compare-date,.compare-note,.page-footer{color:var(--muted)}
.question-link small{color:var(--blue)}
.compare-callout{background:#171716;border-radius:8px;border-top:3px solid var(--brand-orange)}
.compare-callout h3{font-family:var(--sans);font-weight:650}
.compare-callout .eyebrow{color:#eea078}
.compare-callout p{color:#c9c4bc}
.compare-callout a{color:#f0a37b}
.page-footer{border-color:var(--line)}
.footer-divider{color:#c6bfb5}
.page-meta .separator{color:#b9b2a7}
.topic-tabs{border-color:var(--line)}
.topic-tab{color:var(--secondary-ink)}
.topic-tab.active{color:var(--blue)}
.topic-tab.active:after{background:var(--brand-orange)}
/* The approved article and its left-hand table of contents retain their geometry. */
.eg-article{border-color:var(--line);border-radius:8px;background:#fff;box-shadow:0 2px 7px #28201803}
.eg-article-header h2,.eg-section>h2{font-family:var(--sans);font-weight:700;color:#171716;letter-spacing:-.45px}
.eg-article .eg-intro{color:var(--secondary-ink)}
.eg-article p,.eg-article li{color:#4a4843}
.eg-section,.eg-contents-foot,.eg-article-footer{border-color:var(--line)}
.eg-section h3{color:#24231f;font-weight:650}
.eg-section>h2>span,.eg-contents nav a>span,.eg-article li::marker{font-family:var(--mono);color:var(--blue);font-weight:600}
.eg-section-lead strong{color:#171716}
.eg-contents nav a{border-radius:0 6px 6px 0;color:var(--secondary-ink)}
.eg-contents nav a[aria-current]{background:#f8e9dd;border-color:var(--brand-orange);color:#9c3511;font-weight:650}
.eg-contents nav a:hover{background:#f5eee6;color:#9c3511}
.eg-contents .contents-label,.contents-label{font-family:var(--mono);color:var(--muted);font-weight:600}
.eg-contents-foot{color:var(--muted)}
.eg-source-link{color:var(--blue);font-weight:500}
.eg-facts dt,.eg-article .eg-inline-fact{color:var(--secondary-ink)}
.eg-facts dd{color:#25231f}
.eg-exception-list{border-color:var(--line)}
.eg-exception-list summary{color:var(--blue);font-weight:600}
.eg-check{color:#3b7056}
.eg-bibliography p,.eg-bibliography .eg-reading-note,.eg-article-footer,.eg-article-footer button,.eg-source-location,.eg-source-trace{color:var(--muted)}
.eg-article-footer button:hover{color:var(--blue)}
/* Other topics, table controls and comparison surfaces share the same palette. */
.contents a,.contents a .q-num{color:var(--secondary-ink)}
.contents a:hover{background:#f5eee6;color:var(--blue)}
.contents a.active{background:#f8e9dd;color:var(--blue)}
.contents a .q-num{font-family:var(--mono);color:var(--blue)}
.article h2{font-weight:700;color:#171716}
.placeholder-badge{background:var(--soft-surface);border-color:var(--line);color:var(--muted)}
.answer-placeholder{background:#fcf5ef;border-color:var(--brand-orange)}
.answer-placeholder .answer-label{color:var(--blue)}
.answer-placeholder p,.condition-item strong,.article-details summary{color:var(--secondary-ink)}
.condition-item p,.article-bottom,.compare-empty,.compare-structure,.source-placeholder dd,.source-footnote{color:var(--muted)}
.article-actions{background:#faf8f5;border-color:var(--line)}
.article-actions button,.article-actions button:first-child{color:var(--blue)}
.related-links a{border-color:var(--line);border-radius:6px;color:var(--secondary-ink)}
.related-links a:hover{color:var(--blue);border-color:#cc8b6d}
.country-toggle{border-color:var(--line);border-radius:7px;color:var(--secondary-ink)}
.country-toggle[aria-pressed=true]{background:#111;border-color:#111;color:white}
.country-toggle[aria-pressed=true] .check{background:var(--brand-orange);border-color:var(--brand-orange);color:#fff}
.check{border-color:#b9b2a8}
.control-row select{border-color:var(--line);border-radius:7px;color:var(--secondary-ink)}
.view-toggle{background:var(--soft-surface);border:1px solid var(--line);border-radius:7px}
.view-toggle button{border-radius:5px;color:var(--secondary-ink)}
.view-toggle button.active{background:#111;color:#fff;box-shadow:none}
.comparison-table tbody th{background:#faf8f4}
.comparison-table tbody th small{color:var(--blue)}
.compare-structure{border-color:var(--line)}
.compare-empty:before{background:#bfb6a8}
.tx-status{background:var(--soft-surface);color:var(--secondary-ink);border-radius:4px}
.tx-status.pending{background:#f7ecdb;color:#86612b}
.tx-source-card{border-color:var(--line)}
.tx-source-card dt,.tx-data-footer,.tx-review{color:var(--muted)}
.tx-body,.tx-compare-text,.tx-compare-path p{color:#4a4843}
.tx-path-reference,.tx-common-link{color:var(--blue)}
/* Dialogs and feedback remain in their existing positions. */
dialog{border-color:var(--line);box-shadow:0 20px 70px #34261725}
dialog::backdrop{background:#211b1655;backdrop-filter:blur(3px)}
.dialog-heading h2{font-weight:700;color:#171716}
.icon-btn{color:var(--muted);border-radius:6px}
.icon-btn:hover{background:#f5eee6;color:#111}
.search-input-wrap{border-color:#d5b7a6;color:var(--blue)}
.result-link strong{color:#24231f}
.result-link small,.result-caption,.result-link .arrow,.search-foot{color:var(--muted)}
.result-link:hover,.result-link:focus-visible{background:#fcf0e7}
.source-link-disabled{background:var(--soft-surface);border-color:var(--line);color:var(--muted)}
#toast{background:#171716;border-left:3px solid var(--brand-orange);border-radius:7px}
@media(max-width:1150px){.brand{gap:8px}.brand strong{font-size:20px}.brand-mark{width:34px;height:34px}.brand small{font-size:6.5px;letter-spacing:.6px}}
@media(max-width:900px){.brand{padding:0 0 25px;margin:0;border:0}.sidebar{border-left-width:3px}.brand-mark{width:38px;height:38px}.nav-link.active:before{left:2px;width:2px}}
@media(max-width:760px){.eg-contents nav a{border-radius:0}.eg-contents nav a[aria-current]{background:none;border-color:var(--brand-orange)}}
@media(max-width:680px){.sidebar{border-left:0;border-top:3px solid var(--brand-orange)}.brand{padding:0;gap:8px;margin:0}.brand-mark{width:32px;height:32px}.brand strong{font-size:19px;letter-spacing:-.6px}.brand small{font-size:6px;letter-spacing:.5px;margin-top:3px}.nav-link.active:before{display:none}.contents a{border-color:var(--line)}.contents a.active{border-color:#d8a58c}.matrix-cell:before{color:var(--secondary-ink)}.matrix-cell .cell-link{color:var(--blue)}}
.brand strong{font-weight:700}
.eg-article .eyebrow{font-size:10px;line-height:1.6;color:var(--blue);letter-spacing:1.2px;font-weight:600}
main>*{animation:none}