:root{color-scheme:light dark;--background:#f7f7f3;--text:#171715;--muted:#5b5b53;--line:#dbdbd1;--rule:#171715;--accent:#1f4fc4;--on-accent:#fff;--plot:#97978a;--plot-mark:#1f4fc4;--plot-mark-rest:.72;--placeholder:#ecece5;--page-width:76rem;--gutter:clamp(1.25rem, 4vw, 3.5rem);--sans:"Segoe UI", "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "Cascadia Mono", "Segoe UI Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}@media (prefers-color-scheme:dark){:root{--background:#111110;--text:#eceae1;--muted:#9c9c91;--line:#2d2d26;--rule:#57574d;--accent:#96b6ff;--on-accent:#111110;--plot:#56564b;--plot-mark:#96b6ff;--plot-mark-rest:.72;--placeholder:#1c1c19}}*,:before,:after{box-sizing:border-box}html{background:var(--background)}body{background:var(--background);min-width:20rem;min-height:100svh;color:var(--text);font-family:var(--sans);text-rendering:optimizelegibility;margin:0;font-size:1rem;line-height:1.5}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.08em}a:focus-visible{outline:.2rem solid var(--accent);outline-offset:.25rem}::selection{background:var(--accent);color:var(--on-accent)}.skip-link{z-index:10;background:var(--text);color:var(--background);padding:.7rem .9rem;font-weight:700;position:fixed;top:.75rem;left:.75rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.page{width:min(100%, var(--page-width));min-height:100svh;padding-inline:var(--gutter);flex-direction:column;margin:0 auto;display:flex}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:2rem;min-height:5rem;display:flex}.brand,.author-link{align-items:center;min-height:2.75rem;font-size:.9rem;font-weight:600;display:inline-flex}.brand{text-decoration:none}.author-link{color:var(--muted)}main{flex:1;padding-block:clamp(3rem,7vw,6rem) 4rem}.intro{max-width:58rem}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.035em;text-wrap:balance;max-width:11ch;margin-bottom:1.75rem;font-size:clamp(3.25rem,8vw,6rem);font-weight:800;line-height:.98}.intro p{max-width:42rem;color:var(--muted);margin-bottom:0;font-size:clamp(1.1rem,2vw,1.35rem)}.plot{width:100%;height:auto;display:block}.plot path{stroke-linecap:round;vector-effect:non-scaling-stroke}.plot-frame,.plot-walk{fill:none}.plot-frame{stroke:var(--line);stroke-linecap:butt;stroke-width:1px}.plot-walk{stroke:var(--plot);stroke-linejoin:round;stroke-width:1.25px}.plot-mark{fill:var(--plot-mark);opacity:var(--plot-mark-rest);stroke:none;transition:opacity .22s cubic-bezier(.16,1,.3,1)}section{margin-top:clamp(2.75rem,6vw,4rem)}.section-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.9rem;display:flex}h2{margin-bottom:0;font-size:.9rem;font-weight:700}.section-count{color:var(--muted);font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.8rem}.tool-list{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.tool-link{border-bottom:1px solid var(--line);grid-template-columns:minmax(8rem,12rem) minmax(0,1fr) auto;grid-template-areas:"plate copy action";align-items:center;gap:clamp(1.5rem,4vw,3.5rem);min-height:11rem;padding-block:2.25rem;text-decoration:none;display:grid}.tool-plate{grid-area:plate;display:block}.tool-plate img{aspect-ratio:17/9;background:var(--placeholder);object-fit:cover;width:100%;display:block}.tool-copy{grid-area:copy;gap:.55rem;display:grid}.tool-route{color:var(--muted);font-family:var(--mono);font-size:.8rem;line-height:1.2}.tool-copy h3{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(1.65rem,3vw,2.6rem);font-weight:700;line-height:1.05}.tool-copy>span{max-width:62ch;color:var(--muted)}.tool-action{min-height:2.75rem;color:var(--accent);grid-area:action;align-items:center;gap:.7rem;font-size:.9rem;font-weight:700;display:inline-flex}.tool-action span{transition:transform .22s cubic-bezier(.16,1,.3,1)}.tool-link:hover .tool-copy h3{color:var(--accent)}.tool-link:hover .tool-action span{transform:translate(.18rem,-.18rem)}.tool-link:hover .plot-mark{opacity:1}.empty-state{border-block:1px solid var(--line);color:var(--muted);margin:0;padding-block:2rem}footer{border-top:1px solid var(--line);min-height:5rem;color:var(--muted);align-items:center;font-size:.85rem;display:flex}footer p{margin:0}footer a{align-items:center;min-height:2.75rem;display:inline-flex}@media (width<=62rem){.tool-link{grid-template-columns:minmax(7rem,10rem) minmax(0,1fr);grid-template-areas:"plate copy""plate action";row-gap:1.1rem}.tool-action{justify-self:start}}@media (width<=42rem){header{min-height:4.5rem}main{padding-top:4rem}h1{font-size:clamp(3rem,15vw,4.75rem)}section{margin-top:4rem}.tool-link{grid-template-columns:1fr;grid-template-areas:"plate""copy""action";gap:1.35rem;min-height:0;padding-block:2rem}.tool-plate{width:min(100%,15rem)}}@media (prefers-reduced-motion:reduce){.tool-action span,.plot-mark{transition:none}}