
:root{--paper:#faf8f3;--ink:#242923;--muted:#596158;--line:#d3d6ce;--link:#275c39;--highlight:#e6eadf;--white:#fff;--s1:.5rem;--s2:1rem;--s3:1.5rem;--s4:2rem;--s5:3rem;--s6:5rem;--small:.875rem;--body:1.0625rem;--heading:1.5rem;--display:clamp(2.8rem,7vw,5.5rem);--width:64rem;--reading:44rem;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:var(--body)/1.65 var(--sans)}a{color:var(--link);text-underline-offset:.25em}a:hover{text-decoration-thickness:.15em}a:focus-visible,input:focus-visible{outline:3px solid var(--link);outline-offset:4px}header,main,footer{width:min(var(--width),calc(100% - var(--s4)*2));margin-inline:auto}header{padding-block:var(--s4);border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--s3)}.brand{font-size:var(--small);font-weight:bold;text-decoration:none;color:var(--ink);letter-spacing:.06em}.brand span{font-weight:normal;color:var(--muted)}nav{display:flex;flex-wrap:wrap;gap:var(--s3)}nav a{font-size:var(--small);color:var(--muted);text-decoration:none}nav a[aria-current]{color:var(--link);text-decoration:underline;font-weight:bold}main{padding-block:var(--s5) var(--s6);min-height:70vh}.eyebrow{font-size:var(--small);color:var(--muted);margin:0 0 var(--s3)}h1{font:normal var(--display)/1.08 var(--serif);letter-spacing:-.035em;max-width:var(--reading);margin:0 0 var(--s4)}h2{font:normal var(--heading)/1.3 var(--serif);margin:0 0 var(--s2)}p{margin:0 0 var(--s3);max-width:var(--reading)}.intro{font-size:1.25rem;max-width:var(--reading);color:var(--muted);margin-bottom:var(--s4)}.button{display:inline-block;padding:var(--s1) var(--s3);background:var(--link);color:var(--white);text-decoration:none}.button:hover{background:var(--ink)}figure{margin:var(--s5) 0}figure img{display:block;width:100%;height:auto;border:1px solid var(--line)}figcaption{font-size:var(--small);color:var(--muted);margin-top:var(--s1)}.split{display:grid;grid-template-columns:1fr 2fr;gap:var(--s4);padding-top:var(--s4);margin-top:var(--s4);border-top:1px solid var(--line)}.steps{padding-left:var(--s3);max-width:var(--reading)}.steps li{padding-left:var(--s2);margin-bottom:var(--s4)}.steps li::marker{color:var(--link);font-weight:bold}aside{background:var(--highlight);padding:var(--s4);margin-block:var(--s4);max-width:var(--reading)}aside p{margin-bottom:0}label{display:block;font-weight:bold;margin-bottom:var(--s1)}input{display:block;width:min(100%,var(--reading));padding:var(--s2);border:1px solid var(--muted);background:var(--white);color:var(--ink);font:inherit;border-radius:0}.muted{font-size:var(--small);color:var(--muted);margin-block:var(--s1) var(--s3)}dl{max-width:var(--reading)}dl div{padding-block:var(--s3);border-top:1px solid var(--line)}dt{font-size:var(--heading);font-family:var(--serif);margin-bottom:var(--s1)}dd{margin:0;color:var(--muted)}.reading{list-style:none;padding:0;max-width:var(--reading)}.reading li{padding-block:var(--s3);border-top:1px solid var(--line)}.reading a{font-size:var(--heading);font-family:var(--serif)}.reading p{margin:var(--s1) 0 0;color:var(--muted)}footer{padding-block:var(--s3);border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--s1)}footer p{font-size:var(--small);color:var(--muted);margin:0}.skip{position:absolute;left:var(--s2);top:-10rem;background:var(--white);padding:var(--s2)}.skip:focus{top:var(--s2)}[hidden]{display:none!important}@media(max-width:40rem){header,main,footer{width:calc(100% - var(--s4))}header{align-items:flex-start}nav{gap:var(--s2)}main{padding-top:var(--s4)}.split{grid-template-columns:1fr;gap:var(--s2)}}
