/* Shared static content styling; uses the existing Graicells palette. */
.site-nav{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.site-nav a{color:var(--ink-primary);text-decoration:none;font-weight:600}.site-nav a:hover,.prose a:hover{text-decoration:underline}.site-nav a:focus-visible,a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.content-page main{padding-bottom:3rem}.prose{max-width:780px;margin:2rem auto 4rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:1rem;padding:clamp(1.25rem,4vw,3rem);box-shadow:var(--shadow);overflow-wrap:anywhere}.prose h1{font-family:"Space Grotesk","Segoe UI",sans-serif;font-size:clamp(2rem,4vw,3rem);line-height:1.12}.prose h2{margin-top:2rem;font-size:1.5rem}.prose p{line-height:1.75;color:var(--ink-secondary)}.prose a,.related a,.content-card a,.site-footer a{color:var(--brand-strong)}.reading-item{padding-left:1rem;border-left:3px solid var(--border)}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-bottom:2rem}.content-card{padding:1.75rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:1rem;box-shadow:var(--shadow)}.content-card h2{font-family:"Space Grotesk","Segoe UI",sans-serif;line-height:1.25}.content-card p,.related{color:var(--ink-secondary);line-height:1.6}.site-footer{padding:2rem 0}.lab-page{color:var(--ink-primary);background:var(--bg-base);font-family:"IBM Plex Sans","Segoe UI",sans-serif}.lab-page header,.lab-page main,.lab-page footer{width:min(1100px,92vw);max-width:1100px;padding:1.5rem 0;margin:auto}.lab-page .brand{color:var(--ink-primary);letter-spacing:.04em}.lab-page p{color:var(--ink-secondary)}.lab-page section,.lab-page .card,.lab-page pre,.lab-page .case{background:var(--bg-surface);border-color:var(--border);color:var(--ink-primary)}.lab-page .notice{background:#fff6df;color:var(--ink-primary);border-left-color:var(--accent)}.lab-page button,.lab-page select{background:var(--bg-surface);color:var(--ink-primary);border-color:#86a79a}.lab-page button.active{background:#e2f3eb;border-color:var(--brand)}.lab-page .metric,.lab-page .good{color:var(--brand-strong)}.lab-page .bad{color:#a83232}.lab-page .tag{background:#e4eee9;color:var(--ink-primary)}.lab-page a{color:var(--brand-strong)}.lab-page h1{font-family:"Space Grotesk","Segoe UI",sans-serif}.lab-page pre{overflow-wrap:anywhere;white-space:pre-wrap}.lab-page .actions a{border-color:var(--border)}
@media(max-width:650px){.site-header{gap:1rem;flex-wrap:wrap}.site-nav{gap:.85rem}.content-grid{grid-template-columns:1fr}.lab-page .layout,.lab-page .split,.lab-page .cards,.lab-page .grid{grid-template-columns:1fr}.prose{margin-top:1rem}.lab-page h1{font-size:2rem}}

.lab-page h2,.lab-page h3,.lab-page .caption{color:var(--ink-secondary)}

.lab-page .flow{background:#e4eee9;color:var(--ink-primary)}

.lab-page .fail{background:#fff0ed;color:#75251d;border:1px solid #e7bbb4;border-left:4px solid #a83232;border-radius:8px;padding:12px;margin:10px 0}.lab-page .fail strong{color:#75251d}.lab-page .sample-explainer{margin:20px 0;padding:20px;border-left:4px solid var(--brand)}.lab-page .sample-explainer h2{margin-top:0}.sample-toggles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.lab-page .sample-toggles button{text-align:center;font-weight:600;min-height:54px}.lab-page .sample-toggles button.active{background:#d9eee3;color:#0f2620;border:2px solid var(--brand-strong)}.lab-page #sample-purpose{font-weight:600}.lab-page .sample-qa-note{font-size:.9rem;color:var(--ink-secondary)}@media(max-width:650px){.sample-toggles{grid-template-columns:1fr}}

.lab-page summary,.lab-page .allow{color:var(--brand-strong)}.lab-page .deny{color:#a83232}.btn-primary{background:linear-gradient(130deg,var(--brand-strong),#087754)}

.lab-page .note{color:var(--ink-secondary)}.site-nav a:focus-visible,.content-page a:focus-visible,.lab-page a:focus-visible,.lab-page button:focus-visible,.lab-page select:focus-visible,.lab-page summary:focus-visible{outline:3px solid var(--brand-strong);outline-offset:3px}

.site-nav a[aria-current]{color:var(--brand-strong);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.35em}