:root{--ink:#173a39;--deep:#102d2c;--paper:#f1f1e9;--white:#fbfcf7;--line:#a8bbb3;--muted:#3d5c58;--accent:#b8dc61;font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}::selection{background:var(--accent);color:var(--deep)}a{color:inherit;text-underline-offset:.22em}a:focus-visible{outline:3px solid #7e9e1c;outline-offset:4px}.wrap{width:min(100% - 48px,1140px);margin-inline:auto}.skip{position:absolute;top:-100px;left:16px;background:var(--accent);padding:12px;z-index:20}.skip:focus{top:12px}.site-header{border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}.brand{display:inline-flex;align-items:center;gap:12px;font-family:'Trebuchet MS',Verdana,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;white-space:nowrap}.brand-mark{display:inline-grid;place-items:center;width:37px;height:37px;background:var(--ink);color:var(--white);font-size:.76rem;letter-spacing:-.04em}.site-header nav{display:flex;flex-wrap:wrap;gap:8px 30px;font-family:'Trebuchet MS',Verdana,sans-serif;font-size:.9rem}.site-header nav a{text-decoration:none;padding-block:8px;border-bottom:2px solid transparent}.site-header nav a:hover,.site-header nav a[aria-current]{border-color:var(--ink)}.intro{min-height:610px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:center;gap:8%;padding-block:88px 70px}.intro-copy{max-width:720px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.15rem,6.1vw,6rem);line-height:1.03;font-weight:400;letter-spacing:-.035em;margin-bottom:30px;text-wrap:balance}.lead{font-size:clamp(1.2rem,1.85vw,1.48rem);line-height:1.55;max-width:37em;color:var(--deep)}.text-link{display:inline-block;margin-top:16px;font-family:'Trebuchet MS',Verdana,sans-serif;font-weight:700;font-size:.96rem;text-decoration-thickness:1px}.text-link span{margin-left:8px}.book-composition{position:relative;min-height:390px;align-self:stretch;display:flex;align-items:end;justify-content:center;gap:11px;padding-bottom:72px}.book{display:block;width:27%;max-width:105px;border-radius:2px 7px 7px 2px;box-shadow:8px 10px 18px rgba(16,45,44,.13),inset -8px 0 rgba(0,0,0,.08);transform-origin:bottom center}.book::before{content:"";display:block;margin:26px 13px;height:1px;background:rgba(255,255,255,.65)}.book-one{height:240px;background:#a6bba3;transform:rotate(-8deg)}.book-two{height:300px;background:#285b55}.book-three{height:265px;background:#d0d991;transform:rotate(8deg)}.shelf{position:absolute;bottom:55px;width:100%;height:12px;background:var(--ink);box-shadow:0 15px 0 #bdd0c2}.section{padding-block:80px 110px}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:start;margin-bottom:34px}.section h2{font-size:clamp(2.2rem,3.5vw,3.5rem);font-weight:400;line-height:1.1;letter-spacing:-.025em;max-width:500px}.section-heading p{font-family:'Trebuchet MS',Verdana,sans-serif;font-size:1rem;line-height:1.6;max-width:330px;color:var(--muted);margin-top:8px}.topic-list{border-top:1px solid var(--ink)}.topic-list article{display:grid;grid-template-columns:80px 1fr 50px;gap:18px;border-bottom:1px solid var(--line);padding:36px 0}.topic-index{font-family:'Trebuchet MS',Verdana,sans-serif;font-size:.88rem}.topic-list h3{font-size:clamp(1.6rem,2.5vw,2.6rem);font-weight:400;letter-spacing:-.02em;margin-bottom:12px}.topic-list h3 a{text-decoration:none}.topic-list h3 a:hover{text-decoration:underline}.topic-list p{font-family:'Trebuchet MS',Verdana,sans-serif;line-height:1.55;color:var(--muted);max-width:640px;margin:0}.arrow{text-decoration:none;font-size:1.5rem;justify-self:end}.note-band{background:var(--ink);color:var(--white)}.note-inner{display:grid;grid-template-columns:180px 1fr;gap:40px;padding-block:42px}.note-title{font-family:'Trebuchet MS',Verdana,sans-serif;font-weight:700}.note-inner p:last-child{font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.5;max-width:730px;margin:0}.site-footer{border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;gap:20px;padding-block:30px;font-family:'Trebuchet MS',Verdana,sans-serif;font-size:.86rem;color:var(--muted)}.footer-inner p{margin:0}.article-layout{padding-block:60px 120px}.article-head{border-bottom:1px solid var(--ink);padding-bottom:55px}.back-link{font-family:'Trebuchet MS',Verdana,sans-serif;font-size:.88rem;display:inline-block;margin-bottom:45px}.article-head h1{max-width:850px}.article-head .lead{max-width:760px;margin-bottom:0}.article-grid{display:grid;grid-template-columns:200px minmax(0,740px);gap:clamp(45px,9vw,130px);padding-top:55px}.contents{font-family:'Trebuchet MS',Verdana,sans-serif;font-size:.86rem;align-self:start;position:sticky;top:25px}.contents p{font-weight:700;margin-bottom:20px}.contents a{display:block;margin:0 0 15px;color:var(--muted);text-decoration:none}.contents a:hover{text-decoration:underline}.prose{font-size:1.15rem;line-height:1.72}.prose section{scroll-margin-top:30px;margin-bottom:62px}.prose h2{font-weight:400;letter-spacing:-.02em;line-height:1.18;font-size:clamp(2rem,3vw,2.8rem);margin-bottom:22px}.prose p{margin-bottom:20px}.callout{background:#dce8cf;padding:28px 32px;margin-top:35px;font-family:'Trebuchet MS',Verdana,sans-serif;font-size:.99rem;line-height:1.6}.callout strong{display:block;margin-bottom:10px}.callout p,.callout ul{margin:0}.callout ul{padding-left:20px}.article-next{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;gap:20px;font-family:'Trebuchet MS',Verdana,sans-serif;font-size:.9rem}.article-next span{color:var(--muted)}.article-next a{font-weight:700}.error-page{padding-block:100px;min-height:80vh}.error-page h1{max-width:700px;margin-top:100px}.error-page p:not(.brand){font-size:1.2rem}@media(max-width:760px){.wrap{width:min(100% - 32px,1140px)}.header-inner{align-items:start;flex-direction:column;padding-block:17px;gap:12px}.site-header nav{gap:4px 18px}.intro{grid-template-columns:1fr;padding-block:65px 40px;min-height:0}.intro h1{font-size:clamp(3rem,11vw,5rem)}.book-composition{min-height:260px;padding-bottom:38px;max-width:420px;width:100%;margin-inline:auto}.book-one{height:145px}.book-two{height:195px}.book-three{height:168px}.shelf{bottom:25px}.section{padding-block:45px 75px}.section-heading{display:block}.topic-list article{grid-template-columns:32px 1fr 24px;gap:12px;padding:28px 0}.note-inner{grid-template-columns:1fr;gap:5px}.article-layout{padding-block:40px 80px}.article-head{padding-bottom:35px}.back-link{margin-bottom:35px}.article-grid{grid-template-columns:1fr;gap:38px;padding-top:30px}.contents{position:static;border-bottom:1px solid var(--line);padding-bottom:15px}.contents a{display:inline-block;margin-right:18px}.prose{font-size:1.08rem}.footer-inner{display:block}.footer-inner a{display:inline-block;margin-top:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}} 
