:root{color-scheme:light;--paper:#f7f4eb;--ink:#304b3b;--muted:#586759;--line:#d7ddce;--green:#365f47}
*{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:var(--green);text-underline-offset:4px}a:hover{color:#152f21}a:focus-visible{outline:3px solid #8b673d;outline-offset:5px}
.skip{position:absolute;top:-100px;left:16px;padding:10px 15px;background:var(--paper);z-index:9}.skip:focus{top:12px}
.site-header{max-width:1180px;margin:auto;min-height:100px;padding:24px 36px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}
.brand{font:30px/1.2 Georgia,serif;text-decoration:none;white-space:nowrap}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px}
.visit{display:inline-block;border:1px solid #b4c0ac;border-radius:5px;padding:9px 16px;text-decoration:none;font-size:14px;line-height:1.5;background:#edf0e5}
main{max-width:1050px;margin:auto;padding:28px 36px 70px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted)}.breadcrumbs>*+*:before{content:"/";margin-right:10px;color:#73836e}
.hero{padding:60px 0 45px;max-width:850px}.eyebrow{font-size:11px;letter-spacing:2px;line-height:1.5;font-weight:650;color:var(--muted)}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.025em}h1{font-size:clamp(38px,5.5vw,70px);line-height:1.08;margin:24px 0}h2{font-size:29px;line-height:1.25;margin:0 0 18px}
.lede{font-size:20px;line-height:1.7;max-width:750px;color:var(--muted)}.byline{font-size:12px;color:var(--muted);margin-top:24px}
.reading{max-width:740px}.reading section{margin:0 0 44px}.reading p{margin:0 0 20px}.reading li{margin-bottom:12px;padding-left:5px}.reading ul{padding-left:22px}
.guide-list{border-top:1px solid var(--line)}.guide{display:grid;grid-template-columns:40px minmax(0,1fr) 24px;gap:22px;padding:30px 0;border-bottom:1px solid var(--line);text-decoration:none;align-items:start}.guide:hover h2{text-decoration:underline;text-underline-offset:5px}.guide h2{margin:0 0 9px;font-size:29px}.guide p{font-size:15px;color:var(--muted);margin:0;max-width:710px}.number{font-size:12px;color:var(--muted);padding-top:6px;font-variant-numeric:tabular-nums}
.note{padding:28px 30px;background:#ecf0e4;border-left:3px solid #6b8765;margin-top:42px}.note p{font-size:16px}.sources{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:24px}.sources h2{font:600 13px system-ui,sans-serif;letter-spacing:0}.related{margin-top:70px}
footer{max-width:1180px;margin:auto;border-top:1px solid var(--line);padding:30px 36px 45px;font-size:13px;color:var(--muted)}footer p{margin:12px 0 0}
@media(max-width:640px){body{font-size:16px}.site-header{min-height:85px;padding:20px;gap:15px}.brand{font-size:24px}.site-header nav{gap:12px}.site-header nav>a:first-child{display:none}.site-header .visit{padding:8px;font-size:12px}main{padding:22px 20px 45px}.hero{padding:35px 0 25px}.lede{font-size:18px}h1{font-size:39px;overflow-wrap:break-word}h2{font-size:26px}.guide{grid-template-columns:24px minmax(0,1fr) 16px;gap:12px;padding:24px 0}.guide h2{font-size:25px}.note{padding:22px}.reading section{margin-bottom:35px}footer{padding:25px 20px}}