:root{--ink:#26324a;--navy:#1c366b;--green:#3fa047;--orange:#f0801e;--cream:#fffaee;--card:#fff;--muted:#5b6475}
*{box-sizing:border-box}body{margin:0;font-family:Andika,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
color:var(--ink);background:var(--cream);line-height:1.55}
a{color:var(--navy)}header{background:var(--navy);color:#fff;padding:14px 16px}
header nav{max-width:1080px;margin:auto;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
header a{color:#fff;text-decoration:none;font-weight:700}header .brand{font-family:Sniglet,system-ui;font-size:1.3rem;margin-right:auto}
main{max-width:1080px;margin:auto;padding:24px 16px 48px}
h1,h2{font-family:Sniglet,system-ui;color:var(--navy);line-height:1.2}h1{font-size:2.1rem;margin:.3em 0}
.lead{font-size:1.15rem;color:var(--muted);max-width:760px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin:18px 0}
.card{background:var(--card);border-radius:14px;padding:14px;box-shadow:0 2px 10px rgba(0,0,0,.08);display:flex;flex-direction:column}
.card img{width:100%;height:auto;border:1px solid #ddd;border-radius:6px;background:#fff}
.card h3{margin:.6em 0 .2em;font-size:1.05rem}.tag{font-size:.85rem;color:var(--muted)}
.btn{display:inline-block;margin-top:auto;padding:10px 14px;border-radius:999px;background:var(--green);color:#fff;
text-decoration:none;font-weight:700;text-align:center}.btn.alt{background:var(--orange)}
.cta{background:#fff;border:3px solid var(--orange);border-radius:16px;padding:18px;display:flex;gap:18px;align-items:center;margin:28px 0;flex-wrap:wrap}
.cta img{width:150px;height:auto;border-radius:6px}.cta div{flex:1;min-width:220px}
.books{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.books .card img{border:none}
footer{text-align:center;color:var(--muted);font-size:.9rem;padding:24px 16px}