:root{color-scheme:light;--ink:#222b2b;--paper:#f6f4ec}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,sans-serif}a{color:inherit}header,main,footer{max-width:1160px;margin:auto;padding:2rem clamp(1.2rem,5vw,4rem)}header{display:flex;justify-content:space-between;gap:1rem;align-items:center;border-bottom:1px solid #b2b7ae;font-size:.83rem}.brand{font-weight:750;text-decoration:none;letter-spacing:-.03em;font-size:1.15rem}.brand span{font:12px ui-monospace,monospace;display:block;letter-spacing:.1em;font-weight:400;margin-top:.4rem}.eyebrow{text-transform:uppercase;font:12px/1.5 ui-monospace,monospace;letter-spacing:.1em;margin-top:2rem}h1{font:clamp(3rem,7vw,5.8rem)/1.05 Georgia,serif;letter-spacing:-.04em;margin:1.4rem 0}h1 em{font-weight:400;color:#456245}.intro{font-size:1.15rem;max-width:45ch;margin-bottom:3rem}.tools{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.tool{padding:2rem;text-decoration:none;display:flex;flex-direction:column;border:1px solid transparent;min-height:340px}.tool:hover{border-color:currentColor}.tool h2{font:2.15rem/1.14 Georgia,serif;letter-spacing:-.025em;margin:2rem 0 0}.tool p{max-width:34ch}.tool strong{margin-top:auto;padding-top:1rem;font-size:.92rem}.yarn{background:#ead8e1;color:#442638}.fit{background:#233535;color:#e4f9f6}.number{font:12px ui-monospace,monospace;letter-spacing:.1em}.note{font-size:.9rem;max-width:68ch;margin-top:2rem}footer{display:flex;gap:1rem;justify-content:space-between;border-top:1px solid #b2b7ae;font-size:.8rem;margin-top:2rem}footer nav{display:flex;gap:1.2rem;flex-wrap:wrap}.prose{max-width:850px}.prose h1{font-size:clamp(2.6rem,5vw,4rem)}.prose h2{font:1.7rem Georgia,serif;margin-top:2rem}.prose p,.prose li{max-width:70ch}.prose li{margin-bottom:.8rem}a:focus-visible,button:focus-visible{outline:3px solid #b55118;outline-offset:5px}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}td,th{border-bottom:1px solid #b2b7ae;text-align:left;padding:.65rem .4rem}th{font-size:.82rem}code{font-size:.84em;overflow-wrap:anywhere}pre{white-space:pre-wrap;font-size:.8rem;overflow-wrap:anywhere}button{font:inherit;padding:.6rem 1rem;cursor:pointer}@media(max-width:650px){.tools{grid-template-columns:1fr}.tool{min-height:315px}.tool h2{margin-top:1.5rem}header{align-items:start}header>a:last-child{max-width:12ch;text-align:right}footer{flex-direction:column}h1{margin-top:1rem}.eyebrow{margin-top:1rem}td,th{font-size:.78rem}}