@font-face{font-family:"Atkinson";src:url(/fonts/atkinson-regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Atkinson";src:url(/fonts/atkinson-bold.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"DM Serif";src:url(/fonts/dm-serif-display.ttf) format("truetype");font-display:swap}
:root{--bg:#F6EFE2;--ink:#23302F;--green:#2F5D3A;--sun:#F3C64B;--card:#fff;--muted:#5b625f}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 20px/1.6 Atkinson,system-ui,sans-serif}
a{color:var(--green)}h1,h2,h3{font-family:"DM Serif",Georgia,serif;font-weight:400;line-height:1.15}
.top{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding:14px 5vw;background:#fff;border-bottom:3px solid var(--sun)}
.brand{display:flex;gap:10px;align-items:center;font:700 24px Atkinson,sans-serif;color:var(--ink);text-decoration:none}
nav a{margin-left:18px;font-weight:700;text-decoration:none}
main{max-width:1120px;margin:0 auto;padding:0 5vw}
.hero{text-align:center;padding:56px 0 30px}.hero h1{font-size:clamp(36px,5vw,58px);margin:0 0 14px}.hero p{max-width:760px;margin:0 auto 24px;font-size:22px}
.btn{display:inline-block;background:var(--green);color:#fff;font-weight:700;padding:12px 20px;border-radius:12px;text-decoration:none}
.btn:hover,.btn:focus{background:#1f4128}.btn.big{font-size:22px;padding:16px 28px}
.jump{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:10px 0 20px}.jump a{margin:0;background:#fff;border:2px solid var(--green);border-radius:30px;padding:6px 16px}
.coll{padding:26px 0;border-top:2px dashed #d8ccb3}.coll h2{font-size:40px;margin:10px 0 4px}.lead{color:var(--muted);margin:0 0 18px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px}
.card{background:var(--card);border-radius:16px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.07);text-align:center}
.card img{width:100%;height:auto;border:1px solid #ddd;border-radius:6px}.card h3{font-size:26px;margin:10px 0 2px}.card p{margin:0 0 12px;color:var(--muted);font-size:17px}
.more{margin-top:18px;font-size:19px}
.books{padding:30px 0}.books h2{font-size:42px;margin-bottom:4px}.bookrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:24px}
.book{background:#fff;border-radius:16px;padding:16px;text-align:center}.book img{width:100%;height:auto;box-shadow:0 4px 12px rgba(0,0,0,.18)}.book h3{font-size:24px}
.tips,.prose{background:#fff;border-radius:16px;padding:10px 28px 18px;margin:24px 0}.prose{max-width:820px;margin:40px auto}
footer{text-align:center;color:var(--muted);font-size:16px;padding:30px 5vw 40px}
@media print{.top,footer,.btn{display:none}}