:root{color-scheme:light;--ink:#24322c;--muted:#657168;--paper:#f5f1e9;--rule:#c9d0c5;--accent:#a05a36}*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink)}body{margin:0}.page{width:min(100% - 48px,1040px);min-height:100vh;margin:auto;display:flex;flex-direction:column}.masthead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rule);padding:28px 0}.brand{font-family:Georgia,serif;font-size:25px;font-weight:700;letter-spacing:-1.2px;color:var(--ink);text-decoration:none}.brand-mark{font-family:Arial,sans-serif;font-size:14px;color:var(--accent);vertical-align:top;margin-left:6px}.masthead nav{display:flex;gap:29px}.masthead nav a,.back{font-size:14px;color:var(--ink);text-decoration:none}.masthead nav a:hover,.back:hover{text-decoration:underline}.masthead nav a[aria-current]{text-decoration:underline;text-underline-offset:5px}main{flex:1}.intro{padding:100px 0 86px;max-width:760px}.eyebrow,.tag,.number{font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(48px,7vw,86px);line-height:1.04;letter-spacing:-.055em;margin:19px 0 29px}.lede{font-family:Georgia,serif;font-size:clamp(19px,2.5vw,26px);line-height:1.5;max-width:620px;color:var(--muted)}.divider{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding:0 0 14px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.11em}.note{display:grid;grid-template-columns:70px 1fr 26px;gap:22px;border-bottom:1px solid var(--rule);padding:32px 0 38px}.note .number{margin-top:5px}.tag{margin:0 0 9px}.note h2{font-size:34px;letter-spacing:-.035em;margin:0 0 11px}.note p:not(.tag){font-size:16px;line-height:1.6;color:var(--muted);max-width:620px;margin:0}.arrow{font-size:24px;color:var(--accent)}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--rule);padding:24px 0 32px;margin-top:70px;font-size:12px;color:var(--muted)}.about{max-width:760px;padding:110px 0}.about h1{font-size:clamp(48px,6vw,72px)}.about p:not(.eyebrow){font-family:Georgia,serif;font-size:22px;line-height:1.55;color:var(--muted)}.back{display:inline-block;margin-top:30px}@media(max-width:620px){.page{width:min(100% - 32px,1040px)}.masthead{padding:20px 0}.masthead nav{gap:16px}.intro{padding:70px 0 50px}.note{grid-template-columns:38px 1fr 18px;gap:12px;padding:25px 0}.note h2{font-size:28px}footer{flex-direction:column;gap:7px;margin-top:50px}.about{padding:70px 0}}
