/* Episode guide page · layered on styles.css + elevated.css */
.episode-page{background:#f6edda}
.episode-page .site-header{gap:1rem}
.ep-nav{display:flex;gap:.4rem;margin-right:auto;flex-wrap:wrap}
.ep-nav a{padding:.45rem .8rem;border-radius:999px;border:1.5px solid #cdb88a;color:var(--forest);text-decoration:none;font:600 .88rem/1 var(--display)}
.episode-page .site-header .ep-nav a{display:inline-block} /* beat styles.css nth-child hiding on phones */
.ep-nav a[aria-current="page"]{background:var(--forest);border-color:var(--forest);color:#fff8e6}
.back-link{font:600 .85rem/1 var(--display);color:var(--forest);text-decoration:none;white-space:nowrap}
.episode-page .logo-home{margin-right:0}

.ep-hero{max-width:1250px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,2rem) 2rem;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.ep-hero h1{font-size:clamp(2.6rem,6vw,4.6rem);line-height:1;margin:.2rem 0 .5rem;color:var(--forest)}
.ep-tagline{font-size:1.25rem;margin:0 0 .8rem}
.ep-for{margin:0;color:#6d6450;font-size:.98rem}
.ep-player{position:relative;display:block;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px rgba(21,47,37,.25);border:6px solid #fff8e9;transform:rotate(.6deg);transition:transform .2s}
.ep-player:hover{transform:rotate(0) translateY(-3px)}
.ep-player img{width:100%;aspect-ratio:16/9;object-fit:cover}
.ep-player .ep-play{position:absolute;inset:0;margin:auto;width:84px;height:84px;border-radius:50%;background:rgba(224,97,44,.92);color:#fff;display:grid;place-items:center;font-size:2rem;padding-left:6px;box-shadow:0 6px 20px rgba(0,0,0,.3)}
.ep-watch{position:absolute;left:1rem;bottom:1rem;background:rgba(20,45,34,.85);color:#fff8e6;border-radius:999px;padding:.45rem .9rem;font:600 .9rem/1 var(--display)}
.ep-player.soon{transform:rotate(-.6deg)}

.ep-steps{max-width:980px;margin:0 auto;padding:1rem clamp(1rem,4vw,2rem) 2rem}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.step{display:grid;grid-template-columns:56px 1fr;gap:1rem;background:#fffaf0;border:1.5px solid #e3d3ad;border-radius:18px;padding:1.3rem 1.4rem}
.step-num{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--forest);color:#fff8e6;font:600 1.4rem/1 var(--display)}
.step h2{margin:.35rem 0 .5rem;font-size:1.45rem;color:var(--forest)}
.step p{margin:.3rem 0}
.step a{color:var(--forest);font-weight:700}
.step-hint{color:#6d6450}
.talk{margin:.4rem 0 0;padding:0;list-style:none;display:grid;gap:.45rem}
.talk li{position:relative;padding:.6rem .9rem .6rem 2.4rem;background:#fff;border-radius:12px;border:1px solid #eadcb9;font-size:1.05rem}
.talk li::before{content:"💬";position:absolute;left:.7rem;top:.55rem}
.step-outside{background:#eef4dd;border-color:#b7c49a}
.step-outside .step-num{background:var(--leaf)}
.hunt-card{display:grid;grid-template-columns:110px 1fr;gap:1.1rem;align-items:start}
.hunt-card>img{width:110px;height:110px;object-fit:contain}
.hunt-card strong{font:600 1.2rem/1.2 var(--display);color:var(--forest)}
.hunt-preview{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0;padding:0;list-style:none}
.hunt-preview li{background:#fff;border:1.5px solid #b7c49a;border-radius:999px;padding:.3rem .75rem;font-size:.95rem}
.hunt-safety{background:#fdecc8;border-radius:10px;padding:.45rem .7rem;color:#6a4a12;font-weight:700;display:inline-block}
.hunt-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem}
.step .hunt-actions a{color:inherit}
.step .hunt-actions .wood-button{color:#fff9e8}
.pack-card{display:grid;grid-template-columns:84px 1fr;gap:1rem;align-items:center;margin:.8rem 0;padding:.9rem;background:#fff;border:2px solid #a78961;border-radius:14px;box-shadow:5px 6px 0 #c5aa7d;text-decoration:none;color:var(--ink)}
.step a.pack-card{font-weight:400;color:var(--ink)}
.pack-card img{width:84px;box-shadow:2px 4px 10px #402d2340}
.pack-card strong{display:block;font:600 1.1rem/1.2 var(--display);color:var(--forest);margin:.15rem 0}
.pack-card .eyebrow{display:block;font-size:.68rem}

.ep-learn{max-width:980px;margin:0 auto 1.5rem;padding:clamp(1.1rem,3vw,1.8rem);background:#fffdf6;background-image:repeating-linear-gradient(0deg,transparent 0 31px,rgba(95,138,62,.07) 32px 33px);border:1.5px solid #e0cfa6;border-radius:22px;box-shadow:0 6px 0 #e7d9b6}
.ep-learn-head h2{margin:.15rem 0 1rem;font-size:clamp(1.6rem,3.5vw,2.2rem);color:var(--forest)}
.ep-learn-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1.2rem 1.6rem}
.ep-learn h3{margin:0 0 .55rem;font-size:1.1rem;color:var(--forest)}
.ep-learn .free-hunt{margin-top:.8rem}
@media(max-width:760px){.ep-learn-grid{grid-template-columns:1fr}.ep-learn{margin-inline:1rem}}
.ep-shorts{max-width:980px;margin:0 auto;padding:1rem clamp(1rem,4vw,2rem) 2rem}
.ep-shorts h2{color:var(--forest);font-size:1.6rem;margin:.5rem 0 1rem}
.ep-shorts-grid{display:flex;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.3rem .2rem 1rem;scrollbar-color:var(--wood) transparent}
.ep-shorts-grid .short-card{flex:0 0 150px}

.ep-pager{max-width:980px;margin:0 auto;padding:1rem clamp(1rem,4vw,2rem) 3.5rem;display:flex;justify-content:space-between;gap:1rem}
.ep-pager a{display:grid;gap:.2rem;padding:.9rem 1.2rem;border-radius:14px;background:#fffaf0;border:1.5px solid #e3d3ad;text-decoration:none;color:var(--forest);font:600 1.15rem/1.2 var(--display)}
.ep-pager small{font:400 .8rem/1 var(--read);color:#6d6450}
.pager-next{text-align:right;margin-left:auto}

@media(max-width:850px){
  .episode-page{padding-bottom:0}
  .episode-page .site-header{flex-wrap:wrap;height:auto;padding-block:.5rem}
  .episode-page .site-header .ep-nav{display:flex;order:3;width:100%;margin:0 0 .2rem;justify-content:center}
  .ep-hero{grid-template-columns:1fr}
  .ep-hero-copy{order:2}
}
@media(max-width:540px){
  .step{grid-template-columns:1fr;padding:1.1rem}
  .step-num{width:40px;height:40px;font-size:1.2rem}
  .hunt-card{grid-template-columns:1fr}
  .hunt-card>img{width:84px;height:84px}
  .hunt-actions a{width:100%}
  .ep-nav a{font-size:.8rem;padding:.4rem .6rem}
}
@media(prefers-reduced-motion:reduce){.ep-player,.ep-player.soon{transform:none}}

.ep-playbox{max-width:980px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem) 1rem}

.ep-learn .nb-facts ul{margin-bottom:.4rem}
.ep-nb-btn{margin-top:.8rem;color:#fff9e8!important}