:root{color-scheme:light;--paper:#f7f3eb;--ink:#202725;--muted:#5a625d;--accent:#8e431f;--rule:#d8d2c7}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif;-webkit-font-smoothing:antialiased}
main{max-width:960px;margin:auto;padding:78px 48px 44px}
header{text-align:center}
.eyebrow{font:12px/1.6 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin:0 0 38px}
h1{font-weight:400;font-size:clamp(40px,6.5vw,70px);line-height:1.08;letter-spacing:-.045em;margin:0 0 30px}
h1 em{font-weight:400;color:var(--accent)}
.thesis{font-size:24px;line-height:1.5;max-width:680px;margin:0 auto 24px}
.intro{font-size:18px;line-height:1.7;color:var(--muted);max-width:665px;margin:0 auto 26px}
a{color:var(--accent);text-underline-offset:4px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px;border-radius:2px}
.jump,.back{font:14px/1.6 Arial,sans-serif}
.jump span{margin-left:7px}
.principles{list-style:none;margin:68px auto 0;padding:0;max-width:750px}
.principles>li{display:grid;grid-template-columns:46px 1fr;gap:22px;padding:30px 0 34px;border-top:1px solid var(--rule);scroll-margin-top:24px}
.number{font:13px/1.7 Arial,sans-serif;letter-spacing:.08em;color:var(--accent);padding-top:8px}
h2{font-size:30px;line-height:1.25;font-weight:400;letter-spacing:-.015em;margin:0 0 12px}
.principles p{font-size:19px;line-height:1.65;margin:0;color:#404844}
footer{max-width:682px;margin:22px 0 0 auto;padding-top:28px}
.closing{font-size:19px;line-height:1.65;margin:0 0 30px}
.question{font-size:26px;line-height:1.4;font-style:italic;margin:0 0 40px}
details{font:14px/1.7 Arial,sans-serif;color:var(--muted);margin-bottom:32px}
summary{cursor:pointer;color:var(--ink);width:fit-content;padding:6px 0}
details ul{padding-left:20px}details li{margin:8px 0}
.skip-link{position:absolute;left:16px;top:-100px;background:var(--paper);padding:12px;font:16px Arial,sans-serif;z-index:5}
.skip-link:focus{top:16px}
@media(max-width:600px){main{padding:42px 24px 32px}.eyebrow{font-size:10px;margin-bottom:28px}h1{font-size:44px}.thesis{font-size:21px}.intro{font-size:17px}.principles{margin-top:46px}.principles>li{grid-template-columns:27px 1fr;gap:12px;padding:24px 0 28px}h2{font-size:26px}.principles p{font-size:18px}.number{font-size:11px;padding-top:6px}footer{margin-left:39px;padding-top:18px}.question{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:#fff;color:#000}main{padding:0;max-width:none}h1{font-size:34pt}.eyebrow{margin-bottom:20px}.thesis{font-size:15pt}.intro,.principles p,.closing{font-size:11pt}.jump,.back,.skip-link,details{display:none}.principles{margin-top:24px;max-width:none}.principles>li{break-inside:avoid;padding:14px 0}h2{font-size:17pt}footer{max-width:none;margin:0 0 0 68px}.question{font-size:16pt}}
