/* Shared editorial treatment. The approved v7 animation stays unchanged. */
:root{--accent:#243f61;--surface:#fff;--button-ink:#fff;--emphasis:#6e695f;--brand-filter:none}
body{background-image:repeating-linear-gradient(0deg,transparent 0 3px,#25252502 3px 4px)}
.header nav a,.text-link,.example-link,.footer>a{color:var(--accent);text-transform:uppercase;letter-spacing:.085em;font-size:11px;font-weight:650}
.header nav a:hover,.text-link:hover,.example-link:hover,.footer>a:hover{text-decoration:underline}
.header nav{align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:18px}
.section h2,.closing h2{font-family:Georgia,"Times New Roman","Noto Serif","DejaVu Serif",serif;font-style:italic;font-weight:400;letter-spacing:-.035em}
.preview,.steps article,.logo-grid article{background:var(--surface)}
.brief-brand,.brief-network{color:var(--ink)}
.brief-by,.motion-control,.small-label,.brief-row>span{color:var(--muted)}
.brief-by{border-color:var(--line)}
.brief-by img{filter:var(--brand-filter)}
h1 span{color:var(--emphasis)}
.brief-row{border-color:var(--line)}
.button,.skip{color:var(--button-ink)}
a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
@media(prefers-color-scheme:dark){
 :root{color-scheme:dark;--paper:#0b0b0b;--ink:#f5f3ee;--muted:#b9b6af;--line:#373633;--accent:#a9c9ef;--surface:#171716;--button-ink:#171716;--emphasis:#d8d0c2;--brand-filter:invert(1)}
 body{background-image:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff02 3px 4px)}
 .button:hover{background:#dedbd2}
 .preview{box-shadow:0 12px 40px #0004}
 /* Original multicolor vendor marks keep their original white presentation. */
 .logo-area{background:#fff;border-radius:6px;padding:12px}
}
@media(max-width:720px){.header{flex-wrap:wrap}.header nav{width:100%;justify-content:flex-start;gap:14px}.header nav>a:first-child{display:inline}.header nav a{font-size:10px}.brief-brand{max-width:100%}}