@font-face{font-family:Familjen Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(./familjen-grotesk-latin-500-normal-BASv1Bog.woff2)format("woff2"),url(./familjen-grotesk-latin-500-normal-BJWE1t8Q.woff)format("woff")}@font-face{font-family:Familjen Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(./familjen-grotesk-latin-600-normal-DR8FYmV8.woff2)format("woff2"),url(./familjen-grotesk-latin-600-normal-Cchso0CV.woff)format("woff")}@font-face{font-family:Familjen Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(./familjen-grotesk-latin-700-normal-DP3KK2u2.woff2)format("woff2"),url(./familjen-grotesk-latin-700-normal-Cqh4U_Q6.woff)format("woff")}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-display:swap;font-weight:400;src:url(./atkinson-hyperlegible-next-latin-400-normal-FfmJh7DR.woff2)format("woff2"),url(./atkinson-hyperlegible-next-latin-400-normal-DPp7N0cD.woff)format("woff")}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-display:swap;font-weight:600;src:url(./atkinson-hyperlegible-next-latin-600-normal-BBuhw47K.woff2)format("woff2"),url(./atkinson-hyperlegible-next-latin-600-normal-BhgCag5w.woff)format("woff")}@font-face{font-family:Martian Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./martian-mono-latin-400-normal-DZsjfPjH.woff2)format("woff2"),url(./martian-mono-latin-400-normal-DM4nBGIh.woff)format("woff")}@font-face{font-family:Martian Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./martian-mono-latin-500-normal-BWC8e-kx.woff2)format("woff2"),url(./martian-mono-latin-500-normal-BsOs1ffX.woff)format("woff")}:root{--paper:#f3f5f7;--card:#fff;--ink:#14202b;--slate:#56636f;--rule:#d5dbe1;--marker:#ffe14d;--marker-ttp:#b9dcff;--marker-ctx:#c6ebd3;--red:#c23b22;--amber:#b86e0a;--f-display:"Familjen Grotesk", "Helvetica Neue", Arial, sans-serif;--f-body:"Atkinson Hyperlegible Next", system-ui, sans-serif;--f-mono:"Martian Mono", ui-monospace, Menlo, monospace;--gutter:clamp(1.1rem, 4vw, 2.5rem);--max:76rem}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:400 1.0625rem/1.6 var(--f-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--f-display);letter-spacing:-.015em;margin:0;font-weight:600}p{margin:0}a{color:inherit}code{font:500 .82em var(--f-mono);background:var(--marker-ttp);border-radius:3px;padding:.05em .35em}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:3px}.wrap{width:100%;max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}.skip{background:var(--ink);color:#fff;z-index:10;padding:.6rem 1rem;position:absolute;top:0;left:-999px}.skip:focus{top:1rem;left:1rem}.btn{font:600 1rem/1 var(--f-display);background:var(--ink);color:var(--paper);border:2px solid var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:.95rem 1.45rem;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.btn:hover{background:var(--marker);color:var(--ink)}.btn--small{padding:.6rem 1rem;font-size:.95rem}.link{text-underline-offset:.25em;font-weight:600;text-decoration-thickness:1px}.link:hover{text-decoration-thickness:2px}.top{border-bottom:1px solid var(--rule)}.top__inner{justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;display:flex}.brand{font:700 1.35rem/1 var(--f-display);letter-spacing:-.03em;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.brand__mark{width:1.6rem;height:1.6rem}.top__nav{align-items:center;gap:1.6rem;font-size:.95rem;display:flex}.top__nav a:not(.btn){color:var(--slate);text-decoration:none}.top__nav a:not(.btn):hover{color:var(--ink)}.hero{grid-template-columns:minmax(0,1fr);gap:2rem;padding-block:clamp(3.5rem,9vw,7.5rem) clamp(3rem,6vw,5rem);display:grid}.hero__title{letter-spacing:-.035em;max-width:15ch;font-size:clamp(2.5rem,6.4vw,5.6rem);line-height:.98}.hero__side{align-content:end;gap:1.75rem;max-width:34rem;display:grid}.hero__lede{color:var(--slate);font-size:1.15rem}.hero__actions{flex-wrap:wrap;align-items:center;gap:1.25rem 1.75rem;display:flex}@media (width>=62rem){.hero{grid-template-columns:1.55fr 1fr;align-items:end;gap:3rem}}.hl{--mk:var(--marker);color:inherit;background-color:#0000;background-image:linear-gradient(100deg, transparent .2em, var(--mk) .35em, var(--mk) calc(100% - .4em), transparent calc(100% - .15em));-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .45s cubic-bezier(.3,.7,.3,1),box-shadow .15s;transition-delay:calc(var(--i,0) * .11s), 0s;background-position:0 70%;background-repeat:no-repeat;background-size:100% 78%;border-radius:.25em .5em .3em .6em;margin:0 -.12em;padding:.1em .3em;font-style:normal}.hl--ttp{--mk:var(--marker-ttp)}.hl--ctx{--mk:var(--marker-ctx)}.js .src .hl{background-size:0% 78%}.js .pair.is-read .src .hl{background-size:100% 78%}.ex{border-block:1px solid var(--rule);background:#e9edf1;padding-block:clamp(3rem,6vw,5rem)}.ex__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.25rem 2rem;margin-bottom:2rem;display:flex}.ex__title{font-size:clamp(1.6rem,3vw,2.2rem)}.ex__tabs{flex-wrap:wrap;gap:.5rem;display:flex}.ex__tabs button{font:600 .95rem/1.2 var(--f-display);color:var(--ink);border:1.5px solid var(--rule);cursor:pointer;background:0 0;border-radius:999px;align-items:baseline;gap:.45rem;padding:.55rem 1rem;display:inline-flex}.ex__tabs button small{font:400 .7rem/1 var(--f-mono);color:var(--slate)}.ex__tabs button:hover{border-color:var(--ink)}.ex__tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.ex__tabs button[aria-selected=true] small{color:#a9b5c0}[hidden]{display:none!important}.pair{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}@media (width>=62rem){.pair{grid-template-columns:minmax(0,1fr) 3rem minmax(0,1fr);align-items:stretch;gap:0}}.src,.alert{border-radius:14px;padding:clamp(1.25rem,3vw,2rem)}.src{background:var(--card);border:1px solid var(--rule);font:400 .84rem/2.05 var(--f-mono);color:#2b3a47}.src__meta,.alert__meta{font:400 .7rem/1.4 var(--f-mono);color:var(--slate);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px dashed var(--rule);flex-wrap:wrap;justify-content:space-between;gap:.4rem 1rem;margin-bottom:1.1rem;padding-bottom:.9rem;display:flex}.pair__arrow{justify-content:center;align-items:center;display:flex;position:relative}.pair__arrow span{font:400 .68rem/1 var(--f-mono);color:var(--slate);text-transform:uppercase;letter-spacing:.06em;z-index:1;background:#e9edf1;padding:.4rem .6rem;position:relative}.pair__arrow:before{content:"";border-top:1.5px dashed #9aa6b1;position:absolute;inset:50% 0 auto}@media (width<=61.99rem){.pair__arrow{min-height:2.5rem}.pair__arrow:before{border-top:0;border-left:1.5px dashed #9aa6b1;inset:0 auto 0 50%}}@media (width>=62rem){.pair__arrow span{writing-mode:vertical-rl;padding:.6rem .35rem;transform:rotate(180deg)}}.alert{background:var(--card);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.sev{color:var(--ink);align-items:center;gap:.45rem;font-weight:500;display:inline-flex}.sev:before{content:"";background:currentColor;border-radius:50%;width:.6rem;height:.6rem}.sev--today:before{background:var(--red)}.sev--week:before{background:var(--amber)}.alert__title{margin-bottom:.85rem;font-size:clamp(1.3rem,2.2vw,1.6rem);line-height:1.15}.alert__why{color:#33424f;margin-bottom:1rem}.alert__steps{gap:.4rem;margin:0 0 1.1rem;padding-left:1.4rem;display:grid}.alert__steps li::marker{font-family:var(--f-mono);color:var(--slate);font-size:.85em}.tech{border-top:1px dashed var(--rule);padding-top:.9rem;font-size:.92rem}.tech summary{cursor:pointer;font-weight:600}.tech dl{font:400 .76rem/1.6 var(--f-mono);grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:.8rem 0 0;display:grid}.tech dt{color:var(--slate)}.tech dd{overflow-wrap:anywhere;margin:0}[data-k]{border-radius:4px;transition:background-color .15s,box-shadow .15s}.alert .is-lit{background-color:var(--marker);box-shadow:0 0 0 3px var(--marker)}.src .hl.is-lit{box-shadow:0 0 0 2px var(--ink)}.src .hl{cursor:pointer}.pair:not([hidden]){animation:.35s ease-out rise}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.ex__foot{color:var(--slate);flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;margin-top:2rem;font-size:.85rem;display:flex}.legend{flex-wrap:wrap;gap:.6rem 1.5rem;margin:0;padding:0;list-style:none;display:flex}.legend .hl{font:500 .75rem var(--f-mono);color:var(--ink);margin-right:.35rem}.ex__note{max-width:30rem}.how{gap:3rem;padding-block:clamp(4rem,8vw,7rem);display:grid}.how__intro{gap:1rem;max-width:40rem;display:grid}.how__intro h2{font-size:clamp(1.8rem,3.6vw,2.8rem);line-height:1.05}.how__intro p{color:var(--slate);font-size:1.1rem}.steps{counter-reset:step;gap:0;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;border-top:1px solid var(--rule);grid-template-columns:3.2rem 9rem minmax(0,1fr);align-items:baseline;gap:1rem;padding-block:1.25rem;display:grid}.steps li:last-child{border-bottom:1px solid var(--rule)}.steps li:before{content:counter(step);font:500 .8rem var(--f-mono);color:var(--slate)}.steps h3{font-size:1.3rem}.steps p{max-width:44rem}.steps li:last-child h3{box-shadow:inset 0 -.45em 0 var(--marker);width:fit-content}@media (width<=40rem){.steps li{grid-template-columns:2rem minmax(0,1fr);gap:.3rem .75rem}.steps p{grid-column:2}}.fit{background:var(--ink);color:var(--paper);padding-block:clamp(4rem,8vw,7rem)}.fit__inner{gap:1.5rem;display:grid}.fit__title{max-width:18ch;font-size:clamp(2rem,4.6vw,3.6rem);line-height:1}.fit__title em{color:var(--marker);font-style:normal}.fit__lede{color:#b8c3cd;max-width:40rem;font-size:1.12rem}.fit__cols{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:2.5rem 4rem;margin-top:2rem;display:grid}.fit__cols h3{font:500 .75rem/1 var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:#8d9aa6;margin-bottom:1rem}.ticks,.crosses{margin:0;padding:0;list-style:none}.ticks li,.crosses li{border-top:1px solid #2b3a47;padding:.8rem 0 .8rem 2rem;position:relative}.ticks li:before,.crosses li:before{font-family:var(--f-mono);position:absolute;top:.8rem;left:0}.ticks li:before{content:"✓";color:var(--marker)}.crosses li{color:#8d9aa6}.crosses li:before{content:"×"}.access{gap:2.5rem;padding-block:clamp(4rem,8vw,7rem);display:grid}@media (width>=62rem){.access{grid-template-columns:1fr 1fr;align-items:start;gap:4rem}}.access__text{gap:1rem;display:grid}.access__text h2{font-size:clamp(1.8rem,3.6vw,2.8rem);line-height:1.05}.access__text p{color:var(--slate);max-width:34rem}.access__form{background:var(--card);border:1px solid var(--rule);border-radius:14px;gap:.5rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.access__form label{margin-top:.5rem;font-size:.95rem;font-weight:600}.access__form label:first-child{margin-top:0}.opt{color:var(--slate);font-weight:400}.access__row{flex-wrap:wrap;gap:.6rem;display:flex}.access__row input{flex:14rem}input,select{font:inherit;color:var(--ink);background:var(--paper);border:1.5px solid var(--rule);border-radius:10px;min-width:0;padding:.8rem .9rem}input:focus-visible,select:focus-visible{outline:3px solid var(--ink);outline-offset:1px;border-color:var(--ink)}input[aria-invalid=true]{border-color:var(--red)}.access__status{min-height:1.6em;font-size:.95rem}.access__status.is-error{color:var(--red)}.foot{border-top:1px solid var(--rule);color:var(--slate);padding-block:2rem;font-size:.85rem}.foot__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 2rem;display:flex}.brand--quiet{color:var(--ink);font-size:1.05rem}.brand--quiet .brand__mark{width:1.2rem;height:1.2rem}@media (width<=40rem){.top__nav a:not(.btn){display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}