@layer reset,tokens,base,layout;@layer components{.strip-wrap{padding-block:1rem 1.5rem;padding-inline:max(1rem, env(safe-area-inset-left,0px), 4%) max(1rem, env(safe-area-inset-right,0px), 4%);border-block:1px solid var(--rule);background:var(--ground-2);container-type:inline-size}.strip-label{font:600 .78rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--led);align-items:center;gap:.5rem;margin:0;display:flex}.strip-label .bullet{font-size:.86rem}.strip{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin-block:1rem 0;padding:0;list-style:none;display:grid}.strip li{margin:0;position:relative}.strip li:before{content:"";background:var(--c);block-size:6px;position:absolute;inset-block-start:8px;inset-inline:0}.strip li:first-child:before{inset-inline-start:9px}.strip li:last-child:before{inset-inline-end:calc(100% - 10px)}.strip a{min-block-size:44px;color:var(--ink);justify-items:start;gap:.15rem;padding-inline-end:.6rem;text-decoration:none;display:grid;position:relative}.strip .ring{background:var(--ground-2);border:4px solid var(--ink);border-radius:50%;block-size:22px;inline-size:22px;margin-block-end:.35rem;position:relative}.sname{font-size:clamp(.92rem,1.25vw,1.08rem);font-weight:750;line-height:1.12}.strip time{font:500 .72rem/1.2 var(--mono);color:var(--ink-2)}.chg{font:500 .72rem/1.2 var(--mono);color:var(--ink-2);align-items:center;gap:.3rem;display:inline-flex}.chg .bullet{font-size:.68rem}.strip a:hover .sname{text-decoration:underline;text-decoration-color:var(--c);text-underline-offset:3px}.strip .here .ring{background:var(--ink);border-color:var(--c);box-shadow:0 0 0 3px var(--ink), 0 0 18px var(--c)}.strip .here .sname{color:var(--c)}@container (width<640px){.strip li:not(.near){display:none}.strip li.near:first-of-type:before{inset-inline-start:9px}}.adjacent{max-inline-size:var(--wrap);margin-block-start:clamp(2.5rem,5vw,4.5rem);margin-inline:max(1rem, env(safe-area-inset-left,0px), 4%) max(1rem, env(safe-area-inset-right,0px), 4%);background:var(--rule);border-block:1px solid var(--rule);grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:1px;display:grid}.adj{background:var(--ground);color:var(--ink);align-content:start;gap:.35rem;padding:1.25rem 0;padding-inline:0 1.25rem;text-decoration:none;display:grid}.adj.next{text-align:end;justify-items:end;padding-inline:1.25rem 0}.dir{font:600 .74rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--c)}.prev .dir:before{content:"← "}.next .dir:after{content:"  →"}.adj-t{letter-spacing:-.012em;font-size:clamp(1.15rem,2vw,1.6rem);font-weight:800;line-height:1.12}.adj time{font:500 .76rem/1.2 var(--mono);color:var(--ink-2)}.adj:hover .adj-t{text-decoration:underline;text-decoration-color:var(--c);text-underline-offset:4px}@media (width<640px){.adj.next{text-align:start;justify-items:start;padding-inline:0}}.reading{--rail-x:-3.5rem;inline-size:min(100% - 3.75rem,43rem);margin-block-start:clamp(2rem,4vw,3.5rem);margin-inline:auto;position:relative}@media (width<980px){.reading{--rail-x:-1.15rem;inline-size:auto;margin-inline:2.75rem 1rem}}.rail{inline-size:16px;position:absolute;inset-block:0;inset-inline-start:calc(var(--rail-x) - 8px);overflow:clip}.rail:before{content:"";background:var(--dim);inline-size:3px;position:absolute;inset-block:0;inset-inline-start:6.5px}.lit{block-size:0;position:sticky;inset-block-start:46vh}.lit:before{content:"";background:var(--c);block-size:100000px;inline-size:6px;box-shadow:0 0 light-dark(0px,8px) color-mix(in oklch, var(--c) 60%, transparent);position:absolute;inset-block-end:0;inset-inline-start:5px}.train{z-index:3;background:var(--ink);block-size:38px;inline-size:14px;box-shadow:0 0 0 2px var(--ground), 0 0 14px var(--c);border-radius:7px 7px 4px 4px;margin-inline:auto;position:sticky;inset-block-start:46vh;translate:0 -30px;&:after{content:"";background:var(--c);border-radius:2px;block-size:7px;position:absolute;inset-block-start:5px;inset-inline:3px}}.prose{font-family:var(--serif);font-optical-sizing:auto;color:var(--ink);font-size:clamp(1.09rem,.5vw + 1rem,1.22rem);line-height:1.62;position:relative;&>*{margin-block:0}&>*+*{margin-block-start:1.05em}& p,& li{text-wrap:pretty;max-inline-size:68ch;color:inherit;font-size:inherit;line-height:inherit}& a{color:var(--c);text-underline-offset:3px;text-decoration:underline 1px;&:hover{text-decoration-thickness:2px}}& strong{font-weight:650}& hr{background:var(--rule);border:0;block-size:1px;margin-block:2.5em 0}& img{border-radius:2px}& h2,& h3,& h4{font-family:var(--sans);color:var(--ink);text-wrap:balance;scroll-margin-block-start:2rem;position:relative}& h2{letter-spacing:-.018em;margin-block-start:1.7em;font-size:clamp(1.55rem,2.6vw,2.15rem);font-weight:850;line-height:1.08}& h3{letter-spacing:-.008em;margin-block-start:1.7em;font-size:clamp(1.18rem,1.8vw,1.4rem);font-weight:800;line-height:1.18}& h4{margin-block-start:1.5em;font-size:1.05em;font-weight:800;line-height:1.2}& h2+*,& h3+*,& h4+*{margin-block-start:.75em}& h2:before{content:"";z-index:2;background:var(--ground);border:4px solid var(--ink);border-radius:50%;block-size:22px;inline-size:22px;position:absolute;inset-block-start:.1em;inset-inline-start:calc(var(--rail-x) - 11px)}& h3:before{content:"";z-index:2;background:var(--ink);block-size:3.5px;inline-size:18px;position:absolute;inset-block-start:.45em;inset-inline-start:calc(var(--rail-x) - 9px)}&.plain{& h2:before,& h3:before{display:none}}& code{font-family:var(--mono);font-variant-ligatures:none;font-size:.86em}& :not(pre)>code{background:var(--ground-2);border:1px solid var(--rule);overflow-wrap:anywhere;color:inherit;border-radius:2px;padding:.08em .32em}& pre{max-inline-size:100%;color:var(--code-text);border-inline-start:5px solid var(--c);tab-size:2;border-radius:0;margin-block-start:1.25em;padding:0 1.1rem 1.05rem;font-size:.875rem;line-height:1.58;position:relative;overflow-x:auto;background:var(--code-bg)!important;& code{font-size:inherit;background:0 0;border:0;padding:0}}& pre:not([data-language=plaintext])[data-language]:before{content:attr(data-language);font:500 .7rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--astro-code-token-comment);padding-block:.65rem .55rem;display:block;position:sticky;inset-inline-start:0}& pre[data-language=plaintext],& pre:not([data-language]){padding-block-start:1.05rem;&,& code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,DejaVu Sans Mono,monospace}}& .code-block{margin-block-start:1.25em;position:relative;& pre{margin-block-start:0}}& .copy-code{min-block-size:32px;font:500 .7rem/1 var(--mono);letter-spacing:.04em;color:var(--code-text);background:var(--code-bg);border:1px solid color-mix(in oklch, var(--code-text) 30%, var(--code-bg));cursor:pointer;border-radius:2px;padding-inline:.6rem;position:absolute;inset-block-start:.35rem;inset-inline-end:.35rem;&:hover{border-color:var(--code-text)}}@media (pointer:coarse){& .copy-code{min-block-size:44px}}& ul,& ol{padding-inline-start:1.25em;list-style:outside}& ol{list-style:decimal}& li+li{margin-block-start:.35em}& li::marker{color:var(--c)}& li>ul,& li>ol{margin-block-start:.35em}& blockquote{border-inline-start:3px solid var(--c);color:var(--ink-2);margin-inline:0;padding-inline-start:1em}& table{border-collapse:collapse;inline-size:100%;font-family:var(--sans);font-size:.94em;line-height:1.35;display:block;overflow-x:auto}& th{text-align:start;border-block-end:3px solid var(--c);white-space:nowrap;padding:.5em 1em .5em 0;font-weight:750}& td{border-block-end:1px solid var(--rule);vertical-align:top;padding:.55em 1em .55em 0}}}@layer utilities;@layer motion{@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.prose h2:before{animation:linear both stop-lit view();animation-range:cover 30% cover 54%}@keyframes stop-lit{0%{border-color:var(--dim);box-shadow:none;scale:.7}60%{background:var(--c);box-shadow:0 0 20px var(--c);scale:1.3}to{box-shadow:0 0 8px color-mix(in oklch, var(--c) 60%, transparent);scale:1}}}}}