/* Curio identity layered over the existing printed-radio interface. */
body:has(.site-header) { background-color: #100d19; }
body:has(.site-header)::before { background-image: radial-gradient(#13aead 1px, transparent 1px); opacity: .22; }
.site-header { background: #21143c; border-bottom-color: #10b6b0; }
.site-header .brand { display: inline-flex; align-items: center; gap: 15px; font: 800 23px/1 Grenze, Georgia, serif; }
.site-header .brand img { display: block; width: 118px; height: 39px; padding: 3px 5px; background: #fffaf0; border-radius: 2px; }
.site-header .brand span { color: #f5e8c8; }
.masthead .eyebrow { color: #4de1d8; }
.folder-tab[aria-selected="true"] { background: #331c5b; }
.folder-tab[aria-selected="true"]:hover { background: #492776; }
.folder-tab span, .kicker, .unit-card .unit-number { color: #6b2b9e; }
.folder-tab[aria-selected="true"] span { color: #4de1d8; }
.folder-body { box-shadow: 0 6px 0 #c1b28e, 0 12px 0 #331c5b; }
.unit-card { border-left-color: #4b1b86; }
.notice-mark, .pill, button.action, a.action { background: #4b1b86; }
.notice-item.action .notice-mark, .help-item { border-color: #0faaa4; }
.help-item { border-left-color: #0faaa4; }
.help-item a, button.outline { color: #4b1b86; }
button.outline { border-color: #4b1b86; }
button.action:not(:disabled):hover, a.action:hover { background: #6229a1; }
body:has(#stage) #overlay .brand { font-size: clamp(24px, 7cqw, 35px); line-height: .95; color: #f5e8c8; }
body:has(#stage) #overlay .brand em { display: block; margin: 7px 0 0; color: #59e1d5; font-size: .9em; }
@media(max-width:700px) { .site-header .brand { gap: 8px; font-size: 18px; } .site-header .brand img { width: 78px; height: 29px; } }