:root{--paper:#f6f3ed;--white:#fdfbf7;--ink:#303b35;--soft:#59645b;--green:#526b5b;--line:#d9dcd2;--clay:#805e54;--tint:#e9ede4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.7 Georgia,serif}a{color:var(--green);text-underline-offset:4px}a:hover{color:#304b39}h1,h2,h3{font-weight:400;line-height:1.2;margin:0 0 20px;text-wrap:balance}h1{font-size:clamp(38px,4.5vw,62px);letter-spacing:-1px}h2{font-size:32px}h3{font-size:24px}p{margin:0 0 18px}button,input{font:16px/1.5 system-ui,sans-serif}button{cursor:pointer}a,button,input,summary{touch-action:manipulation}:focus-visible{outline:3px solid var(--clay);outline-offset:4px}.site-head,main,.site-footer{max-width:1200px;margin:auto;padding:28px 32px}.site-head{display:flex;justify-content:space-between;gap:30px;align-items:center;border-bottom:1px solid var(--line)}.wordmark{font-size:33px;text-decoration:none;color:var(--ink);line-height:1.2}.wordmark span{font:13px/1.5 system-ui;display:block;margin-top:5px;color:var(--soft)}.site-head nav{display:flex;gap:24px;flex-wrap:wrap;font:15px/1.5 system-ui}.site-head nav a{text-decoration:none;color:var(--ink)}.skip{position:absolute;left:16px;top:-80px;background:var(--white);padding:10px;z-index:20}.skip:focus{top:8px}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:65px;align-items:center;padding:42px 0 55px}.hero p{max-width:620px}.lead{font-size:22px;line-height:1.6;color:var(--soft)}.kicker{font:14px/1.6 system-ui;color:var(--clay);margin-bottom:18px;display:block}.fine,.source{font:14px/1.6 system-ui;color:var(--soft)}.actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:26px 0}.button,.keep-question{display:inline-block;border:1px solid var(--green);background:var(--green);color:white;border-radius:7px;padding:12px 19px;font:15px/1.5 system-ui;text-decoration:none;min-height:46px}.button:hover{background:#405849;color:white}.button.secondary{background:transparent;color:var(--green)}.welcome-note{background:#eeefe5;padding:38px;border-radius:12px}.welcome-note h2{font-size:36px;line-height:1.35}.welcome-note p{color:var(--soft)}.read{font:15px/1.6 system-ui}.section{padding:40px 0;border-top:1px solid var(--line)}.section-heading{max-width:760px;margin-bottom:28px}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:25px 0}.topic-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.topic{border:1px solid #e0e0d6;border-radius:10px;background:var(--white);padding:26px;display:flex;flex-direction:column}.topic p{font-size:17px;color:var(--soft);flex:1}.topic h3 a{text-decoration:none;color:var(--ink)}.topic h3 a:hover{text-decoration:underline}.topic .kicker{font-size:13px;margin-bottom:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.quiet-list p{padding:20px 0;border-bottom:1px solid var(--line)}.quiet-list b{font-weight:400;font-size:25px;display:block}.quiet-list span{color:var(--soft)}.closing{background:#eeefe5;padding:32px;border-radius:10px;margin:30px 0}.site-footer{border-top:1px solid var(--line);margin-top:45px;display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.site-footer p{font-size:16px;margin-top:16px}.site-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;font:14px/1.6 system-ui;align-content:start}.intro{max-width:820px;padding:30px 0 40px}.learning-layout{display:grid;grid-template-columns:240px 1fr;gap:40px}.library-aside{align-self:start;position:sticky;top:24px;border-top:2px solid var(--green);padding-top:22px}.library-aside h2{font-size:23px}.library-aside>a{display:block;font:15px/1.6 system-ui;margin:18px 0}.library-aside label{display:block;font:14px system-ui;margin:14px 0 8px}input{padding:12px;border:1px solid #bfc8bb;border-radius:6px;width:100%;background:var(--white);color:var(--ink)}.breadcrumb{font:14px/1.6 system-ui;margin:10px 0 30px}.article-head{max-width:820px;padding-bottom:30px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 250px;gap:65px}.article-body{min-width:0}.reading-section{padding:28px 0;border-top:1px solid var(--line)}.reading-section h2{font-size:28px}.article-aside{border-left:2px solid var(--line);padding-left:24px;align-self:start}.article-aside h2{font-size:24px}.article-aside p{font-size:16px}.source{margin-top:20px}.source a{overflow-wrap:anywhere}.questions{background:var(--white);padding:28px;border:1px solid var(--line);border-radius:10px;margin:25px 0}.questions ul{padding:0;list-style:none}.questions li{padding:18px 0;border-top:1px solid var(--line)}.questions li span{display:block;margin-bottom:12px}.keep-question{background:var(--paper);color:var(--green);border-color:var(--line);font-size:14px}.keep-question:hover{border-color:var(--green)}[hidden]{display:none!important}@media(max-width:900px){.site-head{align-items:flex-start;flex-direction:column;gap:20px}.site-head nav{gap:13px 20px}.hero{gap:28px;grid-template-columns:1fr 1fr}.learning-layout{grid-template-columns:1fr}.library-aside{position:static}.library-aside>a{display:inline-block;margin-right:20px}.article-layout{grid-template-columns:1fr}.article-aside{margin-top:5px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.site-head,main,.site-footer{padding:22px 20px}.hero,.split,.topic-grid,.topic-grid.two,.site-footer{grid-template-columns:1fr}.hero{padding:20px 0 35px}.hero h1{font-size:40px}.lead{font-size:20px}.welcome-note{padding:27px}.section{padding:30px 0}.split{gap:15px}.topic-grid{gap:14px}.intro{padding-top:12px}.article-head h1{font-size:39px}.questions,.closing{padding:23px}.site-head nav{font-size:14px}.button{padding:12px 16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.site-head,.site-footer,.library-aside,.article-aside,.keep-question,.button,.skip{display:none}.article-layout{display:block}body{background:white}.topic,.reading-section{break-inside:avoid}main{max-width:none;padding:0}}
