:root{color-scheme:light;--paper:#f5f3ec;--ink:#273329;--muted:#6a7168;--line:#d8dbcf;--accent:#526448}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:.2em}a:hover{color:#6c7f50}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.wrap{max-width:1040px;margin:auto;padding:0 32px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-family:Georgia,serif;font-size:24px;font-weight:bold}nav{display:flex;gap:24px;font-size:14px}nav a{text-decoration:none}.intro{padding:76px 0 60px;max-width:760px}.eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);font-weight:650}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.15}h1{font-size:clamp(38px,6vw,64px);margin:18px 0 24px;letter-spacing:-.035em}.lead{font-size:20px;color:var(--muted);max-width:610px}.section-label{border-bottom:1px solid var(--line);padding-bottom:14px;font-size:14px}.entry{display:grid;grid-template-columns:100px 1fr;gap:30px;padding:32px 0;border-bottom:1px solid var(--line)}.number{font-family:Georgia,serif;font-size:32px;color:#84917c}.entry h2{font-size:29px;margin:0 0 12px}.entry h2 a{text-decoration:none}.entry p{max-width:650px;margin:0;color:var(--muted)}.meta{font-size:12px;margin-top:16px;color:var(--accent)}.about{margin:60px 0;padding:30px;background:#e9ecdf;border-left:3px solid #7c8a69}.about h2{margin:0 0 12px;font-size:28px}.about p{margin:0;max-width:710px}footer{border-top:1px solid var(--line);padding:25px 0 35px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}article{max-width:720px;margin:60px auto 75px}article h1{font-size:clamp(34px,5vw,52px)}article h2{font-size:29px;margin-top:38px}article p,article li{color:#465043}.back{display:inline-block;margin-top:35px;font-size:14px}.note{border-left:2px solid #879576;padding-left:24px;font-style:italic}@media(max-width:600px){.wrap{padding:0 22px}header{align-items:flex-start;flex-direction:column;gap:12px}.intro{padding:43px 0}.entry{grid-template-columns:34px 1fr;gap:16px}.number{font-size:25px}.entry h2{font-size:25px}.lead{font-size:18px}.about{padding:22px;margin:40px 0}footer{flex-direction:column;gap:4px}article{margin-top:38px}}