@font-face{font-family:"Atkinson Hyperlegible Next";font-style:normal;font-weight:200 800;font-display:swap;src:url(fonts/atkinson-next.woff2) format("woff2")}@font-face{font-family:"Atkinson Hyperlegible Next";font-style:italic;font-weight:200 800;font-display:swap;src:url(fonts/atkinson-next-italic.woff2) format("woff2")}@font-face{font-family:"Atkinson Hyperlegible Mono";font-style:normal;font-weight:200 800;font-display:swap;src:url(fonts/atkinson-mono.woff2) format("woff2")}:root{--paper:#fbfaf7;--ink:#2e3236;--muted:#62686e;--rule:#e2ded6;--wax:#b9533f;--link:#3b6b8a;--well:#fcf3da;--sky:#e9f2f8;--sky-edge:#bcd5e6;--sage:#e5f2e3;--sage-edge:hsl(113 30% 45% / 1);--blush:#fae5df;--blush-edge:#e5ad9f;--butter:#fbf1d3;--butter-edge:#e3cf8f;--button:#d3e5f1;--bar:#ffffff;--bar-chip:#edf2fa;--bar-ink:#1f1f1f;--text:"Atkinson Hyperlegible Next","Segoe UI",sans-serif;--mono:"Atkinson Hyperlegible Mono",ui-monospace,Consolas,monospace}@media (prefers-color-scheme: dark){:root{--paper:#1c1f23;--ink:#e7e5e0;--muted:#a4a9ae;--rule:#353a40;--wax:#ec9a88;--link:#93bcd8;--well:#2a2820;--sky:#212d36;--sky-edge:#3c5568;--sage:#213024;--sage-edge:#48684a;--blush:#36241f;--blush-edge:#7a4b40;--butter:#322c1b;--butter-edge:#6e6036;--button:#2e4657;--bar:#2e4657;--bar-chip:#1c1f23;--bar-ink:#e7e5e0}}*{box-sizing:border-box}:where(.checker, .row.inset, .card, .v, .prints, .path, .node, .pipe.bare, .pipe.long, .lk, .pull,
  button, input:not([type="radio"], [type="checkbox"])){border-radius:2px}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:1.125rem/1.6 var(--text)}.page{max-width:860px;margin:0 auto;padding:1.25rem clamp(16px, 5vw, 48px) 4rem}header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;border-bottom:1px solid var(--rule);padding-bottom:.6rem}.mark{font-weight:700;letter-spacing:.02em;font-size:1.15rem;color:var(--ink)}a.mark{text-decoration:none}.mark span{color:var(--wax)}.mark svg{width:1.3em;height:1.3em;vertical-align:-.25em;margin-right:.3em}.mark svg polyline{stroke:var(--wax)}h1{font-size:2.4rem;line-height:1.1;margin:2.2rem 0 1rem;font-weight:700}h2{font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;color:var(--link);margin:3rem 0 .6rem;font-weight:700}p{margin:0 0 1rem}.lede{font-size:1.3rem;line-height:1.45}a{color:var(--link)}em{font-style:italic}.prints{font:.82rem/1.7 var(--mono);background:var(--well);border-left:3px solid var(--butter-edge);padding:.8rem 1rem;margin:1.4rem 0 .4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prints b{font-weight:400;color:var(--muted);display:inline-block;width:4.5em}.prints mark{background:none;color:var(--wax);font-weight:700}.caption{font-size:.85rem;color:var(--muted);margin-bottom:1.4rem}.pull{margin:2.2rem 0;padding:.2rem 0 .2rem 1.2rem;border-left:4px solid var(--wax)}.pull blockquote{margin:0}.pull blockquote p{margin:0;font-size:1.6rem;line-height:1.3;font-weight:700;color:var(--ink)}.pull figcaption{margin-top:.7rem;font-size:.9rem;color:var(--muted)}@media (max-width: 30rem){.pull blockquote p{font-size:1.3rem}}.path{margin:1.8rem 0 2rem;padding:1.1rem 1.2rem;border:1px solid var(--rule)}.path h3{font-size:1rem;margin:0 0 .6rem;color:var(--muted)}.pick{border:0;margin:0 0 1rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}.pick label{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;cursor:pointer}.pick label{padding:.3rem .7rem;margin:-.3rem -.7rem;border-radius:999px;transition:background-color .15s ease-in-out}.pick label:hover{background:var(--sky)}.pick label:last-of-type{margin-left:auto}.pick input{accent-color:var(--link);width:1.1rem;height:1.1rem;margin:0;cursor:pointer}.pick input[value="none"]{accent-color:var(--sage-edge)}.pick input[value="some"]{accent-color:var(--wax)}.pick .short{display:none}@media (width < 463px){.pick .long{display:none}.pick .short{display:inline}}.lanes{display:grid}.lanes > .lane{grid-area:1/1;transition:visibility .4s}.path:has(input[value="none"]:checked) .lane.some,.path:has(input[value="some"]:checked) .lane.none{visibility:hidden}.lane > ol > li{transition:opacity .4s ease-in-out}.path:has(input[value="none"]:checked) .lane.some > ol > li,.path:has(input[value="some"]:checked) .lane.none > ol > li{opacity:0}.path:has(input[value="some"]:checked) .lane.some > ol > li:not(.bare){transition-delay:.3s}@media (prefers-reduced-motion: reduce){.lane > ol > li,.lanes > .lane,.pick label{transition:none}}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.lane{display:flex;flex-direction:column}.lane ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;flex:1}.node{display:flex;align-items:center;gap:.65rem;font-size:1rem;font-weight:700;padding:calc(.45rem + 1px) calc(.75rem + 1px);background:var(--sky);outline:1px solid var(--sky-edge);outline-offset:-1px}.node .ic{flex:none;width:30px;height:30px;color:var(--link)}.pipe{position:relative;margin-left:1.25rem;padding:.7rem 0 .7rem 1.5rem;font-size:.9rem;line-height:1.4;border-left:6px solid var(--sky-edge)}.pipe.long{flex:1;display:flex;align-items:center}.lk{position:absolute;left:-16px;top:50%;translate:0 -50%;width:26px;height:26px;padding:4px;color:var(--paper);background:var(--sage-edge);border:1px solid var(--sage-edge)}.pipe:has(.lk.top){padding-top:2rem}.pipe:has(.lk.bot){padding-bottom:2rem}.pipe:has(.lk){min-height:5.5rem}.node{position:relative;justify-content:center}.node .lk.end{left:calc(1.25rem - 10px);top:50%;bottom:auto;translate:0 -50%}.node.has-note{flex-direction:column;gap:.35rem;padding:calc(.6rem + 1px) calc(3rem + 1px)}.node .nt{display:flex;align-items:center;gap:.65rem}.node .bar{display:flex;align-items:center;gap:10px;margin:0;height:34px;padding:0 16px 0 5.5px;font:400 15px system-ui,sans-serif;color:var(--bar-ink);background:var(--bar);border-radius:999px}.node .bar .tune{width:23px;height:23px;padding:5.5px;border-radius:50%;background:var(--bar-chip);fill:var(--bar-ink);vertical-align:0}.node .bar{position:relative}.node:has(.bar){z-index:4}.bar .pi-btn{display:flex;cursor:pointer;border-radius:50%}.bar .pi-btn:hover .tune{background:color-mix(in srgb, var(--bar-chip) 82%, var(--bar-ink))}.path:has(#pi:focus-visible) .bar .tune{outline:2px solid var(--wax);outline-offset:2px}.pinfo{display:none;position:absolute;z-index:3;top:calc(100% + 6px);left:50%;translate:-50% 0;width:max-content;max-width:min(17rem, calc(100vw - 3rem));padding:.75rem 1rem;font:400 13px system-ui,sans-serif;text-align:left;color:var(--bar-ink);background:var(--bar);border-radius:8px;box-shadow:0 2px 6px rgb(0 0 0 / .15),0 6px 18px rgb(0 0 0 / .12)}.path:has(#pi:checked) .pinfo{display:block}.pinfo p{margin:0}.pinfo .pi-h{font-size:14px;font-weight:600;padding-bottom:.45rem}.pinfo .pi-row{display:flex;align-items:center;gap:.55rem;padding:.3rem 0}.pinfo .pi-row svg{flex:none;width:16px;height:16px}.pinfo .pi-sub{padding-left:calc(16px + .55rem);color:color-mix(in srgb, var(--bar-ink) 72%, var(--bar))}.node .note{margin:0;font-size:.9rem;font-weight:400;line-height:1.4;text-align:left;align-self:stretch}.node.has-note .note{margin-left:calc(1.25rem + 53px - 3rem)}.pipe.stub{min-height:3.25rem}.lk.top{top:3px;translate:none}.lk.bot{top:auto;bottom:3px;translate:none}.dir{position:absolute;left:-10px;top:50%;translate:0 -50%;width:14px;height:24px;padding:2px 1px;color:var(--link);background:var(--paper)}.pipe.bare{margin-left:0;padding:calc(.8rem + 1px) calc(.75rem + 1px) calc(.8rem + 1px) calc(1.25rem + 54px);background:var(--blush);border:0;outline:1px solid var(--blush-edge);outline-offset:-1px}.pipe.bare p{margin:0;font-size:.9rem;line-height:1.4}.pipe.bare .mk{position:relative;min-height:26px;display:flex;align-items:center}.pipe.bare .mk strong{font-size:calc(.9rem - 2px);font-style:italic;font-weight:400}.pipe.bare .lk{z-index:1}.pipe.bare .mk .lk{left:-38px;color:var(--paper);background:var(--wax);border-color:var(--wax)}.pipe.bare .mk .lk.gate{left:-64px;color:var(--paper);background:var(--sage-edge);border-color:var(--sage-edge)}.pipe.bare .mk.bot::before{content:"";position:absolute;left:-54px;top:13px;bottom:calc(-.8rem - 1px);border-left:6px solid var(--sky-edge)}.lk .crack{stroke:var(--wax)}.who{position:relative;margin:1.1rem 0}.node .lk.end.bad{left:calc(1.25rem + 16px);z-index:1;color:var(--paper);background:var(--wax);border-color:var(--wax)}.xmark{position:absolute;z-index:2;left:calc(1.25rem - 10px);top:50%;translate:0 -50%;width:26px;height:26px;overflow:visible;fill:none;stroke-linecap:round}.xmark .xh{stroke:var(--paper);stroke-width:7}.xmark .xr{stroke:var(--wax);stroke-width:4}.node .mk.row{position:relative;min-height:26px;display:flex;align-items:center;align-self:stretch;margin:0 0 0 calc(1.25rem + 53px - 3rem);font-size:.9rem;font-weight:400;line-height:1.4;margin-bottom:calc(1.1rem - .35rem)}.node .mk.row strong{font-size:calc(.9rem - 2px);font-style:italic;font-weight:400}.node .mk.row .lk.end,.node .mk.row .xmark{left:-64px}.node .mk.row .lk.end.bad{left:-38px}.node.dev::after{content:"";position:absolute;top:calc(.6rem + 1px + 13px);bottom:0;left:1.25rem;border-left:6px solid var(--sky-edge)}.lane.none .pipe.long{flex-direction:column;justify-content:center;align-items:stretch;margin-left:0;border-left:0;padding:calc(.8rem + 1px) calc(.75rem + 1px) calc(.8rem + 1px) calc(1.25rem + 54px);background:var(--sage);outline:1px solid var(--sage-edge);outline-offset:-1px}.lane.none .pipe.long::before{content:"";position:absolute;top:0;bottom:0;left:1.25rem;border-left:6px solid var(--sky-edge)}.lane.none .pipe.long .dir{left:calc(1.25rem - 4px);z-index:1;background:var(--sage)}.lane.none .pipe.long p{margin:0;font-size:.9rem;line-height:1.4}.net-t{display:flex;align-items:center;justify-content:center;gap:.65rem;margin:0 calc(-.75rem - 1px) .5rem calc(-1.25rem - 54px);font-size:1rem;font-weight:700}.net-t .ic{flex:none;width:30px;height:30px;color:var(--sage-edge)}.net-t .tick{stroke:var(--paper)}.node.web::before{content:"";position:absolute;top:0;height:calc(.6rem + 1px + 13px);left:1.25rem;border-left:6px solid var(--sky-edge)}.node .mk.row,.pipe.bare .mk{align-items:flex-start}.node .mk.row .lk,.node .mk.row .xmark,.pipe.bare .mk .lk{top:0;translate:none}.node .mk.row .lk{z-index:1}.node .mk.row strong,.pipe.bare .mk strong{padding-top:calc((26px - 1.4em) / 2)}.node .mk.row:not(:has(.lk.end.bad)) strong,.pipe.bare .mk:has(> .lk.gate) strong{margin-left:-26px}.node .mk.row strong::before,.pipe.bare .mk strong::before{content:"• "/""}.node:has(.lk.end.bad)::after{content:"";position:absolute;top:calc(.6rem + 1px + 13px);bottom:0;left:calc(1.25rem + 26px);border-left:6px dashed var(--wax)}.pipe.stub.red{border-left:0;padding-left:calc(1.5rem + 6px)}.pipe.stub.red::after{content:"";position:absolute;top:0;bottom:0;left:26px;border-left:6px dashed var(--wax)}.pipe.stub.red .dir{left:22px;z-index:1;color:var(--wax)}.pipe.bare::before{content:"";position:absolute;top:0;height:calc(1px + .8rem + 13px);left:calc(1.25rem + 26px);border-left:6px dashed var(--wax)}.who-t{display:flex;align-items:center;justify-content:center;gap:.65rem;margin:0 calc(-.75rem - 1px) .5rem calc(-1.25rem - 54px);font-size:1rem;font-weight:700}.who-t .ic{flex:none;width:34px;height:34px;color:var(--wax)}.pipe.bare .who .acts{display:flex;justify-content:center;gap:1.5rem;margin:.8rem calc(-.75rem - 1px) 0 calc(-1.25rem - 54px)}.who .acts svg{width:30px;height:30px;color:var(--wax);fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.who .say{display:grid}.who .say > p{grid-area:1/1}.who .say .ex{visibility:hidden;opacity:0}.who:has(.acts > :focus) .say .base,.who:has(.acts > :hover) .say .base{visibility:hidden;opacity:0}.who:has(.a-change:hover) .ex-change,.who:has(.a-read:hover) .ex-read,.who:has(.a-store:hover) .ex-store,.who:not(:has(.acts > :hover)):has(.a-change:focus) .ex-change,.who:not(:has(.acts > :hover)):has(.a-read:focus) .ex-read,.who:not(:has(.acts > :hover)):has(.a-store:focus) .ex-store{visibility:visible;opacity:1}@media (prefers-reduced-motion: no-preference){.who .say > p{transition:opacity .2s ease-in-out .15s,visibility 0s .15s}.who .say .ex,.who:has(.acts > :focus) .say .base,.who:has(.acts > :hover) .say .base{transition:opacity .15s ease-in-out,visibility 0s .15s}.who:has(.a-change:hover) .ex-change,.who:has(.a-read:hover) .ex-read,.who:has(.a-store:hover) .ex-store,.who:not(:has(.acts > :hover)):has(.a-change:focus) .ex-change,.who:not(:has(.acts > :hover)):has(.a-read:focus) .ex-read,.who:not(:has(.acts > :hover)):has(.a-store:focus) .ex-store{transition:opacity .2s ease-in-out .15s,visibility 0s .15s}}.who .eye{fill:var(--blush)}.who .stripe{stroke:var(--blush)}.path figcaption{border-top:1px solid var(--rule);padding-top:.9rem;margin-top:1.2rem}.path figcaption ul{margin:0;padding-left:1.1rem}.path:has(input[value="closer"]:checked) .face,.path:has(input[value="face"]:checked) .closer{display:none}.path figcaption ul.key{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;margin-bottom:.8rem}.path figcaption ul.key li{display:flex;align-items:center;gap:.6rem}.path figcaption ul.key li + li{margin-top:0}.path figcaption ul.key li:last-child{margin-left:auto}@media (width < 681px){.path figcaption ul.key{flex-direction:column}.path figcaption ul.key li:last-child{margin-left:0}}.sw{flex:none;width:2.25rem;height:0;border-top:6px solid var(--sky-edge)}.sw.red{border-top:6px dashed var(--wax)}.path .flavor{margin:0 0 1.1rem}.path figcaption h3:not(:first-child){margin-top:2rem}.path figcaption li + li{margin-top:.65rem}aside{margin:2.5rem 0;padding:1.1rem 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}aside:has(+ aside){border-bottom:none;padding-bottom:0;margin-bottom:0}aside + aside{border-top:none;padding-top:0;margin-top:3rem}aside h2{margin-top:0;font-style:italic}aside h2::before{content:"•"/"";margin-right:.4em}aside .plock{width:1em;height:1em;margin-right:.4em;vertical-align:-.12em}ul.limits{padding-left:1.1rem;margin:0 0 1rem}ul.limits li{margin-bottom:.7rem}form{margin-top:1.2rem}label{display:block}.email,.row{display:flex;gap:.5rem;flex-wrap:wrap}.row input,input[type="email"]{flex:1 1 14rem;min-width:0;font:1rem var(--text);color:var(--ink);background:var(--paper);border:1px solid var(--sky-edge);padding:.55rem .7rem}button.send{font:700 1rem var(--text);color:var(--ink);background:var(--button);border:1px solid var(--sky-edge);padding:.55rem 1.1rem;cursor:pointer}button.send:hover{border-color:var(--link)}button.send:disabled{opacity:.55;cursor:progress;border-color:var(--sky-edge)}.row.inset{flex-wrap:nowrap;gap:0;align-items:stretch;background:var(--paper);border:1px solid var(--sky-edge)}.row.inset input{flex:1 1 auto;border:0;background:none}.row.inset input:focus-visible{outline:none}.row.inset:has(input:focus){outline:2px solid var(--wax);outline-offset:2px}.row.inset button.send{margin:4px;padding:.35rem 1rem}.row.inset button.send:focus-visible{outline-offset:1px}.checker{margin:2rem 0 1rem;padding:1.1rem 1.2rem 1.2rem;background:var(--sky);border:1px solid var(--sky-edge)}.checker form{margin-top:1rem}.lbl{font-weight:700;margin-bottom:.35rem}.v{margin:0;padding:.7rem .9rem;border-left:3px solid}.v-ok{background:var(--sage);border-color:var(--sage-edge)}.v-bad{background:var(--blush);border-color:var(--blush-edge)}.v-warn{background:var(--butter);border-color:var(--butter-edge)}#result:not(:empty){margin-top:1.1rem}.card{background:var(--paper);border:1px solid var(--sky-edge);padding:1rem 1.1rem}.card h3{font-size:1.1rem;margin:0 0 .7rem;overflow-wrap:anywhere;text-align:center}.card dl{display:grid;grid-template-columns:11rem 1fr;gap:.7rem 1rem;margin:0 0 1rem;font-size:1rem}.card dt{color:var(--muted)}.card dd{margin:0;overflow-wrap:anywhere}.card .hsts-wrong{color:var(--ink);background:var(--butter)}.card dt.hsts-wrong{box-shadow:1rem 0 0 var(--butter)}.card .paste{margin-top:.4rem}.card .v{margin-top:1rem}.card .v > p{margin:0}.fp{font:.9rem/1.6 var(--mono)}button.copy{font:.8rem var(--text);color:var(--ink);background:var(--button);border:1px solid var(--sky-edge);padding:.1rem .5rem;margin-left:.5rem;cursor:pointer}button.copy:hover{border-color:var(--link)}.tune{width:1.15em;height:1.15em;vertical-align:-.2em;fill:currentColor}code{font:.9em var(--mono)}[data-focus]:focus{outline:none}@media (max-width: 30rem){.card dl{grid-template-columns:1fr;gap:0}.card dt{margin-top:.8rem}.card dt:first-child{margin-top:0}.card dt.hsts-wrong{box-shadow:none}}.check{display:flex;gap:.55rem;align-items:flex-start;margin-top:.9rem;font-size:1rem}.check input{margin-top:.35rem}.check small{display:block;color:var(--muted);font-size:.88rem}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--wax);outline-offset:2px}.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}footer{margin-top:3.5rem;padding-top:.8rem;border-top:1px solid var(--rule);font-size:.85rem;color:var(--muted);text-align:center}footer p{margin-bottom:.4rem}footer .heart{font-variant-emoji:emoji}footer .pill{display:inline-block;padding:.15em .9em;border:1px solid hsl(40 17% 50% / 1);border-radius:999px}@media (max-width: 30rem){h1{font-size:1.95rem}.lede{font-size:1.15rem}}@property --grt-w{syntax:'<number>';inherits:true;initial-value:0}@property --grt-f{syntax:'<number>';inherits:true;initial-value:16}@property --type-scale{syntax:'<number>';inherits:true;initial-value:1}@property --body-leading{syntax:'<number>';inherits:true;initial-value:1.6}@property --h2{syntax:'<length>';inherits:true;initial-value:23px}@property --h2-leading{syntax:'<number>';inherits:true;initial-value:1.25}@property --h1{syntax:'<length>';inherits:true;initial-value:40px}@property --h1-leading{syntax:'<number>';inherits:true;initial-value:1.15}@supports (opacity: pow(sqrt(1cqi / 1px), 2)){.page{container-type:inline-size}.page > *{--phi:calc((1 + sqrt(5)) / 2);--grt-w:calc(100cqi / 1px);--grt-f:max(16, sqrt(var(--grt-w)) / var(--phi));--type-scale:calc(var(--grt-f) / 18);--body-leading:calc(var(--phi) - (1 - var(--grt-w) / pow(var(--grt-f) * var(--phi), 2)) / (2 * var(--phi)));--h2:calc(var(--grt-f) * var(--phi) * 1px);--h2-leading:calc(var(--phi) - (1 - var(--grt-w) / pow(var(--grt-f) * var(--phi) * var(--phi), 2)) / (2 * var(--phi)));--h1:calc(var(--grt-f) * var(--phi) * var(--phi) * 1px);--h1-leading:calc(var(--phi) - (1 - var(--grt-w) / pow(var(--grt-f) * var(--phi) * var(--phi) * var(--phi), 2)) / (2 * var(--phi)))}.check > span,footer p,main li,main p{line-height:var(--body-leading)}main li,main p{font-size:calc(1.125rem * var(--type-scale))}main p.lede{font-size:calc(1.3rem * var(--type-scale));line-height:var(--body-leading)}footer p,main p.caption{font-size:calc(.85rem * var(--type-scale))}.check > span{font-size:calc(1rem * var(--type-scale))}main h2{font-size:var(--h2);line-height:var(--h2-leading)}main h1{font-size:clamp(28px, 5vw, var(--h1));line-height:var(--h1-leading)}}