.pub{flex-direction:column;min-height:100dvh;display:flex}.pub-bar{z-index:1;justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) clamp(var(--space-4), 4vw, var(--space-7));border-bottom:1px solid var(--rule);background:color-mix(in oklab, var(--surface) 80%, transparent);flex-wrap:wrap;display:flex;position:relative}.pub-brand{align-items:center;gap:var(--space-2);color:var(--ink);font-family:var(--font-display);letter-spacing:.08em;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.pub-brand svg{color:var(--gold)}.pub-nav{align-items:center;gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.pub-nav__link{color:var(--ink-2);text-decoration:none}.pub-nav__link:hover{color:var(--ink);text-decoration:underline}.pub-switch{align-items:center;gap:2px;display:inline-flex}.pub-switch .btn[aria-pressed=true]{background:var(--surface-selected,var(--surface-sunk));color:var(--ink)}.pub-main{z-index:1;width:100%;max-width:1040px;padding:var(--space-6) clamp(var(--space-4), 4vw, var(--space-7)) var(--space-7);flex:1;margin:0 auto;position:relative}.pub-foot{z-index:1;justify-content:center;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--rule);color:var(--ink-3);flex-wrap:wrap;display:flex;position:relative}.pub-foot a{color:var(--ink-2)}.pub-hero{gap:var(--space-3);padding:var(--space-5) 0 var(--space-6);flex-direction:column;display:flex}.pub-hero h1{max-width:22ch;margin:0;font-size:clamp(2rem,1.4rem + 2.6vw,3.25rem);line-height:1.12}.pub-hero__lede{max-width:62ch;color:var(--ink-2);margin:0;font-size:1.15rem}.pub-hero__actions{margin-top:var(--space-2)}.pub-section{padding:var(--space-6) 0;border-top:1px solid var(--rule)}.pub-section>h2{margin:0 0 var(--space-4)}.pub-steps{counter-reset:pub-step;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));margin:0;padding:0;list-style:none;display:grid}.pub-step{counter-increment:pub-step;padding:var(--space-4);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface-2);box-shadow:var(--shadow-1);position:relative}.pub-step:before{content:counter(pub-step);top:var(--space-3);right:var(--space-4);font-family:var(--font-display);color:var(--ink-3);font-weight:700;position:absolute}.pub-step>svg{color:var(--gold)}.pub-step h3{margin:var(--space-2) 0 var(--space-1);font-size:1.05rem}.pub-step p,.pub-card p{color:var(--ink-2);margin:0}.pub-cards{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));display:grid}.pub-card{padding:var(--space-4);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface-2)}.pub-card h3{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);font-size:1.05rem;display:flex}.pub-card h3 svg{color:var(--gold);flex:none}.pub-cta p{max-width:60ch;color:var(--ink-2)}.pub-doc{max-width:72ch}.pub-draft{margin-bottom:var(--space-5)}.pub-doc h1{margin:0 0 var(--space-3)}.pub-doc h2{margin-top:var(--space-6)}.pub-doc__lede{color:var(--ink-2);font-size:1.1rem}:root:not([data-style=codex]) .pub-bar{background:var(--surface)}:root:not([data-style=codex]) .pub-brand{font-family:var(--font-body);font-weight:600}:root:not([data-style=codex]) .pub-hero h1{font-weight:300}:root:not([data-style=codex]) :is(.pub-step,.pub-card){background:var(--surface);border-color:#0000}:root:not([data-style=codex]) :is(.pub-step>svg,.pub-card h3 svg,.pub-brand svg){color:var(--link)}:root:not([data-style=codex]) .pub-step:before{font-family:var(--font-body)}@media (width<=640px){.pub-bar{padding:var(--space-2) var(--space-4)}.pub-nav__link{display:none}.pub-switch .btn:first-child{padding-inline:var(--space-2)}.pub-main{padding:var(--space-4) var(--space-4) var(--space-6)}.pub-hero{padding-top:var(--space-3)}}