/* Shared brand layer for guide, template and example pages. Loaded after brief.css. Matches the home page. */
:root{--blue:#2f3cff;--blue-ink:#1e27c9;--bg:#f3f1ec;--line:#dcd8cf;--mute:#6d6a64;--display:"Inter Tight","Helvetica Neue",Arial,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--blue:#7c86ff;--blue-ink:#aab1ff;--bg:#0f0f0e;--line:#2c2b28;--mute:#9a968e}}
body{background:var(--bg)}
.topnav .home{font:700 16px var(--display);letter-spacing:-.02em;display:flex;align-items:center;gap:9px}
.topnav .home::before{content:"";width:12px;height:16px;background:var(--ink);border-radius:1px;box-shadow:4px -4px 0 -1px var(--blue)}
.sheet.guide{border-radius:14px;border-color:var(--line);box-shadow:0 40px 80px -50px rgba(20,20,40,.35)}
.sheet.guide .band{border-bottom:1px solid var(--line);font:500 11.5px var(--mono);letter-spacing:.06em;margin-bottom:26px}
.sheet.guide .band span:first-child{color:var(--blue)}
.sheet.guide h1{font:700 clamp(36px,5.4vw,58px)/1 var(--display);letter-spacing:-.04em;margin:0 0 20px}
.sheet.guide h2{font-family:var(--display);font-weight:600;letter-spacing:-.02em}
.sheet.guide .intro{font-size:19px;line-height:1.5}
.sheet.guide .num{font:500 13px var(--mono);color:var(--blue);padding-top:8px}
.sheet.guide .ex{background:rgba(47,60,255,.06);border-left:3px solid var(--blue);border-radius:0 8px 8px 0}
.sheet.guide .ex b{font-family:var(--mono);font-weight:500;letter-spacing:.06em;color:var(--blue-ink)}
.sheet.guide .ans{font-family:var(--serif);font-size:18px}
.sheet.guide .btn,.endcta .btn{border-radius:999px;padding:11px 20px}
.sheet.guide .btn.primary,.endcta .btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}
.sheet.guide a:not(.btn){text-decoration-color:var(--blue);text-underline-offset:3px}
.sheet.guide .bt,.sheet.guide .endcta{border-top:1px solid var(--line)}
.sheet.guide .bt{font-family:var(--display);font-weight:600;letter-spacing:-.02em}
.kit{border:0!important;border-radius:14px!important;background:var(--ink)!important;color:var(--bg)}
.kit .rk{color:#a9a59d!important;font-family:var(--mono)!important;font-weight:500!important}
.kit p{color:#d8d4cc}
.kit .btn{background:var(--blue);border-color:var(--blue);color:#fff;border-radius:999px}
.rationale{border-radius:14px;border-color:var(--line)}
.rationale h2{font-family:var(--display)!important;font-weight:700!important;letter-spacing:-.035em}
@media print{body{background:#fff}.sheet.guide{box-shadow:none}.kit{display:none}}