:root{--paper:#f5f4ed;--ink:#203d36;--muted:#64716b;--line:#d9ded5;--accent:#bd5b36;--white:#fcfcf8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.wrap{max-width:1180px;margin:auto;padding:0 48px}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.masthead{display:flex;align-items:center;justify-content:space-between;padding-top:28px;padding-bottom:25px;border-bottom:1px solid var(--line)}.brand{font:600 31px Georgia,serif;letter-spacing:-1.3px}.brand i{color:var(--accent);font-style:normal}.masthead nav{display:flex;gap:32px;font-size:14px}.intro{position:relative;padding:75px 0 70px;min-height:455px}.eyebrow,.number{font-size:11px;letter-spacing:1.5px;font-weight:650;color:var(--muted)}h1{font:400 clamp(44px,5.7vw,72px)/1.08 Georgia,"Times New Roman",serif;letter-spacing:-2px;margin:24px 0}h1 em{color:var(--accent);font-weight:400}.lede{font-size:18px;line-height:1.7;max-width:470px;color:var(--muted)}.text-link{display:inline-block;font-size:14px;font-weight:600;border-bottom:1px solid var(--accent);padding:3px 0;margin-top:12px}.text-link span{margin-left:20px}.margin-note{position:absolute;right:40px;top:100px;text-align:center;color:var(--muted);font-size:10px;letter-spacing:1.8px}.orbit{height:190px;width:190px;border:1px solid #afbcad;border-radius:50%;display:grid;place-items:center;margin:20px auto;position:relative}.orbit:before{content:"";position:absolute;inset:16px;border:1px solid #d1d8cb;border-radius:50%;transform:scaleX(.55) rotate(40deg)}.orbit:after{content:"";position:absolute;inset:16px;border:1px solid #d1d8cb;border-radius:50%;transform:scaleX(.55) rotate(-40deg)}.orbit b{font:italic 80px Georgia,serif;color:var(--accent);z-index:1}.section{padding:34px 0 58px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:25px}h2{font:400 30px/1.2 Georgia,serif;letter-spacing:-.5px;margin:0}.section-heading>p{font-size:13px;color:var(--muted);margin:0}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tool-card{padding:26px;background:var(--white);border:1px solid var(--line);border-radius:5px}.number{margin:0 0 15px}h3{font:400 25px/1.3 Georgia,serif;letter-spacing:-.4px;margin:0 0 22px}.tool-card label{display:block;color:var(--muted);font-size:13px;margin:12px 0 8px}textarea,input{font:14px/1.5 inherit;color:var(--ink);background:#fff;border:1px solid #cbd3c9;border-radius:3px;padding:12px;width:100%}textarea{font-family:inherit;font-size:14px;line-height:1.6;resize:vertical;min-height:100px}textarea:focus,input:focus{outline:2px solid #799783;outline-offset:2px}input{min-height:46px}.metrics{display:flex;gap:25px;margin:12px 0;font-size:11px;color:var(--muted)}.metrics strong{display:block;font-size:24px;font-weight:500;color:var(--ink)}.hint{font-size:12px;color:var(--muted);line-height:1.65;margin:14px 0 0}.time-list{margin:15px 0 20px}.time-list>div{display:flex;gap:12px;justify-content:space-between;padding:11px 0;border-bottom:1px solid #e6e9e1;font-size:14px}.time-list dd{margin:0;font-variant-numeric:tabular-nums;text-align:right}.time-list dt{color:var(--muted)}button{font:600 13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--ink);color:#fff;padding:11px 18px;border:1px solid var(--ink);border-radius:3px;cursor:pointer}button:hover{background:#38594e}.quiet-button{color:var(--ink);background:transparent;border-color:#ccd6ca}.quiet-button:hover{background:#e7ece2}.wide{grid-column:1/-1}.wide>div:first-child{display:grid;grid-template-columns:1fr 1fr;column-gap:32px}.wide .number{grid-column:1}.wide h3{grid-column:1;margin-bottom:16px}.wide .hint{grid-column:2;grid-row:1/3;margin:0;align-self:center}.wide textarea{font-family:Consolas,Menlo,monospace;font-size:13px}.tool-actions{display:flex;align-items:center;gap:12px;margin-top:13px;flex-wrap:wrap}#json-status{color:var(--muted);font-size:12px;margin-left:auto}#json-status.error{color:#a43726}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.notes-grid article{padding:12px 0}.notes-grid h3{font-size:26px;margin-bottom:16px}.notes-grid article>p:not(.number){font-size:14px;color:var(--muted);line-height:1.85}.notes-grid .number{font-size:10px;letter-spacing:1px}footer.wrap{border-top:1px solid var(--line);padding-top:25px;padding-bottom:30px;display:flex;align-items:center;gap:30px;font-size:12px;color:var(--muted)}footer p{flex:1}.brand.small{font-size:22px;color:var(--ink)}.prose{max-width:800px;min-height:75vh;padding-top:64px;padding-bottom:80px}.prose h1{font-size:60px}.prose .lede{max-width:620px}.prose h2{margin-top:40px;margin-bottom:20px;font-size:28px}.prose p{color:var(--muted)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.notice{padding:20px;border:1px solid var(--line)}@media(max-width:850px){.wrap{padding-left:28px;padding-right:28px}.margin-note{right:0;top:95px}.orbit{height:130px;width:130px}.margin-note>span{font-size:8px}.intro{min-height:400px}.lede{max-width:380px}.notes-grid{gap:22px}.section-heading{display:block}.section-heading>p{margin-top:10px}.wide>div:first-child{display:block}.wide .hint{margin-bottom:20px}}@media(max-width:640px){.wrap{padding-left:21px;padding-right:21px}.masthead{padding-top:23px;padding-bottom:20px}.brand{font-size:27px}.masthead nav{gap:19px;font-size:13px}.intro{padding:45px 0 48px;min-height:0}.margin-note{display:none}h1{font-size:49px;letter-spacing:-1.7px}.lede{font-size:16px}.tool-grid,.notes-grid{grid-template-columns:1fr}.tool-card{padding:21px}.wide{grid-column:auto}.section{padding-bottom:38px}.section-heading h2{font-size:28px}.tool-actions{gap:9px}#json-status{width:100%;margin-left:0}footer.wrap{flex-wrap:wrap;gap:5px 20px}footer p{flex-basis:65%;font-size:11px}footer>a:last-child{margin-top:6px}.prose{padding-top:45px}.prose h1{font-size:47px}.time-list>div{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}