:root{color-scheme:light dark;--paper:#f7f5ee;--ink:#22372e;--muted:#526158;--line:#bdc3b7;--surface:#fffdf7;--accent:#a66d22}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,sans-serif}header,main{max-width:70rem;margin:auto;padding:1.5rem clamp(1.25rem,5vw,4rem)}header{border-bottom:1px solid var(--line)}a{color:inherit}.brand{text-decoration:none;font:700 1.65rem Georgia,serif}.brand span{font:500 .9rem system-ui,sans-serif;padding-left:.8rem;margin-left:.6rem;border-left:1px solid var(--line)}h1{font:normal clamp(2.8rem,7vw,5.75rem)/1 Georgia,serif;letter-spacing:-.055em;margin:clamp(2.5rem,7vw,6rem) 0 2rem}.tool{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:4px;display:flex;gap:2rem;align-items:center;justify-content:space-between;padding:clamp(1.25rem,4vw,3rem);text-decoration:none}.tool h2{font:normal clamp(1.6rem,4vw,2.5rem)/1.1 Georgia,serif;letter-spacing:-.035em;margin:0}.tool p{color:var(--muted);max-width:45ch;margin:.6rem 0 0}.open{white-space:nowrap;font-weight:600}.tool:hover .open{text-decoration:underline}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media(prefers-color-scheme:dark){:root{--paper:#17251e;--ink:#f1f1e7;--muted:#b5c4b9;--line:#56675a;--surface:#213229;--accent:#e8b66a}}@media(max-width:650px){.tool{flex-direction:column;align-items:flex-start;gap:1rem}}