:root{--ink:#1c3028;--green:#064b35;--muted:#59665e;--line:#d7dfd6;--paper:#fafaf5;--wash:#edf2e9;--accent:#cae2b6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,"Noto Sans Thai",sans-serif;font-size:17px;line-height:1.85}a{color:inherit}a:focus-visible{outline:3px solid #aa6800;outline-offset:5px}.wrap{width:min(1120px,calc(100% - 64px));margin:auto}.skip{position:fixed;top:8px;left:8px;transform:translateY(-180%);padding:10px 18px;background:white;z-index:9}.skip:focus{transform:none}.masthead{display:flex;align-items:center;justify-content:space-between;padding-block:24px;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:14px;text-decoration:none;font-weight:bold}.brand span{font-weight:normal;padding-left:12px;color:var(--muted)}nav{display:flex;gap:24px;font-size:14px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:80px;padding-block:76px 84px}.eyebrow{font-size:13px;color:var(--green);margin:0 0 18px;letter-spacing:.035em}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(44px,5.2vw,70px);font-weight:normal;line-height:1.13;letter-spacing:-.04em;color:var(--green);margin:0 0 22px}h1 span{font-style:italic}.thai-title{font-size:clamp(20px,2.15vw,28px);line-height:1.6;margin:0 0 20px}.intro{max-width:36ch;color:var(--muted);font-size:18px}.author{font-size:15px;margin-block:28px 30px}.author span{color:var(--muted);font-size:13px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:52px;padding:12px 22px;background:var(--green);color:white;text-decoration:none;border:1px solid var(--green);font-size:16px;line-height:1.6}.button:hover{background:#0c6047}.button span{font-size:23px;line-height:1}.download-note{font-size:12px;color:var(--muted);margin-top:12px}.cover{margin:0;transform:rotate(2deg);max-width:350px;justify-self:end;box-shadow:14px 20px 42px #133b2524;border:1px solid #c9d5c6}.cover img{display:block;width:100%;height:auto}.section{padding-block:68px}.about,.feedback{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;border-top:1px solid var(--line)}h2{font-weight:normal;font-size:clamp(25px,3vw,35px);line-height:1.65;color:var(--green);margin:0 0 18px}h3{font-weight:normal;font-size:19px;line-height:1.65;margin:0 0 8px}.body-copy p:first-child{margin-top:0}.body-copy p{color:var(--muted)}.reading{background:var(--wash)}.reading-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.reading-grid>div>p:not(.eyebrow){max-width:43ch}.scope{font-size:14px;color:var(--muted);border-left:2px solid var(--green);padding-left:15px;margin-block:24px}.contents{list-style:none;padding:0;margin:3px 0}.contents li{display:grid;grid-template-columns:35px 1fr;gap:20px;padding-block:21px;border-bottom:1px solid #ccd8c8}.contents li:first-child{padding-top:0}.contents li>span{color:var(--green);font-family:Georgia,serif;font-style:italic;font-size:24px}.contents p{font-size:15px;color:var(--muted);margin:0}.progression{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.progression>div>p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:30ch}.chapters{list-style:none;margin:0;padding:0}.chapters li{padding:22px 0;border-top:1px solid var(--line)}.chapters li>span{display:block;color:var(--green);font-size:13px;margin-bottom:9px}.chapters p{font-size:15px;color:var(--muted);margin:0}.text-link{text-underline-offset:6px;color:var(--green)}.footer{background:var(--green);color:white;padding-block:32px;font-size:13px}.footer>.wrap{display:flex;justify-content:space-between;gap:24px}.footer p{margin:0}.footer span{color:#c9dccf;font-size:12px}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.masthead{align-items:flex-start;padding-block:20px;gap:16px}.brand{font-size:12px}.brand span{display:block;padding-left:0}nav{font-size:12px;gap:14px;white-space:nowrap}.hero{grid-template-columns:1fr;gap:40px;padding-block:44px 54px}.cover{justify-self:center;max-width:265px;transform:rotate(1deg)}h1{font-size:50px}.thai-title{font-size:22px}.intro{font-size:17px;max-width:100%}.section{padding-block:44px}.about,.feedback,.reading-grid,.progression{grid-template-columns:1fr;gap:24px}.contents{margin-top:18px}.footer>.wrap{flex-direction:column;gap:18px}}@media(max-width:370px){h1{font-size:42px}.masthead{flex-direction:column}nav{font-size:13px}.button{width:100%;gap:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cover{transform:none}}@media print{.masthead nav,.button,.feedback,.skip{display:none}.hero{padding-block:20px;grid-template-columns:1fr .6fr;gap:30px}body{background:white;color:black}.section{padding-block:20px}.cover{box-shadow:none;transform:none}.footer{background:white;color:black}}