/* Milo design-system site — print. Cream is paper now; the nav, toggles and live demos leave; every tuck opens. */
@page { margin: 18mm 16mm; }
:root { --surface-primary: #fff; --surface-secondary: #fff; --surface-tertiary: #f2f0ea; --text-primary: #0B0C09; --text-secondary: #3a3b36; --text-tertiary: #6b6d64; --hairline: #cfcdc4; --hairline-strong: #0B0C09; }
html { font-size: 11pt; }
body { background: #fff !important; color: #0B0C09 !important; }
.ds-shell { display: block; }
.ds-topbar, .ds-nav, .theme-toggle, .ds-nav-toggle, .skip-link, .btn, button, input, select, .recipe-tabs, .controls, .gallery-toolbar, .tabs, .ds-foot-links, [data-voice-demo], [data-quick-entry], .scrim, .voice-pill:not(.static), #toast-host { display: none !important; }
.ds-main { padding: 0 !important; max-width: 100%; }
.page-hero { padding: 0 0 8mm; margin-bottom: 8mm; grid-template-columns: 1fr; }
.page-hero .facts { text-align: left; justify-self: start; }
.ds-section { padding: 8mm 0 10mm; break-inside: auto; }
.ds-section h2, .display-l, .display-m { break-after: avoid; }
.display-xl { font-size: 36pt; } .display-l { font-size: 26pt; } .display-m { font-size: 18pt; }
details.tuck, details.disclosure { display: block; }
details.tuck > summary, details.disclosure > summary { list-style: none; }
details.tuck:not([open]) > .tuck-body, details.disclosure:not([open]) > .run-detail { display: block !important; } /* everything prints */
details.tuck > summary .count::after { content: ' — printed in full'; }
.plate, .bleed-left, .bleed-right, .bleed-full, .manifesto-hero .figure { margin-inline: 0 !important; margin-top: 0 !important; }
.plate { grid-template-columns: 1fr; break-inside: avoid; }
.plate .figure img, .figure img, canvas { max-height: 120mm; width: auto; max-width: 100%; }
canvas[data-fx-canvas] { display: none; } /* animated canvases have no print state; the caption still prints */
.gallery { grid-template-columns: repeat(3, 1fr); gap: 6mm; }
.gallery > :nth-child(6n+1) { grid-column: auto; }
.specimen-pair { grid-template-columns: 1fr 1fr; }
.specimen[data-theme="dark"] { color-scheme: light; background: #fff; border-style: dashed; }
.specimen[data-theme="dark"]::before { content: 'DARK SPECIMEN — see the site'; font: 500 8pt/1 'Inter', sans-serif; letter-spacing: .1em; color: #6b6d64; display: block; margin-bottom: 4mm; }
.device, .screen-frame, iframe { display: none; }
a[href^="http"]::after { content: ' (' attr(href) ')'; font-family: 'JetBrains Mono', monospace; font-size: 7.5pt; color: #6b6d64; }
a { text-decoration: none; color: inherit; }
pre { white-space: pre-wrap; border-left: 1px solid #0B0C09; background: #f7f5f0; }
.ds-foot { margin-top: 12mm; }
.ds-foot::after { content: 'Printed from offline.wokegod.cc/brand — Milo Brand + Interface System V1.0'; display: block; font-family: 'JetBrains Mono', monospace; font-size: 7.5pt; color: #6b6d64; margin-top: 2mm; }