*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-underline-offset:.22em}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}img,svg{max-width:100%;height:auto}p,li{line-height:1.75}p{margin:0 0 1.15em}h1,h2,h3{line-height:1.12;overflow-wrap:break-word}h1{margin:0 0 .5em}h2{margin:1.7em 0 .65em}h3{margin:1em 0 .5em}nav a[aria-current=page]{font-weight:700}pre{overflow:auto;padding:24px;line-height:1.65;tab-size:2}code{font-family:ui-monospace,Consolas,monospace;font-size:.9em}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:16px 12px;border-bottom:1px solid #8886;vertical-align:top}th{font-size:.8em;text-transform:uppercase;letter-spacing:.06em}figure{margin:0}figcaption{font-size:.85em;line-height:1.7;margin-top:12px}small{line-height:1.6}.skip{position:absolute;top:-100px;left:16px;z-index:1000;padding:12px;background:#fff;color:#111}.skip:focus{top:12px}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.18em}.muted{opacity:.72}.button{display:inline-block;text-decoration:none;padding:13px 20px;font-size:14px;font-weight:700}.prose{max-width:740px}.prose h2{font-size:28px}.prose li{margin-bottom:8px}.table-wrap{overflow-x:auto}.next{margin-top:48px;padding-top:24px;border-top:1px solid #8885}.screen-reader{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{nav,.skip{display:none!important}body{background:#fff!important;color:#111!important}main{margin:0!important;padding:15px!important}a{color:#111!important}pre{white-space:pre-wrap}footer{break-inside:avoid}}

body{background:#f8faf8;color:#203b30;font:16px/1.6 Arial,sans-serif}.shell{max-width:1440px;margin:auto;display:grid;grid-template-columns:252px 1fr;min-height:100vh}.rail{padding:40px 28px;border-right:1px solid #dce4dc;background:#eef3ed;display:flex;flex-direction:column;gap:32px}.brand{font-weight:800;font-size:24px;text-decoration:none;letter-spacing:-1px}.brand b{display:inline-grid;place-items:center;width:32px;height:32px;background:#24644b;color:white;border-radius:8px;margin-right:8px}.rail nav{display:grid;gap:7px}.rail nav a{padding:10px 14px;text-decoration:none;border-radius:5px;font-size:14px}.rail nav a[aria-current=page]{background:#dce8da}.rail small{margin-top:auto;color:#526959}.workspace{padding:0 60px}.topline{padding:30px 0;border-bottom:1px solid #dce4dc;display:flex;justify-content:space-between;font-size:12px;color:#617768}main{padding:64px 0 80px;max-width:950px}h1{font-size:clamp(38px,5vw,67px);letter-spacing:-2.7px;max-width:790px}.lead{font-size:20px;max-width:620px;color:#526959}.hero{display:grid;grid-template-columns:1fr 190px;gap:30px;align-items:center}.vinyl{width:180px;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle at center,#243b31 0 2px,#314e40 3px 4px);display:grid;place-items:center;box-shadow:12px 14px 0 #e0e8dc}.vinyl span{display:grid;place-items:center;border-radius:50%;width:65px;height:65px;background:#d4e5af;font-size:12px;font-weight:bold;color:#24422f}.button{background:#24644b;color:#fff;border-radius:5px}.entry-list{margin-top:55px;border-top:1px solid #cddacd}.entry-list a{display:grid;grid-template-columns:44px 1fr auto;gap:20px;text-decoration:none;padding:22px 0;border-bottom:1px solid #cddacd}.entry-list strong{display:block;font-size:19px}.entry-list small{display:block;color:#617768}.number{font:13px ui-monospace,monospace;color:#617768}.note{border-left:3px solid #8da874;background:#edf3e8;padding:20px 24px;margin:28px 0}.workspace footer{padding:22px 0 30px;border-top:1px solid #dce4dc;font-size:12px;color:#617768}pre{background:#203b30;color:#e5f2d9;border-radius:6px}dt{font-weight:700;margin-top:20px}dd{margin:5px 0 20px;color:#526959}@media(max-width:900px){.shell{grid-template-columns:210px 1fr}.workspace{padding:0 30px}.hero{grid-template-columns:1fr}.vinyl{display:none}}@media(max-width:650px){.shell{display:block}.rail{padding:22px;border-right:0;border-bottom:1px solid #dce4dc;gap:18px}.rail nav{display:flex;flex-wrap:wrap;gap:5px}.rail nav a{padding:7px}.rail small{display:none}.workspace{padding:0 22px}.topline{padding:18px 0}main{padding:38px 0 50px}h1{letter-spacing:-1.5px}.entry-list a{grid-template-columns:30px 1fr auto;gap:8px}}
