/* Adult mysteries area only (body.genre-mysteries + home .myst-feature). Self-contained: ink, brass and paper. No seasonal decor. */
.genre-mysteries,.myst-feature{--m-ink:#14161D;--m-ink2:#1E222C;--m-brass:#C9A45C;--m-brass2:#E4C98C;--m-paper:#F3EDE1;--m-text:#E9E4D8;--m-mute:#B9B2A3;background:var(--m-ink)}
.genre-mysteries main{background:var(--m-ink);color:var(--m-text)}
.myst-page{padding-bottom:64px}
.myst-page h1,.myst-page h2,.myst-page h3{color:#F6F0E2;font-family:var(--display,Georgia,serif)}
.myst-page a{color:var(--m-brass2)}
.myst-hero{padding:72px 0 48px;border-bottom:1px solid #3A3528;background:radial-gradient(ellipse at 70% 0,rgba(201,164,92,.16),transparent 60%),linear-gradient(180deg,#1A1D26,var(--m-ink))}
.myst-hero h1{font-size:clamp(2.2rem,1.4rem + 3vw,3.6rem);margin:.1em 0 .3em;font-weight:500}
.myst-lead{max-width:56ch;font-size:1.1rem;color:var(--m-text)}
.myst-kicker{font:700 .72rem/1.4 var(--body,sans-serif);letter-spacing:.2em;text-transform:uppercase;color:var(--m-brass);margin:0 0 .6em}
.myst-h2{font-size:1.6rem;font-weight:500;border-bottom:1px solid #3A3528;padding-bottom:.4em;margin:1.6em 0 1em}
.myst-card{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:start;padding:28px 0;border-bottom:1px solid #2C2A24}
.myst-card img{width:100%;height:auto;box-shadow:0 14px 30px rgba(0,0,0,.5)}
.myst-card h3{font-size:1.5rem;margin:0 0 .2em;font-weight:500}.myst-card h3 a{color:#F6F0E2;text-decoration:none}.myst-card h3 a:hover{text-decoration:underline}
.myst-sub{font-style:italic;color:var(--m-mute);margin:0 0 .8em}
.myst-hook{font-family:var(--display,Georgia,serif);font-size:1.15rem;color:var(--m-brass2)}
.myst-ctas{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:1.2em}
.myst-btn{display:inline-block;padding:.8em 1.4em;border:1px solid var(--m-brass);background:var(--m-brass);color:#14161D!important;font:700 .78rem/1 var(--body,sans-serif);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:2px}
.myst-btn:hover{background:var(--m-brass2)}
.myst-btn-soon,.myst-btn-soon:hover{background:transparent;color:var(--m-brass2)!important;border-style:dashed;cursor:not-allowed}
.myst-link{font-weight:600}
.myst-note{margin-top:2em;color:var(--m-mute)}
.genre-mysteries .crumbs{padding-top:24px;color:var(--m-mute);font-size:.9rem}
.myst-product{display:grid;gap:40px;padding-top:24px}
.myst-cover img{width:100%;max-width:380px;height:auto;box-shadow:0 22px 48px rgba(0,0,0,.6)}
.myst-info h1{font-size:clamp(2rem,1.3rem + 2.6vw,3.2rem);font-weight:500;margin:.1em 0 .2em}
.myst-by{color:var(--m-mute)}
.myst-cols{display:grid;gap:40px}
.myst-inside{padding-left:1.1em}.myst-inside li{margin:.5em 0}.myst-inside li::marker{color:var(--m-brass)}
.myst-closer{font-style:italic;color:var(--m-brass2)}
.myst-details{display:grid;grid-template-columns:auto 1fr;gap:.5em 1.2em;margin:0}
.myst-details dt{color:var(--m-mute);font-size:.88rem;text-transform:uppercase;letter-spacing:.08em}.myst-details dd{margin:0}
.myst-dockside .myst-hero,.myst-dockside .myst-product{background-image:none}
@media (min-width:860px){.myst-product{grid-template-columns:380px 1fr;align-items:start}.myst-cols{grid-template-columns:1.6fr 1fr}}
@media (max-width:600px){.myst-card{grid-template-columns:110px 1fr;gap:16px}.myst-card h3{font-size:1.2rem}}
/* Home page teaser (kids' homepage): a quiet, clearly separate band */
.myst-feature{background:#14161D;color:#E9E4D8;padding:56px 0;border-top:3px solid #C9A45C}
.myst-feature-inner{display:grid;gap:32px;align-items:center}
.myst-feature h2{color:#F6F0E2;font-size:clamp(1.7rem,1.2rem + 1.6vw,2.4rem);font-weight:500;margin:.1em 0 .4em}
.myst-feature .myst-kicker{color:#C9A45C}
.myst-feature-covers{list-style:none;margin:0;padding:0;display:flex;gap:22px;justify-content:center;align-items:flex-end}
.myst-feature-covers img{width:170px;height:auto;box-shadow:0 14px 30px rgba(0,0,0,.55)}
@media (min-width:860px){.myst-feature-inner{grid-template-columns:1.2fr 1fr}}
@media (max-width:600px){.myst-feature-covers img{width:130px}}
/* ---------- Mystery atmosphere (home band, /mysteries/ hero, book page heads). CSS + inline SVG only. ---------- */
.myst-atmos{position:relative;isolation:isolate;overflow:hidden;z-index:1;
  background:
    radial-gradient(ellipse 60% 70% at 78% 38%,rgba(228,201,140,.16),rgba(228,201,140,.05) 45%,transparent 70%),
    radial-gradient(ellipse 40% 55% at 12% 0,rgba(201,164,92,.10),transparent 70%),
    linear-gradient(180deg,#1B1E27 0%,#14161D 55%,#0E1015 100%)}
.myst-atmos::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 120% 100% at 50% 40%,transparent 55%,rgba(0,0,0,.55) 100%)}
.myst-atmos>:not(.myst-decor){position:relative;z-index:1}
.myst-decor{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.myst-scene{position:absolute;left:0;bottom:0;width:100%;height:100%;max-height:360px;display:block}
.myst-feature.myst-atmos{border-top:1px solid #C9A45C;box-shadow:inset 0 3px 0 #14161D,inset 0 4px 0 rgba(201,164,92,.55)}
.myst-feature.myst-atmos .myst-feature-covers li{position:relative}
.myst-feature.myst-atmos .myst-feature-covers img{box-shadow:0 0 0 1px rgba(201,164,92,.35),0 18px 40px rgba(0,0,0,.65)}
.myst-hero.myst-atmos{border-bottom:1px solid rgba(201,164,92,.45);padding-bottom:72px}
.myst-head.myst-atmos{padding-bottom:48px;border-bottom:1px solid rgba(201,164,92,.45);margin-bottom:8px}
.myst-head.myst-atmos .myst-product{background-image:none}
@media (max-width:600px){.myst-atmos{background:radial-gradient(ellipse 90% 45% at 50% 78%,rgba(228,201,140,.14),transparent 70%),linear-gradient(180deg,#1B1E27,#14161D 55%,#0E1015)}}
@media print{.myst-decor{display:none}}
.myst-atmos::before{content:"";position:absolute;left:0;right:0;top:10px;height:5px;z-index:-1;pointer-events:none;border-top:1px solid rgba(201,164,92,.45);border-bottom:1px solid rgba(201,164,92,.22)}
@media (max-width:600px){.myst-scene{height:62%}}
.genre-mysteries .myst-head .crumbs{padding-top:0;margin-top:30px}