@import url('/ui/product-identity.css');
/* Shared public chrome: existing CPGShield black, white and gold identity. */
:root{color-scheme:dark;--public-bg:#0b0b0a;--public-panel:#151513;--public-text:#e9e8e3;--public-muted:#b6b4ad;--public-line:#44433d;--public-gold:#d9a03f}
html{font-size:16px;scroll-padding-top:96px}
body{background:var(--public-bg);color:var(--public-text);line-height:1.65;font-family:var(--cpg-body)}
*{box-sizing:border-box}
.topbar{max-width:1440px;margin:auto;gap:16px;flex-wrap:wrap;border-color:var(--public-line)}
.brand,.back-link,.toplinks a,.fed a,.note a,.card a,.lead a,.footer a,a{color:var(--public-gold);border-color:var(--public-line)}
.brand{color:var(--public-text)}
.index a,.prose a,.prose sup,.related a,.cl-cite a{color:var(--public-gold)}
.index p,.eyebrow,.prose h2,.cl-cite,.cl-detail{color:var(--public-muted)}
/* Older template footer/eyebrow links have inline colors from the light theme. */
.footer a,.eyebrow a,.prose-h2{color:var(--public-gold)!important}
.cl-bar{background:var(--public-bg);border-color:var(--public-line)}
.cl-bar button{background:var(--public-panel);color:var(--public-text);border-color:var(--public-line)}
.cl-item,.cl-tag{border-color:var(--public-line)}.cl-done{color:var(--public-muted)}
.wrap{max-width:1200px;padding:32px 28px 48px}
.lead,.note,.scope-why,.pack-what,.pack-unit,.footer,.meta,.resource-meta,.resource-date,.article-meta,.hint{color:var(--public-muted)}
.lead,.note,.article-body{max-width:74ch}
h1{font-family:var(--cpg-body);font-weight:600;font-size:clamp(2rem,4vw,3rem);line-height:1.12;color:var(--public-text);letter-spacing:-.025em}
h2,.group-hd,.offer,.figures{color:var(--public-text)}
.card,.pack-card,.chip,.resource-card,.tool-card{background:var(--public-panel);border-color:var(--public-line);color:var(--public-text);min-width:0}
.card h3 a,.resource-card h3 a{color:var(--public-text)}
.scope-item,.steps li:before{border-color:var(--public-gold)}
.cta,.cta:visited{background:var(--public-gold);color:#17120a;border:1px solid var(--public-gold);min-height:44px;font-weight:600}
.cta:hover{background:#edb956;color:#17120a}
.cta:active{background:#c48b2b;color:#17120a}
.cta.ghost{background:transparent;color:var(--public-text);border-color:var(--public-line)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #f1bd5f;outline-offset:4px}
.toplinks{display:flex;flex-wrap:wrap;gap:8px 16px}.toplinks a{margin:0}
.footer{border-color:var(--public-line);margin-top:40px}
.product-context{color:var(--public-muted);font-size:14px;line-height:1.5;max-width:72ch;margin:0 0 24px}
input,select,textarea{background:#171714;color:var(--public-text);border-color:var(--public-line)}
table{max-width:100%}th,td{border-color:var(--public-line);overflow-wrap:anywhere}
.reset-page{max-width:520px;margin:48px auto;padding:0 24px}.reset-page label{color:var(--public-muted)}
.reset-page button{background:var(--public-gold);color:#17120a;min-height:44px}.reset-page button:hover{background:#edb956;color:#17120a}
.reset-page input:focus{outline:3px solid var(--public-gold);outline-offset:2px}
@media(max-width:600px){.wrap{padding:24px 20px 36px}.topbar{padding:16px 20px}.grid2,.pack-row{grid-template-columns:1fr}.cta{white-space:normal;overflow-wrap:anywhere}.reset-page{margin:24px auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}