:root{color-scheme:light;--ink:#20332f;--green:#176b60;--paper:#f6f7f4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 system-ui,sans-serif}main,header,footer{max-width:68rem;margin:auto;padding:1.5rem clamp(1.25rem,5vw,3rem)}header{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid #d6dfd9;font-size:.9rem}a{color:var(--green);text-underline-offset:.2em}a:focus-visible,summary:focus-visible{outline:3px solid #b96622;outline-offset:5px}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(2.6rem,6vw,4.8rem);max-width:15ch;margin:.4em 0}h2{font-size:1.6rem}p{max-width:61ch}.eyebrow{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.intro{font-size:1.2rem;max-width:48ch}.hero{padding:2rem 0 3rem}.actions{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0}.button{padding:.8rem 1.2rem;border-radius:.4rem;background:var(--green);color:white;font-weight:650;text-decoration:none}.button.secondary{background:white;color:var(--green);border:1px solid #b7c9c2}.meta{font-size:.9rem;color:#485b55}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{padding:1.5rem;background:white;border:1px solid #d6dfd9;border-radius:.7rem}.card h2{margin-top:.5rem}.number{color:var(--green);font-weight:700}.note{border-left:3px solid var(--green);padding:.5rem 1.3rem;margin:2rem 0}.reading{max-width:52rem}.reading h1{font-size:clamp(2.1rem,5vw,3.3rem);max-width:22ch}footer{font-size:.85rem;border-top:1px solid #d6dfd9;margin-top:2rem}footer p{max-width:none}.skip{position:absolute;left:-10000px}.skip:focus{left:1rem;top:1rem;background:white;padding:.75rem}@media(max-width:650px){.cards{grid-template-columns:1fr}.hero{padding-top:1rem}header{font-size:.8rem}.actions a{width:100%;text-align:center}}

.tool-options{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-options h3{margin-top:0}@media(max-width:650px){.tool-options{grid-template-columns:1fr}}

.reading code{overflow-wrap:anywhere}.reading pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf4f1;padding:1rem;font-size:1rem}.reading details{margin:1rem 0;padding:.75rem;border:1px solid #b7c9c2;border-radius:.4rem}.reading summary{cursor:pointer;font-weight:600}.reading li{margin:.5rem 0}.finlay-tip{margin:2rem 0;padding:.6rem 1.3rem;border-left:4px solid var(--green);background:#edf4f1}.reading section{margin:2rem 0}