.brand-logo{display:block;width:clamp(240px,34vw,380px);line-height:0}.brand-logo img{display:block;width:100%;height:auto;object-fit:contain}nav{gap:14px;flex-wrap:wrap}@media(max-width:700px){.brand-logo{width:min(250px,62vw)}}

/* Program identity: metallic accents with readable dark surfaces. */
:root { --page:#100c06; --panel:#251d10; --surface:#181209; --accent:#f2cf76; --muted:#d9c8a7; --subtle:#baa780; --metal:#d4a83e; --shine:#ffe4a0; --button-ink:#241b08; --border:#796037; --link:L#241b08; }
body { background:var(--page); color:var(--shine); }
body:before { background:radial-gradient(ellipse at 72% 4%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 38%),radial-gradient(ellipse at 4% 50%,color-mix(in srgb,var(--metal) 8%,transparent),transparent 30%); }
.brand span,em,strong,.eyebrow,.matrix-level-heading { color:var(--accent); }
.lede,.status,.levels p,label,.share-label,.actions a { color:var(--muted); }
small,span,.tree-node small,.activity-item time,footer { color:var(--subtle); }
button { background:var(--panel); border-color:var(--border); color:var(--shine); }
button:not(:disabled):hover { border-color:var(--accent); }
.primary { background:linear-gradient(125deg,var(--metal),var(--shine) 48%,var(--metal)); color:var(--button-ink); border:1px solid var(--accent); box-shadow:0 3px 18px color-mix(in srgb,var(--metal) 16%,transparent); }
.stats article,.levels article,.card { background:linear-gradient(140deg,var(--panel),var(--surface)); border-color:var(--border); }
.card strong { color:var(--accent); }
.notice { border-left-color:var(--accent); background:var(--surface); }
.sequence span { border-color:var(--border); color:var(--muted); }
input { background:var(--page); border-color:var(--border); color:var(--shine); }
.badge { background:var(--panel); color:var(--accent); border:1px solid var(--border); }
.badge.active { background:#103d31; color:#66e0ad; border-color:#27694f; }
.status.success { color:#5de4aa; } .status.error { color:#ff8d96; }
.root-result,.tree-node { background:var(--surface); border-color:var(--border); }
.matrix-level,.activity-item { border-bottom-color:var(--border); }
a { color:var(--link); }
button:focus-visible,a:focus-visible,input:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }