@font-face{font-family:"BookTitle";src:url("/fonts/NotoSerif-Bold.ttf") format("truetype");font-display:swap}
@font-face{font-family:"BookBody";src:url("/fonts/Lato-Regular.ttf") format("truetype");font-display:swap}
:root{--bg:#fbf3e1;--card:#fffaf0;--ink:#1c1a17;--red:#9e121c;--gold:#c99636;--green:#215c2e;--brown:#66381a}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.55 "BookBody",system-ui,sans-serif}
.wrap{max-width:760px;margin:0 auto;padding:20px 16px 48px}
header.series{text-align:center;font-family:"BookTitle",Georgia,serif;color:var(--brown);font-size:15px;letter-spacing:.06em;text-transform:uppercase}
header.series a{color:inherit;text-decoration:none}
h1{font-family:"BookTitle",Georgia,serif;color:var(--red);font-size:30px;line-height:1.2;text-align:center;margin:10px 0 4px}
.sub{text-align:center;color:var(--brown);margin:0 0 18px}
.card{background:var(--card);border:3px solid var(--gold);border-radius:22px;padding:18px;margin:16px 0}
.task{font-size:20px;text-align:center}
.speaker{text-align:center;font-family:"BookTitle",Georgia,serif;color:var(--green);margin-bottom:10px}
audio{width:100%;height:56px}
.soon{text-align:center;color:#8a7a5e;font-style:italic;padding:14px}
.pageimg{display:block;width:100%;border-radius:16px;border:3px solid var(--gold)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.dl{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.dl .btn{flex:0 1 260px}
.btn{display:block;text-align:center;background:var(--card);border:3px solid var(--gold);border-radius:18px;padding:14px 10px;
     color:var(--red);font-family:"BookTitle",Georgia,serif;text-decoration:none;font-size:17px}
.btn small{display:block;color:var(--brown);font-family:"BookBody",sans-serif;font-size:14px}
.btn.big{background:var(--red);color:#fff;border-color:var(--red);font-size:20px}
.hero{display:block;width:100%;max-width:520px;margin:0 auto;border-radius:20px;border:4px solid var(--gold)}
nav.bottom{display:flex;justify-content:space-between;gap:10px;margin-top:22px}
nav.bottom a{color:var(--brown)}
footer{text-align:center;color:#8a7a5e;font-size:13px;margin-top:30px}
b.name{font-weight:700}