:root { --ink:#1c1b1a; --paper:#faf7f2; --accent:#7a4a2b; --muted:#6f6a63; }
* { box-sizing: border-box; }
html,body { margin:0; padding:0; }
body { font:17px/1.55 Georgia, "Times New Roman", serif; color:var(--ink);
       background:var(--paper); }
.site-head { padding:1.2rem 1.5rem; display:flex; justify-content:space-between;
             align-items:center; border-bottom:1px solid #e2dcd2; }
.site-head a { color:var(--ink); text-decoration:none; }
.brand { font-weight:bold; font-size:1.2rem; letter-spacing:.04em; }
.site-head nav a { color:var(--muted); }
.wrap { max-width:46rem; margin:0 auto; padding:2rem 1.5rem 3rem; }
h1 { font-size:2rem; line-height:1.2; margin:.2rem 0 .8rem; }
h2 { margin-top:2rem; font-size:1.25rem; }
.lede, .synopsis { color:var(--muted); }
.cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
         gap:1rem; margin-top:1.5rem; }
.story-card { display:block; padding:1.2rem; border:1px solid #e2dcd2; border-radius:8px;
              text-decoration:none; color:var(--ink); background:#fff; }
.story-card:hover { border-color:var(--accent); }
.story-title { display:block; font-weight:bold; margin-bottom:.3rem; }
.story-meta { color:var(--muted); font-size:.9rem; }
.episode-list { list-style:none; padding:0; margin:0; }
.episode-list li { border-bottom:1px solid #e8e2d8; }
.episode-list li:last-child { border-bottom:none; }
.episode-link { display:flex; gap:1rem; padding:.9rem .2rem; text-decoration:none;
                color:var(--ink); align-items:baseline; }
.episode-link:hover .ep-name { color:var(--accent); }
.ep-num { font-variant-numeric:tabular-nums; color:var(--muted); min-width:3.4rem; }
.ep-name { font-weight:bold; flex:1; }
.ep-dur { color:var(--muted); font-size:.9rem; white-space:nowrap; }
.crumb { color:var(--muted); }
.ep-facts { color:var(--muted); margin-top:-.4rem; }
.player { margin:1.5rem 0; }
.download { margin:1rem 0 1.5rem; }
.btn { display:inline-block; background:var(--accent); color:#fff !important;
       padding:.6rem 1.2rem; border-radius:6px; text-decoration:none; font-size:.95rem; }
.chapters li { margin-bottom:.35rem; }
.pn-nav { display:flex; justify-content:space-between; margin-top:2.5rem; }
.pn { color:var(--accent); text-decoration:none; }
.site-foot { border-top:1px solid #e2dcd2; padding:1.2rem 1.5rem; text-align:center;
             color:var(--muted); font-size:.85rem; }
@media (max-width:600px){ .episode-link{flex-wrap:wrap;} .ep-dur{width:100%;} }