*,*:before,*:after{box-sizing:border-box}:root{--ink:var(--okoa-semantic-fg1);--coral:var(--okoa-semantic-border-accent);--rule:color-mix(in srgb,var(--okoa-semantic-fg1) 14%,transparent);--gut:clamp(1.25rem,5vw,4.5rem);--maxw:1320px}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{margin:0;font-family:var(--okoa-sans);color:var(--ink);background:var(--okoa-semantic-surface-warm)}a{color:inherit;text-decoration:none}p{margin:0}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}.ac{color:var(--coral);font-style:normal}.head{position:sticky;top:0;z-index:var(--okoa-z-dock);background:color-mix(in srgb,var(--okoa-semantic-surface-warm) 88%,transparent);backdrop-filter:var(--okoa-backdrop-blur);-webkit-backdrop-filter:var(--okoa-backdrop-blur);border-bottom:var(--okoa-border-hair) solid transparent;transition:border-color .3s}.head.scr{border-bottom-color:var(--rule)}.head .wrap{display:flex;align-items:center;justify-content:space-between;gap:clamp(.85rem,2vw,2.2rem);min-height:var(--okoa-control-height);padding-block:1.1rem}.brand{flex:none;display:inline-flex}.brand .logo{height:1.4rem;width:auto;display:block;color:var(--ink)}.nav{display:flex;align-items:center;gap:clamp(1rem,2vw,2rem)}.nav a{font-family:var(--okoa-mono);font-size:var(--t-label);letter-spacing:var(--tr-caps-wide);text-transform:uppercase;color:var(--okoa-semantic-fg2);white-space:nowrap;transition:color .15s var(--okoa-ease-out)}.nav a:hover,.nav a[aria-current]{color:var(--ink)}.head-actions{display:flex;align-items:center;gap:clamp(.5rem,1.2vw,.85rem);flex:none}.modetog{display:inline-flex;align-items:center;justify-content:center;width:var(--okoa-control-height);height:var(--okoa-control-height);border:var(--okoa-border-hair) solid var(--rule);background:transparent;color:var(--okoa-semantic-fg2);cursor:pointer;transition:color .15s,border-color .15s}.modetog:hover{color:var(--ink);border-color:var(--okoa-semantic-border-default)}.modetog svg{width:17px;height:17px;display:block}.cta{font-family:var(--okoa-mono);font-size:var(--t-label);letter-spacing:var(--tr-caps);text-transform:uppercase;height:var(--okoa-control-height);display:inline-flex;align-items:center;gap:.5rem;padding:0 1.2rem;border:var(--okoa-border-hair) solid var(--ink);background:var(--ink);color:var(--okoa-semantic-surface-default);transition:transform .12s}.cta:hover{transform:translateY(-2px)}@media (max-width:760px){.nav{display:none}}.wall{padding-block:clamp(3rem,7vw,5.5rem) clamp(1.6rem,3vw,2.4rem)}.kick{display:inline-flex;align-items:center;gap:.7rem;color:var(--okoa-semantic-fg2)}.kick:before{content:"";width:9px;height:9px;border:var(--okoa-border-hair) solid var(--coral);border-radius:var(--okoa-radii-circle);flex:none}.wall h1{margin:1rem 0 0;max-width:20ch}.draft{margin-top:1.6rem;max-width:64rem;border:var(--okoa-border-hair) solid var(--rule);border-left:var(--okoa-border-thick) solid var(--coral);padding:.85rem 1.1rem;color:var(--okoa-semantic-fg2);background:var(--okoa-semantic-surface-default)}.doc{padding-bottom:clamp(3rem,7vw,6rem)}.doc .body{max-width:64rem}.doc .meta{color:var(--okoa-semantic-fg3);margin-bottom:clamp(2rem,4vw,3rem);padding-bottom:1.4rem;border-bottom:var(--okoa-border-hair) solid var(--rule)}.doc h2{margin:clamp(2.2rem,4vw,3rem) 0 .9rem;color:var(--ink)}.doc p{color:var(--okoa-semantic-fg2);margin:0 0 1rem;max-width:74ch}.doc p:last-child{margin-bottom:0}.doc ul{margin:0 0 1rem;padding-left:1.2rem;color:var(--okoa-semantic-fg2);max-width:74ch}.doc li{margin:.35rem 0}.doc a.inl{color:var(--okoa-semantic-fg-accent);border-bottom:var(--okoa-border-hair) solid color-mix(in srgb,var(--okoa-semantic-fg-accent) 40%,transparent)}.doc .upd{margin-top:clamp(2.4rem,4vw,3rem);padding-top:1.4rem;border-top:var(--okoa-border-hair) solid var(--rule);color:var(--okoa-semantic-fg3)}.foot{border-top:var(--okoa-border-hair) solid var(--rule);padding-block:clamp(2.5rem,5vw,4rem) 2rem}.foot .wrap{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.foot .logo{height:1.3rem;width:auto;color:var(--ink)}.foot .fl{font-family:var(--okoa-mono);font-size:var(--t-label-sm);letter-spacing:var(--tr-wide);color:var(--okoa-semantic-fg3)}.foot .fl a:hover{color:var(--ink)}.foot .links{display:flex;gap:1.1rem;flex-wrap:wrap}.foot .links a{font-family:var(--okoa-mono);font-size:var(--t-label-sm);letter-spacing:var(--tr-wide);text-transform:uppercase;color:var(--okoa-semantic-fg2)}.foot .links a:hover,.foot .links a[aria-current]{color:var(--ink)}
