@font-face{font-family:Sarabun;src:url('/assets/classics-household-reader/Sarabun-Regular.ttf');font-display:swap}
:root{--ink:#263f36;--green:#285947;--muted:#586b61;--line:#d9dfd4;--paper:#fffef9;--gold:#845c2e}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f6f5ef;color:var(--ink);font:17px/1.8 Sarabun,Tahoma,sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #ac773d;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.5}h1{font-size:clamp(34px,5vw,56px);letter-spacing:-1px}h2{font-size:28px}h3{font-size:20px}p{color:var(--muted)}.wrap{max-width:1120px;margin:auto;padding:0 28px}.top{border-bottom:1px solid var(--line);padding:18px 0}.top .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.top a{text-decoration:none}.brand{font-weight:bold}.eyebrow{font-size:13px;letter-spacing:1px;color:var(--gold);margin-bottom:12px}.intro{padding:65px 0 36px;max-width:780px}.intro p{margin-top:20px;font-size:19px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 64px}.choices a{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:22px;text-decoration:none;transition:background .2s}.choices a:hover{background:#eaf0e5}.choices span{display:block;color:var(--muted);font-size:14px;margin-top:8px}.choices strong{display:block;font-size:19px}.book{background:#e6eee3;border-radius:20px;display:grid;grid-template-columns:200px 1fr;gap:38px;padding:36px;align-items:center;margin-bottom:72px}.book img{width:100%;height:auto;box-shadow:0 10px 25px #24403225}.book p{margin:14px 0}.meta{font-size:14px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.button{display:inline-block;background:var(--green);color:white;padding:12px 20px;border-radius:8px;text-decoration:none}.button.secondary{background:white;color:var(--green);border:1px solid #b8c9b8}.section-title{margin-bottom:24px}.section-title p{margin-top:10px}.axis{padding:28px;border:1px solid #c9d4c5;border-radius:14px;background:#eef2e8;text-align:center;margin-bottom:22px}.axis p{max-width:700px;margin:10px auto}.read{display:inline-block;font-size:14px;color:var(--green);margin-top:10px}.loops{display:grid;grid-template-columns:1fr 1fr;gap:24px}.loop{border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:28px}.loop.lower{background:#f5efe3;border-color:#e1d5bf}.loop .eyebrow{margin-bottom:8px}.loop>p{font-size:15px;margin-top:10px}.steps{list-style:none;padding:0;margin:26px 0 0}.steps li{display:flex;gap:16px;padding:20px 0;border-top:1px solid var(--line)}.steps li p{font-size:15px;margin-top:6px}.number{flex:none;width:34px;height:34px;border-radius:50%;background:#e2eadc;display:grid;place-items:center;color:var(--green)}.lower .number{background:#e9ddc4;color:#6f512f}.junction{padding:18px 22px;border-left:3px solid #a6783e;background:#fffaf0;margin:24px 0;font-size:15px}.junction a{color:#6f512f}.join{text-align:center;color:var(--green);padding:20px 0;font-size:15px}.plan{border:2px solid #789b7d;border-radius:16px;background:#fffef9;padding:32px;text-align:center}.plan h2{margin:10px 0}.plan p{max-width:740px;margin:0 auto}.plan .actions{justify-content:center}.follow{border-bottom:1px solid var(--line);padding:28px 0 48px;text-align:center}.follow p{margin:8px auto;max-width:700px}.domains{margin:56px 0}.domain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.domain-grid article{border-top:3px solid #b5c5ae;padding:20px 4px}.domain-grid p{font-size:15px;margin-top:10px}.note{font-size:14px;padding:22px;background:#ecefe7;border-radius:12px;margin:30px 0}.note p+p{margin-top:12px}.footer{border-top:1px solid var(--line);padding:26px 0 40px;font-size:14px}.footer a{margin-right:22px}.footer p{margin-top:16px}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:10px;background:white;padding:12px;z-index:2}
@media(max-width:760px){.wrap{padding:0 20px}.intro{padding-top:40px}.choices,.loops{grid-template-columns:1fr}.choices{margin-bottom:36px}.book{grid-template-columns:1fr;padding:24px;gap:24px;margin-bottom:44px}.book img{width:145px;margin:auto}.domain-grid{grid-template-columns:1fr 1fr}.loop{padding:22px}.plan{padding:24px 18px}.actions{gap:10px}.button{font-size:15px}.book h2{font-size:25px}}
@media(max-width:380px){.domain-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}