/* Shared refinements: plain CSS, no build step or external dependencies. */
:root{--muted:#aab5c2}
html{scroll-padding-top:86px}
body{overflow-wrap:break-word}
[hidden]{display:none!important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold-bright);outline-offset:4px}
.skip{position:absolute;left:-10000px;top:10px;z-index:100;background:var(--gold);color:#10141b;padding:12px 18px;border-radius:8px}.skip:focus{left:12px}
header .wrap,header.nav .wrap{max-width:1100px;height:72px}
header nav,.nav nav{display:flex;align-items:center;gap:20px}
header nav a,.nav nav a{display:inline-flex;align-items:center;min-height:44px;margin-left:0!important}
.hamburger{min-width:48px;min-height:48px}
.note{color:var(--muted)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.guest-invite{max-width:none}.guest-button{font-size:.95rem}.guest-button.secondary{background:transparent;border:1px solid var(--gold);color:var(--gold-bright)}
.invite-note{margin-top:16px;font-size:.95rem}.watch-label{display:block;font-weight:800;color:var(--gold-bright);margin-bottom:8px}
.hero{padding:48px 0}.hero .wrap{gap:30px}.hero h1{font-size:clamp(2.2rem,5.4vw,3.5rem)}
.home-episodes,.start-here{padding:44px 0;border-bottom:1px solid var(--line)}
.section-top{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:24px}.section-top>a{min-height:44px;display:flex;align-items:center;font-weight:700}
.recent-grid,.start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.recent-grid .story{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.recent-grid img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}.recent-grid .copy{padding:20px;display:flex;flex-direction:column;flex:1}.recent-grid h3{font-size:1.15rem;margin:7px 0}.recent-grid p{color:var(--muted);font-size:.95rem}.recent-grid .meta{color:var(--gold);font-size:.78rem;font-weight:700}
.episode-actions{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:auto;padding-top:16px}.episode-actions a{min-height:44px;display:inline-flex;align-items:center;font-weight:700}.episode-actions a[href*="youtube.com"]{background:var(--gold);color:#10141b;padding:8px 12px;border-radius:6px}.episode-actions a:not([href*="youtube.com"]){text-decoration:underline;text-underline-offset:4px}
.start-grid{margin-top:22px}.start-grid>a{display:block;padding:20px;border-left:3px solid var(--gold);background:var(--bg-soft)}.start-grid strong,.start-grid span{display:block}.start-grid span{color:var(--muted);margin-top:8px;font-size:.95rem}
.archive{padding:20px 0 48px}.browse-note{margin-bottom:16px;color:var(--muted)}.archive-controls{margin:16px 0}.text-button{font:inherit;color:var(--gold-bright);background:none;border:0;text-decoration:underline;min-height:44px;cursor:pointer}
.back-link{display:inline-flex;align-items:center;min-height:44px;margin-top:20px}.episode-page .hero{padding-top:20px}.episode-page p{line-height:1.8}.player-link a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}.related ul{padding-left:22px;margin-bottom:18px}.related a{display:inline-flex;align-items:center;min-height:44px}
footer .wrap{max-width:1000px}footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 22px;margin:18px 0}footer nav a,footer p>a{display:inline-flex;align-items:center;min-height:44px}footer .byline{max-width:48ch;margin:16px auto}footer .note{font-size:.85rem}footer a[href^="mailto:"]{overflow-wrap:anywhere}footer p{color:var(--muted)}.copy-email{min-height:44px}
@media(max-width:820px){
 .hamburger{display:block}header nav,.nav nav{display:none;position:absolute;top:72px;left:0;right:0;padding:12px 22px;background:#10141b;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;max-height:calc(100dvh - 72px);overflow-y:auto}
 header nav.open,.nav nav.open{display:flex}header nav a,.nav nav a{display:flex;padding:12px 0;border-bottom:1px solid var(--line)}header nav a.join-link,.nav nav a.join-link{align-self:flex-start;padding:10px 14px;margin:8px 0}
 .hero .wrap,#about .wrap{grid-template-columns:1fr}.hero{text-align:left;padding:36px 0}.hero-actions{justify-content:flex-start}.hero .mission,.guest-invite{margin-left:0;margin-right:0}.recent-grid{grid-template-columns:1fr}.start-grid{grid-template-columns:1fr}.recent-grid .story{max-width:600px}.hero h1{font-size:clamp(2.2rem,8vw,3.3rem)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}