/* کلیسای حیات نو — شیوه‌نامهٔ مشترک همهٔ صفحه‌ها */
@font-face{font-family:"Vazirmatn";src:url("vazirmatn.woff2") format("woff2");font-weight:100 900;font-display:swap}

:root{
  /* رنگ‌ها از لوگوی حیات نو: بنفش #4B2665 */
  --night:#2B1641; --night-2:#381D54; --night-3:#4B2665;
  --dawn:#F2B544; --dawn-hi:#F7C766; --dawn-soft:#FBEDCB;
  --firoozeh:#5E2F86; --firoozeh-soft:#F1EAF6;
  --bg:#F7F5FA; --surface:#FFFFFF; --sunk:#EFEBF4;
  --ink:#221A2E; --muted:#5F566E; --line:#E2DCEA;
  --on-night:#F3EEF8; --on-night-muted:#C5B8D6;
  --max:72rem; --text:42rem; --r:.7rem;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --night:#1A0E28; --night-2:#251538; --night-3:#33204B;
    --bg:#140C20; --surface:#1E142E; --sunk:#180F26; --ink:#EEE8F5; --muted:#B2A6C4; --line:#3A2B52;
    --firoozeh:#CDA8EE; --firoozeh-soft:#2C1E42; --dawn-soft:#3A2F1C;
  }
}
:root[data-theme="dark"]{
  --night:#1A0E28; --night-2:#251538; --night-3:#33204B;
  --bg:#140C20; --surface:#1E142E; --sunk:#180F26; --ink:#EEE8F5; --muted:#B2A6C4; --line:#3A2B52;
  --firoozeh:#CDA8EE; --firoozeh-soft:#2C1E42; --dawn-soft:#3A2F1C;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:5rem}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Vazirmatn",Tahoma,"Segoe UI",sans-serif;
  font-size:1.0625rem;line-height:1.95}
img{max-width:100%;height:auto}
a{color:var(--firoozeh);text-underline-offset:.25em}
:focus-visible{outline:3px solid var(--dawn);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{line-height:1.4;margin:0 0 .55em;font-weight:800}
h2{font-size:clamp(1.45rem,3vw,1.9rem)}
h3{font-size:1.15rem}
p{margin:0 0 1em}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:1rem}
@media (min-width:600px){.wrap{padding-inline:1.5rem}}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.muted{color:var(--muted)}
.skip{position:absolute;inset-inline-start:-999px;top:.5rem}
.skip:focus{inset-inline-start:.5rem;z-index:50;background:var(--surface);color:var(--ink);padding:.5rem 1rem}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- header ---------- */
.top{position:sticky;top:0;z-index:20;background:var(--night);color:var(--on-night);box-shadow:0 1px 0 rgba(255,255,255,.06)}
.top .wrap{display:flex;align-items:center;gap:.75rem;min-height:4rem}
.brand{display:flex;align-items:center;gap:.55rem;color:inherit;text-decoration:none;font-weight:800;font-size:1.2rem;white-space:nowrap}
.brand img{width:42px;height:42px;flex:none;display:block;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.9)}
.nav{margin-inline-start:auto;display:flex;gap:.15rem;align-items:center}
.nav a{color:var(--on-night);text-decoration:none;padding:.35rem .7rem;border-radius:.45rem;font-size:.97rem}
.nav a:hover{background:rgba(255,255,255,.08)}
.nav a[aria-current="page"]{color:var(--dawn)}
.nav .cta{background:var(--dawn);color:#1E1A0C;font-weight:700;margin-inline-start:.35rem}
.nav .cta:hover{background:var(--dawn-hi)}
.menu-btn{display:none;margin-inline-start:auto;align-items:center;gap:.4rem;background:none;color:inherit;font:inherit;
  border:1px solid rgba(255,255,255,.28);padding:.3rem .8rem;border-radius:.45rem;cursor:pointer}
.menu-btn svg{width:18px;height:18px}
@media (max-width:860px){
  .menu-btn{display:inline-flex}
  .nav{display:none;position:absolute;top:100%;inset-inline:0;flex-direction:column;align-items:stretch;gap:0;
    background:var(--night);padding:.25rem 1rem 1rem;border-top:1px solid rgba(255,255,255,.08)}
  .nav.open{display:flex}
  .nav a{padding:.8rem .25rem;border-radius:0;border-bottom:1px solid rgba(255,255,255,.07)}
  .nav .cta{margin:.8rem 0 0;text-align:center;border:0;border-radius:999px}
}

/* ---------- night sky (shared by hero and page heads) ---------- */
.sky{position:relative;overflow:hidden;color:var(--on-night);
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.055' stroke-width='1'%3E%3Cpath d='M48 14 58 38 82 48 58 58 48 82 38 58 14 48 38 38Z'/%3E%3Cpath d='M24 24h48v48H24z' transform='rotate(45 48 48)'/%3E%3Cpath d='M24 24h48v48H24z'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(180deg,var(--night) 0%,var(--night-2) 65%,var(--night-3) 100%)}
.sky a{color:var(--on-night)}

/* ---------- home hero ---------- */
.hero{padding:clamp(3.25rem,9vw,6.5rem) 0 clamp(8.5rem,19vw,13.5rem)}
.hero h1{font-size:clamp(2.35rem,7.4vw,4.6rem);font-weight:900;letter-spacing:-.012em;line-height:1.25;max-width:17ch;text-wrap:balance;margin-bottom:.4em}
.hero p{font-size:clamp(1.05rem,2.3vw,1.28rem);color:var(--on-night-muted);max-width:33rem}
.sun{position:absolute;inset-inline:0;bottom:0;clip-path:inset(-100vh -100vw 0 -100vw);height:clamp(7.5rem,18vw,12.5rem);pointer-events:none;
  background:radial-gradient(45% 95% at 50% 100%,rgba(242,181,68,.42),rgba(242,181,68,0) 72%)}
.sun svg{position:absolute;left:50%;bottom:-1px;width:min(920px,150vw);height:auto;transform:translateX(-50%)}
@media (prefers-reduced-motion:no-preference){
  .hero .sun svg{animation:rise 2.6s cubic-bezier(.2,.7,.2,1) both}
  @keyframes rise{from{transform:translate(-50%,40%);opacity:.15}to{transform:translate(-50%,0);opacity:1}}
}

/* ---------- page head (inner pages) ---------- */
.page-head{padding:clamp(2.2rem,6vw,3.6rem) 0 clamp(3.4rem,8vw,4.8rem)}
.page-head h1{font-size:clamp(1.8rem,5vw,2.9rem);font-weight:900;margin:0;max-width:24ch;text-wrap:balance}
.page-head .lead{color:var(--on-night-muted);margin:.6rem 0 0;max-width:38rem;font-size:1.06rem}
.page-head::after{content:"";position:absolute;inset-inline:0;bottom:0;height:3.2rem;
  background:radial-gradient(60% 100% at 50% 100%,rgba(242,181,68,.38),rgba(242,181,68,0) 70%)}
.page-head .arc{position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);width:min(360px,80vw);height:auto;z-index:1}
.crumbs{font-size:.9rem;color:var(--on-night-muted);margin-bottom:.6rem}
.crumbs a{color:var(--on-night-muted);text-decoration:none}
.crumbs a:hover{color:var(--on-night)}
.crumbs span[aria-hidden]{margin:0 .4rem;opacity:.6}

/* ---------- buttons ---------- */
.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.6rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;font-weight:700;
  padding:.72rem 1.35rem;border-radius:999px;font-size:1rem;line-height:1.5;border:1.5px solid transparent;cursor:pointer;font-family:inherit}
.btn svg{width:18px;height:18px;flex:none}
.btn-dawn{background:var(--dawn);color:#1E1A0C}
.btn-dawn:hover{background:var(--dawn-hi)}
.btn-ghost{color:var(--on-night);border-color:rgba(238,240,248,.45)}
.btn-ghost:hover{border-color:var(--on-night)}
.btn-teal{background:var(--firoozeh);color:var(--surface)}
.btn-teal:hover{filter:brightness(1.08)}
.btn-line{color:var(--firoozeh);border-color:var(--firoozeh);background:transparent}
.btn-line:hover{background:var(--firoozeh-soft)}

/* ---------- sections ---------- */
.block{padding:clamp(2.75rem,7vw,4.75rem) 0}
.block.tight{padding-top:clamp(1.75rem,4vw,2.5rem)}
.head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem 1rem;flex-wrap:wrap;margin-bottom:1.1rem}
.head h2{margin:0}
.head a{font-weight:700;text-decoration:none}
.prose{max-width:var(--text)}
.prose h2{margin-top:2.2em}
.prose h3{margin-top:1.8em;color:var(--ink)}
.prose ul,.prose ol{padding-inline-start:1.3em;margin:0 0 1.2em}
.prose li{margin-bottom:.35em}
.refs{font-size:.92rem;color:var(--muted);margin-top:-.5em}

/* ---------- sermon list ---------- */
.list{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.list li{border-bottom:1px solid var(--line)}
.list a{display:grid;grid-template-columns:auto 1fr auto;gap:.9rem;align-items:center;padding:.95rem 0;color:var(--ink);text-decoration:none}
.list a:hover .t{color:var(--firoozeh)}
.play{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--firoozeh-soft);color:var(--firoozeh);display:grid;place-items:center;flex:none}
.play svg{width:15px;height:15px;margin-inline-end:-2px}
.play.audio svg{transform:none;margin:0}
.t{display:block;font-weight:700;font-size:1.05rem;line-height:1.65}
.s{display:block;color:var(--muted);font-size:.9rem}
.d{color:var(--muted);font-size:.9rem;white-space:nowrap;text-align:end}
@media (max-width:560px){.list a{grid-template-columns:auto 1fr}.d{grid-column:2;text-align:start;margin-top:-.55rem}}

/* ---------- year rail & search ---------- */
.years{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.5rem;padding:0;list-style:none}
.years a{display:block;padding:.35rem 1rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);
  color:var(--ink);text-decoration:none;font-weight:700}
.years a:hover{border-color:var(--firoozeh);color:var(--firoozeh)}
.years a[aria-current="page"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.search{position:relative;max-width:30rem;margin:0 0 1.25rem}
.search input{width:100%;font:inherit;padding:.7rem 2.8rem .7rem 1rem;border-radius:999px;border:1.5px solid var(--line);
  background:var(--surface);color:var(--ink)}
.search input:focus{outline:none;border-color:var(--firoozeh)}
.search svg{position:absolute;inset-inline-start:1rem;top:50%;width:18px;height:18px;transform:translateY(-50%);color:var(--muted)}
.count{color:var(--muted);font-size:.92rem;margin:0 0 .6rem}
.empty{padding:2rem 0;color:var(--muted)}

/* ---------- series ---------- */
.series{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:0 2rem;margin:0;padding:0;list-style:none}
.series li{border-top:1px solid var(--line)}
.series a{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0;text-decoration:none;color:var(--ink);font-weight:700}
.series a:hover{color:var(--firoozeh)}
.series small{color:var(--muted);font-weight:400;white-space:nowrap}

/* ---------- college ---------- */
.college{background:var(--firoozeh-soft)}
.college .wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
@media (max-width:820px){.college .wrap{grid-template-columns:1fr}}
.track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:.55rem}
.track li{aspect-ratio:1;display:grid;place-items:center;border-radius:.6rem;background:var(--surface);border:1px solid var(--line);
  font-weight:800;font-size:1.15rem;color:var(--firoozeh)}
.track li:last-child{background:var(--firoozeh);border-color:var(--firoozeh);color:var(--surface)}
.track-cap{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.88rem;margin-top:.6rem}

/* ---------- verse ---------- */
.verse{text-align:center}
.verse blockquote{margin:0 auto;max-width:38rem;font-size:clamp(1.22rem,3vw,1.65rem);font-weight:600;line-height:1.95}
.verse cite{display:block;font-style:normal;color:var(--muted);margin-top:.7rem;font-size:1rem}
.verse .actions{justify-content:center}

/* ---------- two invites ---------- */
.pair{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.pair>div{padding:clamp(2rem,5vw,3rem) 0}
.pair>div:first-child{padding-inline-end:clamp(1.5rem,4vw,3rem)}
.pair>div+div{border-inline-start:1px solid var(--line);padding-inline-start:clamp(1.5rem,4vw,3rem)}
.pair .links a{font-weight:700;text-decoration:none;margin-inline-end:1.2rem;white-space:nowrap}
@media (max-width:720px){.pair{grid-template-columns:1fr}.pair>div:first-child{padding-inline-end:0}
  .pair>div+div{border-inline-start:0;border-top:1px solid var(--line);padding-inline-start:0}}

/* ---------- sermon page ---------- */
.sermon{display:grid;grid-template-columns:minmax(0,1fr) 19rem;gap:clamp(1.5rem,4vw,3rem);align-items:start}
@media (max-width:900px){.sermon{grid-template-columns:1fr}}
.player{position:relative;aspect-ratio:16/9;background:#160B22;border-radius:var(--r);overflow:hidden}
.player video{width:100%;height:100%;display:block;background:#000}
.player.none{display:grid;place-items:center;text-align:center;color:var(--on-night);padding:1.5rem;
  background:radial-gradient(70% 90% at 50% 120%,rgba(242,181,68,.35),transparent 70%),linear-gradient(180deg,var(--night),var(--night-3))}
.player.none p{margin:.3rem 0 0;color:var(--on-night-muted);font-size:.95rem;max-width:26rem}
.player.none strong{font-size:1.1rem}
.meta{list-style:none;padding:0;margin:1.2rem 0 0;display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;color:var(--muted);font-size:.95rem}
.meta b{color:var(--ink);font-weight:700}
.side h2{font-size:1.05rem;margin-bottom:.6rem}
.dl{list-style:none;margin:0 0 1.8rem;padding:0;border-top:1px solid var(--line)}
.dl li{border-bottom:1px solid var(--line)}
.dl a{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;text-decoration:none;color:var(--ink)}
.dl a:hover b{color:var(--firoozeh)}
.dl svg{width:20px;height:20px;color:var(--firoozeh);flex:none}
.dl b{display:block;font-weight:700;line-height:1.5}
.dl small{display:block;color:var(--muted);font-size:.85rem;line-height:1.5}
.parts{list-style:none;margin:0 0 1.8rem;padding:0;counter-reset:p}
.parts li{border-bottom:1px solid var(--line)}
.parts a,.parts span{display:block;padding:.55rem 0;text-decoration:none;color:var(--ink);font-size:.95rem;line-height:1.6}
.parts a:hover{color:var(--firoozeh)}
.parts [aria-current]{color:var(--firoozeh);font-weight:700}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.5rem;border-top:1px solid var(--line);padding-top:1.2rem}
.pn a{text-decoration:none;color:var(--ink);display:block}
.pn a:hover b{color:var(--firoozeh)}
.pn small{display:block;color:var(--muted);font-size:.85rem}
.pn b{font-weight:700;font-size:.98rem;line-height:1.6}
.pn .next{text-align:end;grid-column:2}

/* ---------- people ---------- */
.person{display:grid;grid-template-columns:9rem 1fr;gap:1.6rem;align-items:start}
.person img{width:9rem;height:9rem;border-radius:50%;object-fit:cover;border:4px solid var(--surface);box-shadow:0 0 0 2px var(--dawn)}
@media (max-width:560px){.person{grid-template-columns:1fr}.person img{width:7.5rem;height:7.5rem}}
.pull{font-size:1.2rem;font-weight:700;color:var(--firoozeh);margin:1.6em 0 .6em}

/* ---------- steps (Meet Jesus) ---------- */
.steps{list-style:none;margin:1.5rem 0 2rem;padding:0;counter-reset:s}
.steps li{counter-increment:s;position:relative;padding:0 3.4rem 1.6rem 0;margin:0}
.steps li::before{content:counter(s,persian);position:absolute;inset-inline-start:0;top:0;width:2.4rem;height:2.4rem;border-radius:50%;
  display:grid;place-items:center;background:var(--dawn);color:#1E1A0C;font-weight:800}
.steps li::after{content:"";position:absolute;inset-inline-start:1.15rem;top:2.6rem;bottom:.4rem;width:2px;background:var(--line)}
.steps li:last-child::after{display:none}
.steps h3{margin:.2rem 0 .3rem}
.steps blockquote{margin:0;color:var(--muted)}
.steps cite{font-style:normal;font-size:.9rem;color:var(--firoozeh);font-weight:700}

/* ---------- notes, forms ---------- */
.note{background:var(--dawn-soft);border-inline-start:4px solid var(--dawn);padding:1rem 1.2rem;border-radius:.35rem;margin:0 0 1.5rem}
.note p:last-child{margin:0}
.form{display:grid;gap:1rem;max-width:34rem}
.form label{display:block;font-weight:700;font-size:.95rem;margin-bottom:.3rem}
.form .opt{font-weight:400;color:var(--muted)}
.form input,.form textarea{width:100%;font:inherit;padding:.65rem .9rem;border-radius:.5rem;border:1.5px solid var(--line);background:var(--surface);color:var(--ink)}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--firoozeh)}
.form textarea{min-height:9rem;resize:vertical}
.form .hp{position:absolute;inset-inline-start:-9999px}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:560px){.form .row2{grid-template-columns:1fr}}

/* ---------- footer ---------- */
footer{background:var(--night);color:var(--on-night-muted);padding:3rem 0 2rem;font-size:.95rem;margin-top:0}
footer .wrap{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2rem}
footer h3{color:var(--on-night);font-size:1rem;margin-bottom:.5rem}
footer ul{list-style:none;margin:0;padding:0}
footer li{margin-bottom:.2rem}
footer a{color:var(--on-night-muted);text-decoration:none}
footer a:hover{color:var(--on-night)}
footer .copy{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:1.2rem;font-size:.85rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem}
.theme{background:none;border:1px solid rgba(255,255,255,.2);color:var(--on-night-muted);font:inherit;font-size:.85rem;padding:.15rem .8rem;border-radius:999px;cursor:pointer}
@media (max-width:820px){footer .wrap{grid-template-columns:1fr 1fr}}
@media (max-width:480px){footer .wrap{grid-template-columns:1fr}}

@media print{.top,footer,.sun,.actions,.side{display:none}.sky{background:none;color:#000}.page-head .lead{color:#333}}

/* audio-only player */
.listen{margin-top:1rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.listen p{margin:0 0 .4rem;font-size:.95rem}
.listen audio{width:100%;display:block}
.listen-err{margin:.4rem 0 0}

/* logo in footer */
.foot-logo{width:72px;height:72px;display:block;margin-bottom:.8rem}

/* topics (phase 2 demo) */
.chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:.8rem 0 0}
.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .85rem;border-radius:999px;background:var(--firoozeh-soft);
  color:var(--firoozeh);text-decoration:none;font-weight:700;font-size:.92rem;border:1px solid transparent}
.chip:hover{border-color:var(--firoozeh)}
.chip small{font-weight:400;color:var(--muted)}
.chips.big .chip{font-size:1rem;padding:.45rem 1.05rem}
.topics-home{background:var(--surface);border-bottom:1px solid var(--line)}
.about{margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--line)}
.about h2,.related h2{font-size:1.15rem;margin-bottom:.5rem}
.about p{margin-bottom:.4rem}
.about .refs{margin-top:.9rem}
.related{margin-top:2.2rem}
.ticks{list-style:none;padding:0;margin:0 0 .5rem}
.ticks li{position:relative;padding-inline-start:1.6rem;margin-bottom:.35rem}
.ticks li::before{content:"";position:absolute;inset-inline-start:0;top:.75em;width:.8rem;height:.45rem;
  border-inline-start:2.5px solid var(--firoozeh);border-bottom:2.5px solid var(--firoozeh);transform:translateY(-60%) rotate(-45deg)}

/* quality chooser */
.watch{display:grid;gap:.7rem}
.watch .listen{margin-top:0}
.listen.main{padding:1rem}
.qbar{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.qlabel{color:var(--muted);font-size:.92rem;margin-inline-end:.2rem}
.qbar button{font:inherit;font-size:.92rem;padding:.3rem .85rem;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}
.qbar button small{color:var(--muted);font-size:.8rem}
.qbar button:hover{border-color:var(--firoozeh)}
.qbar button[aria-pressed="true"]{background:var(--firoozeh);border-color:var(--firoozeh);color:var(--surface)}
.qbar button[aria-pressed="true"] small{color:inherit;opacity:.85}
.ask{padding:1rem 1.1rem;border-radius:var(--r);background:var(--dawn-soft);border:1px solid var(--dawn)}
.ask p{margin:0 0 .7rem}
.ask-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.5rem}
.ask-opts button{font:inherit;text-align:start;padding:.65rem .9rem;border-radius:.6rem;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}
.ask-opts button:hover{border-color:var(--firoozeh)}
.ask-opts b{display:block}
.ask-opts small{display:block;color:var(--muted);font-size:.85rem}
.zips{margin:-.8rem 0 1.8rem}
.zips summary{cursor:pointer;color:var(--muted);font-size:.92rem;padding:.4rem 0}
.zips[open] summary{margin-bottom:.3rem}
.zips .dl{margin-bottom:0}

/* newsletter + social */
footer .wrap{grid-template-columns:1.4fr repeat(4,1fr)}
@media (max-width:980px){footer .wrap{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:620px){footer .wrap{grid-template-columns:1fr 1fr}}
@media (max-width:420px){footer .wrap{grid-template-columns:1fr}}
footer .wrap.newsbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2.5rem;
  padding-bottom:2rem;margin-bottom:2.2rem;border-bottom:1px solid rgba(255,255,255,.1)}
.newsbar h3{font-size:1.15rem;margin:0 0 .2rem}
.newsbar p{margin:0}
.newsbar>div{min-width:0}
.newsbar>div:last-child{flex:1 1 18rem;max-width:30rem}
.newsbar .small{font-size:.82rem;margin-top:.5rem;color:var(--on-night-muted)}
.news-form{display:flex;gap:.5rem}
.news-form input[type=email]{flex:1;min-width:0;width:100%;font:inherit;padding:.65rem 1rem;border-radius:999px;border:1.5px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.08);color:var(--on-night);text-align:left}
.news-form input[type=email]::placeholder{color:var(--on-night-muted)}
.news-form input[type=email]:focus{outline:none;border-color:var(--dawn)}
.news-form .btn{flex:none}
.social{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0}
.social li{margin:0}
.soc{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;color:#fff;background:#6B5B7B;transition:transform .15s}
.soc svg{width:21px;height:21px}
.soc:hover{transform:translateY(-2px)}
.soc-telegram{background:#26A5E4}
.soc-youtube{background:#FF0000}
.soc-facebook{background:#1877F2}
.soc-instagram{background:radial-gradient(circle at 30% 107%,#FDF497 0%,#FDF497 5%,#FD5949 45%,#D6249F 60%,#285AEB 90%)}
.soc-website{background:var(--firoozeh)}
.social.labeled{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.6rem}
.social.labeled .soc{display:flex;align-items:center;width:auto;height:auto;gap:.75rem;padding:.55rem 1rem .55rem .6rem;border-radius:999px;color:#fff;text-decoration:none;font-weight:700}
.social.labeled .soc svg{width:24px;height:24px;flex:none}
.social.labeled .soc span{color:#fff}
.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[hidden]{display:none!important}

/* pastor band */
.pastor{background:var(--surface);border-bottom:1px solid var(--line);padding:clamp(2.5rem,6vw,4rem) 0}
.pastor .wrap{display:grid;grid-template-columns:auto 1fr;gap:clamp(1.5rem,5vw,3.5rem);align-items:center}
.pastor-photo{margin:0;width:clamp(11rem,24vw,16rem);aspect-ratio:1;border-radius:50%;padding:6px;
  background:conic-gradient(from 200deg,var(--dawn),#F7D58A,var(--dawn),#C98A1C,var(--dawn));box-shadow:0 0 0 10px var(--dawn-soft)}
.pastor-photo img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;background:var(--night)}
.pastor-role{color:var(--firoozeh);font-weight:700;margin:0 0 .2rem}
.pastor h2{font-size:clamp(1.7rem,4vw,2.4rem);margin:0 0 .6rem}
.pastor blockquote{margin:0 0 .8rem;font-size:1.12rem;font-weight:600;line-height:1.9;color:var(--ink);max-width:40rem}
.pastor-text>p:not(.pastor-role){color:var(--muted);max-width:40rem}
.pastor .actions{margin-top:1rem}
@media (max-width:700px){.pastor .wrap{grid-template-columns:1fr;justify-items:center;text-align:center}.pastor .actions{justify-content:center}.pastor blockquote,.pastor-text>p{margin-inline:auto}}

/* slideshow */
.slideshow{position:relative;aspect-ratio:16/9;max-height:70vh;border-radius:var(--r);overflow:hidden;background:#140C20}
.slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .8s ease;pointer-events:none}
.slide.on{opacity:1;pointer-events:auto}
.slide img{width:100%;height:100%;object-fit:cover;display:block}
.slide figcaption{position:absolute;inset-inline:0;bottom:0;padding:2.5rem 1.2rem 2.6rem;background:linear-gradient(transparent,rgba(20,12,32,.85));color:#fff;font-weight:700}
.slide figcaption a{color:#fff;text-decoration:none}
.sl-prev,.sl-next{position:absolute;top:50%;transform:translateY(-50%);width:2.8rem;height:2.8rem;border-radius:50%;border:0;background:rgba(20,12,32,.55);color:#fff;font-size:1.8rem;line-height:1;cursor:pointer}
.sl-prev{inset-inline-start:.8rem}.sl-next{inset-inline-end:.8rem}
.sl-prev:hover,.sl-next:hover{background:rgba(20,12,32,.8)}
.sl-dots{position:absolute;bottom:.8rem;inset-inline:0;display:flex;justify-content:center;gap:.4rem;flex-wrap:wrap;padding:0 1rem}
.sl-dots button{width:.6rem;height:.6rem;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.45);cursor:pointer}
.sl-dots button[aria-current]{background:var(--dawn);width:1.6rem;border-radius:999px}
@media (prefers-reduced-motion:reduce){.slide{transition:none}}
@media (max-width:600px){.slideshow{aspect-ratio:4/3}}

/* albums & photos */
.albums{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.2rem}
.albums a{display:block;text-decoration:none;color:var(--ink)}
.albums img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);display:block;margin-bottom:.6rem;background:var(--sunk)}
.albums b{display:block;font-size:1.05rem}
.albums small{color:var(--muted)}
.albums a:hover b{color:var(--firoozeh)}
.photos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.5rem}
.photos a{display:block}
.photos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:.5rem;display:block;background:var(--sunk)}
.photos a:hover img{filter:brightness(1.08)}
.lightbox{padding:0;border:0;background:rgba(10,6,18,.95);color:#fff;width:100vw;height:100vh;max-width:none;max-height:none}
.lightbox::backdrop{background:rgba(10,6,18,.95)}
.lightbox figure{margin:0;height:100%;display:grid;place-items:center;padding:3.5rem 1rem 4rem}
.lightbox img{max-width:100%;max-height:calc(100vh - 8rem);object-fit:contain}
.lightbox figcaption{position:fixed;bottom:1rem;inset-inline:1rem;text-align:center}
.lightbox .lb-x,.lightbox .lb-p,.lightbox .lb-n{position:fixed;border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:50%;width:2.8rem;height:2.8rem;font-size:1.6rem;cursor:pointer}
.lightbox .lb-x{top:1rem;inset-inline-end:1rem}
.lightbox .lb-p{top:50%;inset-inline-start:1rem}
.lightbox .lb-n{top:50%;inset-inline-end:1rem}

/* audiobooks */
.books{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1rem}
.books a{display:flex;gap:1rem;align-items:center;padding:.8rem;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);text-decoration:none;color:var(--ink)}
.books a:hover{border-color:var(--firoozeh)}
.books b{display:block;font-size:1.05rem}
.books small{display:block;color:var(--muted)}
.cover{width:6rem;height:6rem;border-radius:.6rem;object-fit:cover;flex:none;display:block}
.cover.gen{display:grid;place-items:end center;position:relative;overflow:hidden;background:linear-gradient(160deg,var(--night-3),var(--night));color:#fff;text-align:center;padding:.4rem}
.cover.gen svg{position:absolute;inset:0;width:100%;height:100%;opacity:.9}
.cover.gen b{position:relative;font-size:.72rem;line-height:1.5;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.cover.big{width:100%;height:auto;aspect-ratio:1;max-width:18rem}
.cover.gen.big b{font-size:1.2rem;padding:0 .6rem 1rem}
.book{display:grid;grid-template-columns:18rem minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}
@media (max-width:820px){.book{grid-template-columns:1fr}.book-side{display:grid;grid-template-columns:8rem 1fr;gap:1rem;align-items:start}.cover.big{max-width:8rem}.cover.gen.big b{font-size:.8rem}}
.book-player{position:sticky;top:5rem}
.book-player audio{width:100%;margin:.4rem 0 .6rem}
.now{font-size:.98rem}
.tracks{list-style:none;margin:.6rem 0 0;padding:0;border-top:1px solid var(--line);max-height:60vh;overflow:auto}
.book-player .tracks{position:static}
.tracks li{display:flex;align-items:center;border-bottom:1px solid var(--line)}
.tracks button{flex:1;display:flex;align-items:center;gap:.8rem;text-align:start;background:none;border:0;font:inherit;color:var(--ink);padding:.65rem .2rem;cursor:pointer}
.tracks button:hover .tt{color:var(--firoozeh)}
.tracks .n{width:1.8rem;height:1.8rem;border-radius:50%;display:grid;place-items:center;background:var(--firoozeh-soft);color:var(--firoozeh);font-size:.82rem;font-weight:700;flex:none}
.tracks li.on .n{background:var(--firoozeh);color:var(--surface)}
.tracks li.on .tt{font-weight:800;color:var(--firoozeh)}
.tracks small{margin-inline-start:auto;color:var(--muted);font-size:.82rem}
.tracks .dlx{padding:.5rem;color:var(--muted)}
.tracks .dlx svg{width:18px;height:18px;display:block}
.tracks.static li{gap:.8rem;padding:.55rem .2rem}
.btn.small{padding:.35rem 1rem;font-size:.92rem}

/* most viewed */
.popular{padding-bottom:0}
.pop{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.8rem}
.pop a{display:flex;gap:.8rem;align-items:flex-start;height:100%;padding:1rem;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);text-decoration:none;color:var(--ink)}
.pop a:hover{border-color:var(--firoozeh)}
.pop b{display:block;line-height:1.6}
.pop small{display:block;color:var(--muted);font-size:.85rem}
.pop .views{color:var(--firoozeh);font-weight:700;margin-top:.3rem}
/* v7.1 زیرمنو و زیرصفحه‌ها */
.nav .dd{position:relative;display:flex;align-items:center}
.nav .dd-t{background:none;border:0;color:inherit;width:1.4rem;height:2rem;padding:0;margin-inline-start:-.55rem;cursor:pointer;border-radius:.35rem}
.nav .dd-t::before{content:"";display:inline-block;width:.38rem;height:.38rem;border:solid currentColor;border-width:0 0 2px 2px;transform:translateY(-2px) rotate(-45deg);opacity:.75;transition:transform .15s}
.nav .sub{display:none;position:absolute;top:100%;inset-inline-start:0;min-width:14rem;flex-direction:column;background:var(--night);border:1px solid rgba(255,255,255,.1);border-radius:.6rem;padding:.35rem;box-shadow:0 14px 34px rgba(0,0,0,.35);z-index:30}
.nav .sub a{white-space:nowrap;padding:.5rem .7rem}
.nav .dd:hover .sub,.nav .dd:focus-within .sub,.nav .dd.open .sub{display:flex}
@media (max-width:860px){
  .nav .dd{flex-wrap:wrap;align-items:stretch}
  .nav .dd>a{flex:1}
  .nav .dd-t{width:3rem;height:auto;margin:0;border-bottom:1px solid rgba(255,255,255,.07);border-radius:0}
  .nav .sub{position:static;width:100%;min-width:0;background:rgba(255,255,255,.04);border:0;border-radius:0;padding:0;box-shadow:none}
  .nav .dd:hover .sub,.nav .dd:focus-within .sub{display:none}
  .nav .dd.open .sub{display:flex}
  .nav .sub a{padding-inline-start:1.4rem;font-size:.93rem;white-space:normal}
}
.nav .dd.open .dd-t::before{transform:translateY(1px) rotate(135deg)}
.subpages-wrap{padding-top:0}
.subpages-wrap h2{font-size:1.15rem;margin:0 0 .8rem}
.subpages{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.8rem}
.subpages a{display:block;height:100%;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:var(--r,.8rem);background:var(--surface);color:var(--ink);text-decoration:none;transition:border-color .15s}
.subpages a:hover{border-color:var(--firoozeh)}
.subpages b{display:block}
.subpages span{display:block;margin-top:.3rem;font-size:.9rem;color:var(--muted);line-height:1.7}
.page-head h1 .jy{font-size:.5em;font-weight:500;opacity:.75;white-space:nowrap}
/* v8 واتس‌اپ */
.wa{list-style:none;margin:.8rem 0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}
.wa-btn{display:inline-flex;align-items:center;gap:.65rem;padding:.55rem 1.1rem .55rem .7rem;border-radius:999px;background:#25D366;color:#06301A;text-decoration:none;line-height:1.35}
.wa-btn:hover{background:#1FBE5B}
.wa-btn svg{width:1.6rem;height:1.6rem;flex:none}
.wa-btn>span{display:flex;flex-direction:column}
.wa-btn b{font-size:.92rem}
.wa-btn .ltr{font-size:.85rem;direction:ltr;unicode-bidi:isolate}
.prose .wa-btn{text-decoration:none;color:#06301A}
footer .wa{margin-top:1rem}
.wa-float{position:fixed;bottom:1rem;inset-inline-end:1rem;z-index:40}
a.wa-float,.wa-float>summary{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:50%;background:#25D366;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.25);cursor:pointer;list-style:none}
.wa-float>summary::-webkit-details-marker{display:none}
a.wa-float svg,.wa-float>summary svg{width:1.9rem;height:1.9rem}
.wa-pop{position:absolute;bottom:4.1rem;inset-inline-end:0;width:min(18rem,calc(100vw - 2rem));background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:1rem;padding:.9rem;box-shadow:0 14px 34px rgba(0,0,0,.25)}
.wa-pop p{margin:0 0 .4rem;font-size:.9rem;color:var(--muted)}
.wa-pop .wa{flex-direction:column;margin:0}
.wa-pop .wa-btn{width:100%}
@media print{.wa-float{display:none}}
/* v9 واتس‌اپ با موضوع */
.wa-form{display:flex;flex-direction:column;gap:.55rem}
.wa-form fieldset{border:0;margin:0;padding:0}
.wa-form legend{font-weight:700;margin-bottom:.45rem;padding:0}
.wa-ts{display:flex;flex-direction:column;gap:.3rem;max-height:min(46vh,22rem);overflow:auto;padding-inline-end:.2rem}
.wa-t{display:flex;align-items:center;gap:.55rem;padding:.45rem .65rem;border:1px solid var(--line);border-radius:.55rem;cursor:pointer;font-size:.93rem;line-height:1.5}
.wa-t:has(input:checked){border-color:#25D366;background:rgba(37,211,102,.1)}
.wa-t input{accent-color:#1FA855;flex:none}
.wa-n{font-size:.9rem;font-weight:700}.wa-n span{font-weight:400;color:var(--muted)}.wa-err{margin:.3rem 0 0;font-size:.88rem;font-weight:700;color:#B3261E}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .wa-err{color:#FF9E94}}:root[data-theme="dark"] .wa-err{color:#FF9E94}.wa-form input[aria-invalid=true]{border-color:#B3261E}
.wa-form input[name=n]{font:inherit;padding:.55rem .8rem;border-radius:.5rem;border:1.5px solid var(--line);background:var(--surface);color:var(--ink)}
.wa-form .wa-btn{border:0;cursor:pointer;font:inherit;justify-content:center;width:100%}
.wa-form .wa-btn>span>span{font-size:.8rem;opacity:.85}
.prose .wa-form{max-width:30rem}
.prose .wa-ts{max-height:none}
.wa-pop{width:min(21rem,calc(100vw - 2rem))}
.wa-float.nobtn>summary{display:none}
.wa-float.nobtn .wa-pop{bottom:0}
/* v10 برترین تعالیم */
.feat{display:inline-block;vertical-align:middle;font-size:.72rem;font-weight:700;padding:.05rem .5rem;border-radius:999px;background:var(--dawn-soft);color:#7A5300;margin-inline-start:.3rem}
:root[data-theme="dark"] .feat{color:var(--dawn)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .feat{color:var(--dawn)}}
.sortbar{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 1rem;font-size:.92rem}
.sortbar span{color:var(--muted)}
.sortbar button{font:inherit;padding:.35rem .9rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}
.sortbar button[aria-pressed="true"]{background:var(--firoozeh);border-color:var(--firoozeh);color:var(--surface)}
.toplist{counter-reset:t}
/* v10 کالج: هویت جدا از حیات نو */
.college{--c1:#0B3A42;--c2:#11606B;background:linear-gradient(135deg,var(--c1),var(--c2));color:#F2F7F7;position:relative;overflow:hidden}
.college::before{content:"";position:absolute;inset:auto -6rem -8rem auto;width:22rem;height:22rem;border-radius:50%;background:radial-gradient(circle,rgba(242,181,68,.28),transparent 70%)}
.college .wrap{position:relative}
.college h2{color:#fff}
.college p,.college .muted{color:#D3E6E7}
.college a:not(.btn){color:#FFD978}
.college-tag{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 .6rem;padding:.3rem .85rem;border-radius:999px;background:rgba(242,181,68,.16);color:#FFD978 !important;font-weight:800;font-size:.9rem;border:1px solid rgba(242,181,68,.45)}
.college-tag svg{width:1.25rem;height:1.25rem}
.college .ticks li{color:#E8F2F2}
.college .ticks li::before{border-color:#F2B544}
.college .track li{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#FFE3A3}
.college .track li:last-child{background:#F2B544;border-color:#F2B544;color:#2A1C00}
.college .track-cap{color:#B9D3D5}
.btn-gold{background:#F2B544;color:#2A1C00}
.btn-gold:hover{background:#F7C766}
.college .btn-ghost{color:#fff;border-color:rgba(255,255,255,.5)}
/* v10 مجموعهٔ تازه */
.new-pill{display:inline-block;vertical-align:middle;padding:.15rem .7rem;border-radius:999px;background:var(--dawn);color:#2A1C00;font-size:.78rem;font-weight:800;letter-spacing:0;line-height:1.6}
h1 .new-pill{font-size:.4em;vertical-align:.35em}
.nav-new{display:inline-block;margin-inline-start:.35rem;padding:0 .4rem;border-radius:999px;background:var(--dawn);color:#2A1C00;font-size:.66rem;font-weight:800;line-height:1.5;vertical-align:.15em}
.show-band{background:var(--night);color:var(--on-night)}
.show-band .wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
@media (max-width:820px){.show-band .wrap{grid-template-columns:1fr}}
.show-band h2{color:#fff;margin:.5rem 0 .2rem}
.show-band .show-by{color:var(--dawn);font-weight:700;margin:0 0 .6rem}
.show-band p{color:var(--on-night-muted)}
.show-band .ep{background:var(--night-2);border-color:rgba(255,255,255,.1)}
.show-band .ep .ep-t{color:#fff}.show-band .ep .ep-s{color:var(--on-night-muted)}
.ep{display:flex;flex-direction:column;height:100%;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface);color:var(--ink);text-decoration:none;transition:transform .15s,border-color .15s}
.ep:hover{transform:translateY(-2px);border-color:var(--firoozeh)}
.ep-img{position:relative;display:block;aspect-ratio:16/9;background:var(--night-2)}
.ep-img img{width:100%;height:100%;object-fit:cover;display:block}
.ep-n{position:absolute;bottom:.5rem;inset-inline-start:.5rem;min-width:2rem;padding:.1rem .5rem;border-radius:.5rem;background:rgba(20,10,32,.82);color:#fff;font-weight:800;text-align:center}
.ep-t{display:block;padding:.75rem .9rem .2rem;font-weight:700;line-height:1.6}
.ep-s{display:block;padding:0 .9rem .9rem;font-size:.9rem;color:var(--muted);line-height:1.8}
.ep.big .ep-t{font-size:1.1rem}
.ep:not(.big) .ep-t{padding-bottom:.8rem;font-size:.95rem}
.eps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem}
.wrap.narrow{max-width:56rem}
.ep-meta{color:var(--muted);margin:0 0 1rem}
.yt-lite,.yt-frame{position:relative;display:block;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#000}
.yt-lite img{width:100%;height:100%;object-fit:cover;display:block;opacity:.92}
.yt-play{position:absolute;inset:0;margin:auto;width:4.4rem;height:4.4rem;border-radius:50%;background:rgba(242,181,68,.95);color:#2A1C00;display:grid;place-items:center}
.yt-play svg{width:1.8rem;height:1.8rem}
.yt-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.listen-t{display:flex;align-items:center;gap:.4rem;font-weight:700}
.listen-t svg{width:1.1rem;height:1.1rem}
.actions.dl{margin-top:1rem}
.ep-nav{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:2.5rem;padding-top:1.2rem;border-top:1px solid var(--line)}
.ep-nav a{text-decoration:none;font-weight:700;max-width:48%}
.show-band p.new-pill{color:#2A1C00;margin:0}
/* v10.3 منوی خودکار: اگر گزینه‌ها در یک خط جا نشوند، منو به دکمهٔ «منو» تبدیل می‌شود */
.top:not(.compact) .nav > a,.top:not(.compact) .nav .dd > a{white-space:nowrap}
.top.compact .menu-btn{display:inline-flex}
.top.compact .nav{display:none;position:absolute;top:100%;inset-inline:0;flex-direction:column;align-items:stretch;gap:0;background:var(--night);padding:.25rem 1rem 1rem;border-top:1px solid rgba(255,255,255,.08);max-height:calc(100vh - 4rem);overflow:auto}
.top.compact .nav.open{display:flex}
.top.compact .nav a{padding:.8rem .25rem;border-radius:0;border-bottom:1px solid rgba(255,255,255,.07)}
.top.compact .nav .cta{margin:.8rem 0 0;text-align:center;border:0;border-radius:999px}
.top.compact .nav .dd{flex-wrap:wrap;align-items:stretch}
.top.compact .nav .dd>a{flex:1}
.top.compact .nav .dd-t{width:3rem;height:auto;margin:0;border-bottom:1px solid rgba(255,255,255,.07);border-radius:0}
.top.compact .nav .sub{position:static;width:100%;min-width:0;background:rgba(255,255,255,.04);border:0;border-radius:0;padding:0;box-shadow:none}
.top.compact .nav .dd:hover .sub,.top.compact .nav .dd:focus-within .sub{display:none}
.top.compact .nav .dd.open .sub{display:flex}
.top.compact .nav .sub a{padding-inline-start:1.4rem;font-size:.93rem;white-space:normal}
.dl-h{font-size:1.1rem;margin:1.6rem 0 .6rem}
.top .wrap{max-width:min(100%,88rem)}
@media (min-width:861px){.top:not(.compact) .nav > a,.top:not(.compact) .nav .dd > a{padding:.35rem .5rem;font-size:.95rem}.top:not(.compact) .nav .dd-t{margin-inline-start:-.4rem}}
.show-watch .resume{margin:.9rem 0 0}
.ep-end{margin:1rem 0 0;font-weight:700}
.show-resume{margin:0 0 1.2rem}
.show-band .show-resume{margin:1rem 0 0}
.band-pl .band-media{background:#000}
.band-pl video{width:100%;aspect-ratio:16/9;display:block;background:#000}
.band-pl img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.band-pl audio{width:100%;display:block}
.band-pl a.ep-t{text-decoration:none}
.band-pl .ep-s a{color:var(--dawn)}
.yt-box{margin:0}
.yt-box[hidden]{display:none!important}
.qbar button[data-q="yt"]:not([aria-pressed="true"]) small{color:#C4302B}
/* v11 لوگوی کالج و مسیر ۱۴ مرحله‌ای */
.nav .cta{display:inline-flex;align-items:center;gap:.4rem}
.nav .cta img{width:28px;height:28px;margin:-.2rem 0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.top.compact .nav .cta{justify-content:center}
.college-logo{display:block;width:150px;height:150px;margin:0 0 .6rem;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}
@media (max-width:820px){.college-logo{width:120px;height:120px}}
.journey{position:relative;padding:1.2rem 1.6rem 0 1.6rem}
.jpath{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.jpath path{fill:none;stroke:#F2B544;stroke-width:3;stroke-linecap:round;stroke-dasharray:2 9;opacity:.85;animation:jflow 1.4s linear infinite}
@keyframes jflow{to{stroke-dashoffset:-22}}
@media (prefers-reduced-motion:reduce){.jpath path{animation:none}}
.jgrid{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:1.1rem .75rem}
.jgrid li{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.05rem;border-radius:.8rem;
  background:#0E4750;border:2px solid var(--c);color:var(--c);box-shadow:0 0 0 4px rgba(11,58,66,.9),0 6px 14px rgba(0,0,0,.25);text-align:center;line-height:1.2;transition:transform .15s}
.jgrid li:hover{transform:translateY(-3px)}
.jgrid li b{font-size:1.25rem;font-weight:800}
.jgrid li small{font-size:.68rem;color:#B9D3D5}
.jgrid .st-start,.jgrid .st-end{background:linear-gradient(160deg,#164f58,#0E4750)}
.jgrid .st-start .ic svg{width:1.5rem;height:1.5rem}
.jgrid .st-start b,.jgrid .st-end b{font-size:.68rem;font-weight:700;color:#fff}
.jgrid .st-end{background:linear-gradient(160deg,#F7C766,#F2B544);border-color:#FFE3A3}
.jgrid .st-end b{color:#2A1C00}
.jgrid .st-end img{width:62%;height:auto;margin-bottom:.05rem}
.college .track-cap{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem .6rem;margin:1.1rem 0 0;color:#D3E6E7;font-size:.9rem}
@media (max-width:480px){.journey{padding:1rem .9rem 0}.jgrid{gap:.8rem .4rem}.jgrid li{border-radius:.55rem}.jgrid li b{font-size:1rem}.jgrid li small{display:none}.jgrid .st-start b,.jgrid .st-end b{display:none}.jgrid .st-end img{width:78%}}
.jpath path{stroke-width:4;stroke-dasharray:7 7;opacity:1}
@keyframes jflow{to{stroke-dashoffset:-28}}
.jgrid{gap:1.4rem 1rem}
.jgrid li{box-shadow:0 0 0 3px rgba(11,58,66,.95),0 6px 14px rgba(0,0,0,.25)}
@media (max-width:480px){.jgrid{gap:1rem .5rem}}
/* v11.1 تبلت: مسیر کالج هیچ‌وقت از صفحه بیرون نمی‌زند، و منوی جمع‌شده روی تبلت کشویی و باریک است */
.jgrid{grid-template-columns:repeat(7,minmax(0,1fr))}
.jgrid li{min-width:0;overflow:hidden}
.jgrid .st-start b,.jgrid .st-end b{font-size:clamp(.55rem,1.1vw,.68rem);max-width:100%;overflow-wrap:anywhere}
@media (max-width:1180px){
  .college .wrap{grid-template-columns:1fr}
  .college .journey{max-width:40rem;width:100%;margin:0 auto}
}
@media (min-width:600px){
  .top.compact .nav,.top .nav.open{inset-inline:auto 1rem;inset-inline-start:auto;width:min(22rem,calc(100vw - 2rem));border:1px solid rgba(255,255,255,.12);border-radius:0 0 1rem 1rem;box-shadow:0 18px 40px rgba(0,0,0,.4)}
  .top.compact .nav a{padding:.6rem .4rem;font-size:.95rem}
  .top.compact .nav .cta{margin-top:.6rem}
}
@media (min-width:600px) and (max-width:860px){
  .nav{inset-inline:auto 1rem;width:min(22rem,calc(100vw - 2rem));border:1px solid rgba(255,255,255,.12);border-radius:0 0 1rem 1rem;box-shadow:0 18px 40px rgba(0,0,0,.4)}
  .nav a{padding:.6rem .4rem;font-size:.95rem}
}
/* v11.2 پانوراما */
.slide.pano img{position:absolute;top:0;left:0;width:auto;max-width:none;height:100%;object-fit:fill;transform:translateX(calc(-1 * var(--pan,0px)))}
@keyframes hnpan{from{transform:translateX(calc(-1 * var(--pan,0px)))}to{transform:translateX(0)}}
@media (prefers-reduced-motion:reduce){.slide.pano img{position:static;width:100%;object-fit:cover;transform:none}}
.lightbox.pano figure{overflow-x:auto;overflow-y:hidden;direction:ltr;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.lightbox.pano figure img{max-width:none;width:auto;height:min(82vh,1200px);max-height:none}
.lightbox.pano figcaption{position:sticky;left:0;direction:rtl}
.photos li.pano{grid-column:span 2;position:relative}
.photos li.pano img{aspect-ratio:auto;height:100%;object-fit:cover}
.pano-tag{position:absolute;top:.5rem;inset-inline-start:.5rem;padding:.1rem .55rem;border-radius:999px;background:rgba(20,12,32,.75);color:#fff;font-size:.75rem;pointer-events:none}
.lightbox.pano figure{display:block;padding:3.5rem 0 4rem}
.lightbox.pano figure img{display:block;margin:0}
.lightbox.pano figcaption{display:block;padding:.6rem 1rem;width:100vw;box-sizing:border-box;text-align:center}
.photos li.pano img{aspect-ratio:8/3;height:auto}
.lightbox.pano figure img{height:min(82vh,1200px,115vw)}
/* v11.3 اسلایدشو همیشه وسط صفحه؛ عنوان هم هم‌عرض خود اسلایدشو */
.shows .slideshow{width:min(100%,calc(70vh * 16 / 9));margin-inline:auto}
.shows .head{width:min(100%,calc(70vh * 16 / 9));margin-inline:auto}
@media (max-width:600px){.shows .slideshow,.shows .head{width:100%}}

/* v13.4 رنگ و بافت هر بخش صفحهٔ اول، متناسب با مفهوم آن */
.topics-home{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='%235E2F86' stroke='%235E2F86' stroke-opacity='0.1' fill-opacity='0.1' stroke-width='0' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='4' cy='4' r='1.6'/%3E%3Ccircle cx='16' cy='16' r='1.6'/%3E%3C/g%3E%3C/svg%3E"),#F8F4FC}
.top-home{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23B8862A' stroke-opacity='0.12' fill-opacity='0.12' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M40 22l5 9 9-4-4 9 9 5-9 5 4 9-9-4-5 9-5-9-9 4 4-9-9-5 9-5-4-9 9 4z'/%3E%3Ccircle cx='0' cy='0' r='2.5'/%3E%3Ccircle cx='80' cy='0' r='2.5'/%3E%3Ccircle cx='0' cy='80' r='2.5'/%3E%3Ccircle cx='80' cy='80' r='2.5'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,#FCF7EC,#FBF3E2)}
.books-home{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'%3E%3Cg fill='none' stroke='%235E2F86' stroke-opacity='0.1' fill-opacity='0.1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 44v-9a17 17 0 0 1 34 0v9'/%3E%3Crect x='11' y='42' width='9' height='14' rx='3'/%3E%3Crect x='46' y='42' width='9' height='14' rx='3'/%3E%3Cpath d='M84 120c9-5 18-5 27 0v-24c-9-5-18-5-27 0zM111 120c9-5 18-5 27 0v-24c-9-5-18-5-27 0z'/%3E%3Cpath d='M92 30v10M99 24v22M106 28v14M113 19v32M120 26v18M127 31v8'/%3E%3Cpath d='M30 128v-22l16-4v20'/%3E%3Ccircle cx='26' cy='128' r='4.5'/%3E%3Ccircle cx='42' cy='124' r='4.5'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(160deg,#F2EDFA,#ECF2FB)}
.gallery-home{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130' viewBox='0 0 130 130'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-opacity='0.06' fill-opacity='0.06' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='14' y='16' width='46' height='34' rx='2' transform='rotate%28-6 37 33%29'/%3E%3Crect x='19' y='21' width='36' height='24' transform='rotate%28-6 37 33%29'/%3E%3Crect x='86' y='74' width='30' height='40' rx='2' transform='rotate%285 101 94%29'/%3E%3Crect x='90' y='78' width='22' height='26' transform='rotate%285 101 94%29'/%3E%3Cpath d='M24 104l10-10 8 8 6-6 12 12'/%3E%3Ccircle cx='44' cy='90' r='3'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,var(--night),#1E1030);color:#F3EEF9}
.gallery-home .head h2{color:#fff}
.gallery-home .head a{color:var(--dawn)}
.series-home{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='90' viewBox='0 0 120 90'%3E%3Cg fill='none' stroke='%233E6B4F' stroke-opacity='0.08' fill-opacity='0.08' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 70h108'/%3E%3Crect x='12' y='30' width='9' height='40' rx='1'/%3E%3Crect x='23' y='38' width='8' height='32' rx='1'/%3E%3Crect x='33' y='26' width='11' height='44' rx='1'/%3E%3Cpath d='M48 70l7-38 8 2-7 36'/%3E%3Crect x='68' y='34' width='9' height='36' rx='1'/%3E%3Crect x='79' y='42' width='10' height='28' rx='1'/%3E%3Cpath d='M36 36h5M36 60h5'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,#EFF5F0,#E8F1EA)}
.verse{background:radial-gradient(ellipse 70% 90% at 50% 115%,rgba(242,181,68,.28),transparent 70%),repeating-conic-gradient(from 0deg at 50% 115%,rgba(242,181,68,.07) 0 4deg,transparent 4deg 12deg),#FFFBF2}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .topics-home{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='%23CDA8EE' stroke='%23CDA8EE' stroke-opacity='0.08' fill-opacity='0.08' stroke-width='0' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='4' cy='4' r='1.6'/%3E%3Ccircle cx='16' cy='16' r='1.6'/%3E%3C/g%3E%3C/svg%3E"),#191126}
  :root:not([data-theme="light"]) .top-home{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23F2B544' stroke-opacity='0.08' fill-opacity='0.08' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M40 22l5 9 9-4-4 9 9 5-9 5 4 9-9-4-5 9-5-9-9 4 4-9-9-5 9-5-4-9 9 4z'/%3E%3Ccircle cx='0' cy='0' r='2.5'/%3E%3Ccircle cx='80' cy='0' r='2.5'/%3E%3Ccircle cx='0' cy='80' r='2.5'/%3E%3Ccircle cx='80' cy='80' r='2.5'/%3E%3C/g%3E%3C/svg%3E"),#1C1522}
  :root:not([data-theme="light"]) .books-home{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'%3E%3Cg fill='none' stroke='%23CDA8EE' stroke-opacity='0.09' fill-opacity='0.09' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 44v-9a17 17 0 0 1 34 0v9'/%3E%3Crect x='11' y='42' width='9' height='14' rx='3'/%3E%3Crect x='46' y='42' width='9' height='14' rx='3'/%3E%3Cpath d='M84 120c9-5 18-5 27 0v-24c-9-5-18-5-27 0zM111 120c9-5 18-5 27 0v-24c-9-5-18-5-27 0z'/%3E%3Cpath d='M92 30v10M99 24v22M106 28v14M113 19v32M120 26v18M127 31v8'/%3E%3Cpath d='M30 128v-22l16-4v20'/%3E%3Ccircle cx='26' cy='128' r='4.5'/%3E%3Ccircle cx='42' cy='124' r='4.5'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(160deg,#1B1530,#141A2C)}
  :root:not([data-theme="light"]) .series-home{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='90' viewBox='0 0 120 90'%3E%3Cg fill='none' stroke='%239CC7AA' stroke-opacity='0.08' fill-opacity='0.08' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 70h108'/%3E%3Crect x='12' y='30' width='9' height='40' rx='1'/%3E%3Crect x='23' y='38' width='8' height='32' rx='1'/%3E%3Crect x='33' y='26' width='11' height='44' rx='1'/%3E%3Cpath d='M48 70l7-38 8 2-7 36'/%3E%3Crect x='68' y='34' width='9' height='36' rx='1'/%3E%3Crect x='79' y='42' width='10' height='28' rx='1'/%3E%3Cpath d='M36 36h5M36 60h5'/%3E%3C/g%3E%3C/svg%3E"),#131C17}
  :root:not([data-theme="light"]) .verse{background:radial-gradient(ellipse 70% 90% at 50% 115%,rgba(242,181,68,.13),transparent 70%),repeating-conic-gradient(from 0deg at 50% 115%,rgba(242,181,68,.04) 0 4deg,transparent 4deg 12deg),var(--bg)}
}
:root[data-theme="dark"] .topics-home{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='%23CDA8EE' stroke='%23CDA8EE' stroke-opacity='0.08' fill-opacity='0.08' stroke-width='0' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='4' cy='4' r='1.6'/%3E%3Ccircle cx='16' cy='16' r='1.6'/%3E%3C/g%3E%3C/svg%3E"),#191126}
:root[data-theme="dark"] .top-home{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23F2B544' stroke-opacity='0.08' fill-opacity='0.08' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M40 22l5 9 9-4-4 9 9 5-9 5 4 9-9-4-5 9-5-9-9 4 4-9-9-5 9-5-4-9 9 4z'/%3E%3Ccircle cx='0' cy='0' r='2.5'/%3E%3Ccircle cx='80' cy='0' r='2.5'/%3E%3Ccircle cx='0' cy='80' r='2.5'/%3E%3Ccircle cx='80' cy='80' r='2.5'/%3E%3C/g%3E%3C/svg%3E"),#1C1522}
:root[data-theme="dark"] .books-home{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'%3E%3Cg fill='none' stroke='%23CDA8EE' stroke-opacity='0.09' fill-opacity='0.09' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 44v-9a17 17 0 0 1 34 0v9'/%3E%3Crect x='11' y='42' width='9' height='14' rx='3'/%3E%3Crect x='46' y='42' width='9' height='14' rx='3'/%3E%3Cpath d='M84 120c9-5 18-5 27 0v-24c-9-5-18-5-27 0zM111 120c9-5 18-5 27 0v-24c-9-5-18-5-27 0z'/%3E%3Cpath d='M92 30v10M99 24v22M106 28v14M113 19v32M120 26v18M127 31v8'/%3E%3Cpath d='M30 128v-22l16-4v20'/%3E%3Ccircle cx='26' cy='128' r='4.5'/%3E%3Ccircle cx='42' cy='124' r='4.5'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(160deg,#1B1530,#141A2C)}
:root[data-theme="dark"] .series-home{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='90' viewBox='0 0 120 90'%3E%3Cg fill='none' stroke='%239CC7AA' stroke-opacity='0.08' fill-opacity='0.08' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 70h108'/%3E%3Crect x='12' y='30' width='9' height='40' rx='1'/%3E%3Crect x='23' y='38' width='8' height='32' rx='1'/%3E%3Crect x='33' y='26' width='11' height='44' rx='1'/%3E%3Cpath d='M48 70l7-38 8 2-7 36'/%3E%3Crect x='68' y='34' width='9' height='36' rx='1'/%3E%3Crect x='79' y='42' width='10' height='28' rx='1'/%3E%3Cpath d='M36 36h5M36 60h5'/%3E%3C/g%3E%3C/svg%3E"),#131C17}
:root[data-theme="dark"] .verse{background:radial-gradient(ellipse 70% 90% at 50% 115%,rgba(242,181,68,.13),transparent 70%),repeating-conic-gradient(from 0deg at 50% 115%,rgba(242,181,68,.04) 0 4deg,transparent 4deg 12deg),var(--bg)}

/* v13.5 گالری روشن‌تر؛ کادر دور هر مجموعهٔ تعلیمی */
.gallery-home{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130' viewBox='0 0 130 130'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-opacity='0.09' fill-opacity='0.09' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='14' y='16' width='46' height='34' rx='2' transform='rotate%28-6 37 33%29'/%3E%3Crect x='19' y='21' width='36' height='24' transform='rotate%28-6 37 33%29'/%3E%3Crect x='86' y='74' width='30' height='40' rx='2' transform='rotate%285 101 94%29'/%3E%3Crect x='90' y='78' width='22' height='26' transform='rotate%285 101 94%29'/%3E%3Cpath d='M24 104l10-10 8 8 6-6 12 12'/%3E%3Ccircle cx='44' cy='90' r='3'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,#6A4A88,#56376F)}
:root[data-theme="dark"] .gallery-home{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130' viewBox='0 0 130 130'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-opacity='0.09' fill-opacity='0.09' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='14' y='16' width='46' height='34' rx='2' transform='rotate%28-6 37 33%29'/%3E%3Crect x='19' y='21' width='36' height='24' transform='rotate%28-6 37 33%29'/%3E%3Crect x='86' y='74' width='30' height='40' rx='2' transform='rotate%285 101 94%29'/%3E%3Crect x='90' y='78' width='22' height='26' transform='rotate%285 101 94%29'/%3E%3Cpath d='M24 104l10-10 8 8 6-6 12 12'/%3E%3Ccircle cx='44' cy='90' r='3'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,#3A2552,#2C1B40)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .gallery-home{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130' viewBox='0 0 130 130'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-opacity='0.09' fill-opacity='0.09' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='14' y='16' width='46' height='34' rx='2' transform='rotate%28-6 37 33%29'/%3E%3Crect x='19' y='21' width='36' height='24' transform='rotate%28-6 37 33%29'/%3E%3Crect x='86' y='74' width='30' height='40' rx='2' transform='rotate%285 101 94%29'/%3E%3Crect x='90' y='78' width='22' height='26' transform='rotate%285 101 94%29'/%3E%3Cpath d='M24 104l10-10 8 8 6-6 12 12'/%3E%3Ccircle cx='44' cy='90' r='3'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,#3A2552,#2C1B40)}}
.series-home .series{gap:.8rem}
.series-home .series li{border:1px solid #CFE0D3;border-radius:.8rem;background:rgba(255,255,255,.78);box-shadow:0 1px 2px rgba(30,60,40,.06);transition:border-color .15s,box-shadow .15s,transform .15s}
.series-home .series li:hover{border-color:#3E6B4F;box-shadow:0 6px 16px rgba(30,60,40,.12);transform:translateY(-1px)}
.series-home .series a{padding:.9rem 1rem;align-items:center}
.series-home .series small{background:#E3EFE6;color:#2F5A40;border-radius:999px;padding:.1rem .6rem}
:root[data-theme="dark"] .series-home .series li{border-color:#2E4536;background:rgba(20,34,26,.75)}
:root[data-theme="dark"] .series-home .series small{background:#1F3328;color:#A9D3B6}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .series-home .series li{border-color:#2E4536;background:rgba(20,34,26,.75)}:root:not([data-theme="light"]) .series-home .series small{background:#1F3328;color:#A9D3B6}}
/* v14 صفحهٔ شبانان: ردیف عکس‌ها و بخش هر نفر */
.team{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 1.6rem;margin:0 0 2.5rem;padding:1.2rem;border-radius:1rem;background:var(--sunk)}
.team a{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:8.5rem;text-align:center;text-decoration:none;color:var(--ink)}
.team img{width:6.5rem;height:6.5rem;border-radius:50%;object-fit:cover;border:3px solid var(--surface);box-shadow:0 0 0 2px var(--dawn);transition:transform .15s,box-shadow .15s}
.team a:hover img,.team a:focus-visible img{transform:translateY(-3px);box-shadow:0 0 0 3px var(--firoozeh)}
.team b{font-size:.95rem;line-height:1.5}
.team small{color:var(--muted);font-size:.8rem;line-height:1.5}
.person-sec{scroll-margin-top:5rem;padding-bottom:1.5rem}
.person-sec+.person-sec{border-top:1px solid var(--line);padding-top:2.2rem;margin-top:1rem}
.person-role{color:var(--firoozeh);font-weight:700;margin:0 0 .2rem}
.to-top{font-size:.88rem;margin-top:1.2rem}
@media (max-width:560px){.team{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scroll-snap-type:x mandatory}.team a{flex:none;width:6.5rem;scroll-snap-align:start}.team img{width:5rem;height:5rem}}

/* ---- دکمهٔ پسندیدن ---- */
.like{display:flex;align-items:center;gap:.6rem;margin:1rem 0;direction:rtl}
.like-btn{position:relative;display:inline-grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:50%;border:2px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;padding:0;transition:color .2s,border-color .2s,background .2s,transform .15s}
.like-btn:hover{border-color:var(--dawn);color:#C2410C}.like-btn:active{transform:scale(.94)}
.like-ic{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;position:relative;z-index:1;transition:fill .2s}
.like-btn[aria-pressed=true]{color:#D6336C;border-color:var(--dawn);background:var(--dawn-soft)}.like-btn[aria-pressed=true] .like-ic{fill:currentColor}
.like-n{font-weight:800;min-width:1.5ch}
.like-halo,.like-sad{position:absolute;pointer-events:none;opacity:0}
.like-halo{inset:-.55rem;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 20%,var(--dawn) 45%,#FFF3C4 55%,transparent 75% 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));filter:drop-shadow(0 0 6px var(--dawn))}
.like-sad{font-size:1.7rem;line-height:1;inset-inline:0;top:0;text-align:center;margin:auto;height:100%;display:grid;place-items:center}
@media (prefers-reduced-motion:no-preference){
  .like.is-burst .like-halo{animation:likeHalo 1.7s ease-out forwards}
  .like.is-burst .like-ic{animation:likePop .6s ease-out}
  .like.is-sad .like-sad{animation:likeSad 1.7s ease-out forwards}
  .like.is-sad .like-ic{animation:likeGone 1.7s ease-in-out both}
}
@keyframes likeHalo{0%{opacity:0;transform:rotate(0) scale(.6)}15%{opacity:1;transform:rotate(120deg) scale(1)}70%{opacity:.9;transform:rotate(560deg) scale(1.15)}100%{opacity:0;transform:rotate(720deg) scale(1.35)}}
@keyframes likePop{0%{transform:scale(.7)}50%{transform:scale(1.3)}100%{transform:scale(1)}}
@keyframes likeSad{0%,10%{opacity:0;transform:translateY(6px) scale(.7)}25%{opacity:1;transform:translateY(0) scale(1.05)}55%{opacity:1;transform:translateY(-2px) scale(1)}72%,100%{opacity:0;transform:translateY(-10px) scale(.9)}}
@keyframes likeGone{0%{opacity:1;transform:scale(1)}14%{opacity:0;transform:scale(.5)}72%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}
@keyframes likeDim{0%{transform:scale(1.15)}100%{transform:scale(1)}}
.like-sum{display:inline-flex;align-items:center;gap:.4rem;margin:0 0 1rem;padding:.2rem .8rem;border-radius:2rem;background:var(--dawn-soft);color:var(--ink);font-size:.95rem}.like-sum[hidden]{display:none}.like-sum svg{fill:#D6336C;flex:none}

.like-sum{margin:0;margin-inline-start:.7rem;vertical-align:middle;font-size:.9rem;font-weight:700;line-height:1.6;padding:.15rem .75rem;display:inline-flex;align-items:center;gap:.35rem;border-radius:2rem;background:var(--dawn-soft);color:#2B1641}
.like-sum span{font-weight:600}
.lk{display:inline-flex;align-items:center;gap:.25rem;color:var(--muted);font-size:.85rem;font-weight:700;white-space:nowrap}.lk svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}.lk.on{color:#D6336C}.lk.on svg{fill:currentColor;stroke:none}
.ep-t{display:flex!important;justify-content:space-between;align-items:flex-start;gap:.6rem}.ep-tt{flex:1}.ep-t .lk{margin-top:.25rem}
.list .d .lk{margin-inline-end:.7rem}
.list .d{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-width:10.5rem}.list .d .lk{margin-inline-end:0}
@media (max-width:560px){.list .d{min-width:0;justify-content:flex-start;gap:.9rem}}

.tlike{display:inline-flex;align-items:center;gap:.25rem;background:none;border:0;padding:.3rem .45rem;font:inherit;cursor:pointer;border-radius:2rem}
.tlike:hover{background:var(--dawn-soft)}
.tl-ic{position:relative;display:inline-grid;place-items:center;width:1.1rem;height:1.1rem}.tl-ic svg{position:relative;z-index:1}
.tlike[aria-pressed=true]{color:#D6336C}.tlike[aria-pressed=true] svg{fill:currentColor;stroke:none}
.tlike .like-halo{inset:-.45rem}.tlike .like-sad{font-size:1.15rem;inset:0;display:grid;place-items:center}
.books small .lk,.books .lk{margin-top:.15rem}
@media (prefers-reduced-motion:no-preference){
  .tlike.is-burst .like-halo{animation:likeHalo 1.7s ease-out forwards}.tlike.is-burst svg{animation:likePop .6s ease-out}
  .tlike.is-sad .like-sad{animation:likeSad 1.7s ease-out forwards}.tlike.is-sad svg{animation:likeGone 1.7s ease-in-out both}
}
.tracks li .tlike{flex:none;display:inline-flex;width:auto;padding:.3rem .45rem;gap:.25rem;color:var(--muted)}.tracks li .tlike.on{color:#D6336C}.tracks li .tlike[aria-pressed=true]{color:#D6336C}
.series a>span:first-child{flex:1}.series .lk{align-self:center}

/* مجموعه‌ها: درخت بازشونده */
.coll-tree{margin:0;padding:0;list-style:none}
.coll{border-top:1px solid var(--line)}
.coll>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0;cursor:pointer;font-weight:700;color:var(--ink);list-style:none}
.coll>summary::-webkit-details-marker{display:none}
.coll>summary::before{content:"";width:.5rem;height:.5rem;border-inline-end:2px solid var(--firoozeh);border-bottom:2px solid var(--firoozeh);transform:rotate(45deg);transition:transform .15s;flex:none;margin-inline-end:.2rem}
.coll[open]>summary::before{transform:rotate(-135deg)}
.coll>summary .ct{flex:1}
.coll>summary small{color:var(--muted);font-weight:400;white-space:nowrap}
.coll>summary a{font-weight:400;font-size:.9rem;color:var(--firoozeh)}
.coll .list{margin:0 0 1rem}
.full-list-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.3rem;border:1px solid var(--line);border-radius:.9rem;background:var(--surface)}
.full-list-cta p{margin:0;color:var(--muted)}

/* تامپ‌نیل یوتیوب و جستجوی پیشنهادی */
img.th{width:64px;height:36px;object-fit:cover;border-radius:.35rem;flex:none;background:var(--sunk)}
.list li>a>img.th{margin-inline-end:.1rem}
.series a>img.th{align-self:center}
.series a>span:first-of-type{flex:1}
.coll .list li a{align-items:center}
.srch-btn{display:inline-flex;align-items:center;gap:.4rem;background:none;color:inherit;font:inherit;border:1px solid rgba(255,255,255,.28);border-radius:.6rem;padding:.4rem .75rem;cursor:pointer;margin-inline-start:auto}
.srch-btn svg{width:18px;height:18px}
.menu-btn+.srch-btn{margin-inline-start:0}
@media (max-width:560px){.srch-btn span{display:none}}
.hs{position:sticky;top:4rem;z-index:19;background:var(--night-2);border-bottom:1px solid rgba(255,255,255,.1);padding:.8rem 0}
.hs[hidden]{display:none}
.hs-f,.hero-search{display:flex;gap:.5rem;position:relative}
.hs-f input,.hero-search input{flex:1;min-width:0;font:inherit;font-size:1rem;padding:.7rem 1rem;border-radius:.7rem;border:1px solid var(--line);background:#fff;color:#221A2E}
.hero-search{margin:1.2rem 0 0;max-width:34rem;flex-wrap:wrap}
.hs-r{list-style:none;margin:.4rem 0 0;padding:.3rem;position:absolute;top:100%;inset-inline:0;z-index:30;max-height:min(60vh,26rem);overflow:auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:.8rem;box-shadow:0 10px 30px rgba(20,10,40,.25)}
.hs-r[hidden]{display:none}
.hs-r a{display:flex;align-items:baseline;gap:.6rem;padding:.55rem .7rem;border-radius:.5rem;color:var(--ink);text-decoration:none}
.hs-r a:hover,.hs-r a.on{background:var(--firoozeh-soft)}
.hs-r .hk{font-size:.72rem;padding:.05rem .45rem;border-radius:1rem;background:var(--sunk);color:var(--muted);flex:none}
.hs-r .ht{font-weight:700}
.hs-r .hs2{color:var(--muted);font-size:.85rem;margin-inline-start:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40%}
.hs-r .hall a,.hs-r .hnone{color:var(--firoozeh);font-size:.9rem;padding:.6rem .7rem}
.hs-r .hnone{color:var(--muted)}
.series-home .series{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr))}
.series a{align-items:center}
.series a>small{margin-inline-start:auto}

/* مجموعه‌ها: هر کادر با کلیک باز می‌شود */
.ccards{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:.8rem;margin:0;padding:0;list-style:none}
.ccards>li{border:1px solid #CFE0D3;border-radius:.8rem;background:rgba(255,255,255,.78);box-shadow:0 1px 2px rgba(30,60,40,.06);transition:border-color .15s,box-shadow .15s}
.ccards>li:hover,.ccards>li:has(.ccard[open]){border-color:#3E6B4F;box-shadow:0 6px 16px rgba(30,60,40,.12)}
.ccards>li:has(.ccard[open]){grid-column:1/-1}
:root[data-theme="dark"] .ccards>li{background:rgba(255,255,255,.06);border-color:rgba(156,199,170,.3)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ccards>li{background:rgba(255,255,255,.06);border-color:rgba(156,199,170,.3)}}
.ccard>summary{display:flex;align-items:center;gap:.8rem;padding:.9rem 1rem;cursor:pointer;list-style:none;font-weight:700;color:var(--ink)}
.ccard>summary::-webkit-details-marker{display:none}
.ccard>summary>span:first-of-type{flex:1}
.ccard>summary>small{margin-inline-start:auto;background:#E3EEE6;color:#2F5A41;padding:.15rem .65rem;border-radius:1rem;font-weight:400;white-space:nowrap;font-size:.85rem}
.ccard>summary::after{content:"";width:.5rem;height:.5rem;border-inline-end:2px solid var(--firoozeh);border-bottom:2px solid var(--firoozeh);transform:rotate(45deg);transition:transform .15s;flex:none}
.ccard[open]>summary::after{transform:rotate(-135deg)}
.cbody{padding:0 1rem 1rem}
.cbody .list{margin:.6rem 0 0}
a.cpage{display:inline-block;color:var(--firoozeh);font-size:.95rem}

.resume-auto{margin:.6rem 0}

/* نتایج جستجوی صفحهٔ اصلی زیر بخش بعدی نرود */
.hero.sky{overflow:visible;overflow-x:clip;z-index:5}
.hero .hero-search{z-index:6}

/* دانلود جمع‌شونده: تا کلیک نشده بسته است تا صفحه کوتاه و خوانا بماند */
.act-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.6rem;margin:.8rem 0 0}
.dlbox{flex:1 1 15rem;margin:0 0 1rem}
.dlbox>summary{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;list-style:none;padding:.55rem 1.1rem;border:1px solid var(--line);border-radius:999px;font-weight:700;background:var(--paper,#fff);min-height:44px}
.dlbox>summary::-webkit-details-marker{display:none}
.dlbox>summary::after{content:"▾";font-size:.8em;color:var(--firoozeh)}
.dlbox[open]>summary::after{content:"▴"}
.dlbox .dl{margin:.6rem 0 0}
.act-row+.ep-nav{margin-top:.4rem;padding-top:.8rem}

.autonext{display:flex;align-items:center;gap:.5rem;margin:.6rem 0 0;font-size:.95rem;color:var(--muted);cursor:pointer}.autonext input{width:18px;height:18px;accent-color:var(--firoozeh)}

/* پیغام امروزم: نوار پایین گوشی */
.daily-bar{display:none}
@media (max-width:700px){
  .daily-bar{display:flex;position:fixed;inset-inline:0;bottom:0;z-index:40;justify-content:center;padding:.5rem 1rem calc(.5rem + env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(30,18,44,.55))}
  .daily-bar button{font:inherit;font-weight:800;border:0;border-radius:999px;padding:.65rem 1.6rem;background:var(--gold,#F2B544);color:#2a1a3a;box-shadow:0 4px 14px rgba(0,0,0,.3)}
  body.has-daily{padding-bottom:4rem}
}

/* گزارش مشکل */
.report{margin:.4rem 0 .8rem}
.rpbox>summary{cursor:pointer;display:inline-block;list-style:none;font-size:.9rem;color:var(--muted,#6b6178);border:1px solid var(--line);border-radius:999px;padding:.3rem .9rem}
.rpbox>summary::-webkit-details-marker{display:none}
.rpbox[open]>summary{background:var(--surface,#f6f2fa)}
.rpform{margin-top:.6rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:.9rem;background:var(--surface,#fff);display:grid;gap:.5rem;max-width:34rem}
.rpform label{display:flex;gap:.5rem;align-items:flex-start;font-size:.95rem}
.rpform textarea,.rpform input[type=email]{font:inherit;padding:.55rem .7rem;border:1px solid var(--line);border-radius:.6rem;width:100%}
.rpform .hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.rp-msg{font-size:.9rem;margin-inline-start:.5rem}
.act-row .report{margin:0}

.betabar{background:#fff4d6;color:#4a3410;border-bottom:1px solid #ecd9a2;font-size:.9rem;line-height:1.7}
.betabar[hidden]{display:none}
.betabar .wrap{display:flex;gap:.7rem;align-items:center;padding-block:.5rem}
.betabar .beta-tag{flex:none;background:#F5B544;color:#2B1641;font-weight:700;border-radius:99px;padding:.05rem .65rem;font-size:.8rem}
.betabar .beta-x{flex:none;margin-inline-start:auto;border:1px solid #d9bd72;background:transparent;color:inherit;border-radius:99px;padding:.15rem .8rem;font:inherit;font-size:.82rem;cursor:pointer}
:root[data-theme=dark] .betabar{background:#3a2c12;color:#f3e3b8;border-color:#6b5320}

.hhelp{color:var(--ink);margin:.2rem;padding:.8rem .95rem;border-radius:.7rem;background:var(--firoozeh-soft);border:1px solid var(--line,rgba(0,0,0,.1))}
.hhelp p{color:var(--ink);margin:0 0 .4rem;line-height:1.9;font-size:.95rem}
.hs-r .hhelp a,.hhelp a{display:inline-block;padding:.35rem .9rem;border-radius:2rem;background:var(--firoozeh);color:#fff;font-weight:700;font-size:.88rem;text-decoration:none}
.hhelp-b{background:var(--sunk)}
.hhelp-li{list-style:none}

/* فهرست‌های بلند: دکمهٔ نمایش بیشتر */
.pg-x{display:none!important}
.pg-more{margin:1.2rem 0 0;text-align:center}
.pg-more[hidden]{display:none}
.pg-more .btn{min-width:14rem}

/* کارت مجموعه: عنوان یک ردیف کامل می‌گیرد و لایک و تعداد قسمت‌ها زیرش می‌آید (دیگر عنوان کلمه‌به‌کلمه شکسته نمی‌شود) */
.series-home .series a{flex-wrap:wrap;row-gap:.35rem}
.series-home .series a>span:first-of-type{flex:1 1 calc(100% - 5.5rem);min-width:0;line-height:1.7}
.series-home .series a>span:first-of-type~*{margin-inline-start:0}
.series-home .series a>span:first-of-type+*{margin-inline-start:5.1rem}
.series-home .series a>small{margin-inline-start:0}
@media (max-width:420px){.series-home .series a>span:first-of-type+*{margin-inline-start:0}.series-home .series a>span:first-of-type{flex-basis:calc(100% - 5.5rem)}}

/* کادر مجموعه‌ها: عنوان یک ردیف کامل؛ لایک، تعداد قسمت و فلش زیرش */
.ccard>summary{flex-wrap:wrap;row-gap:.35rem}
.ccard>summary>span:first-of-type{flex:1 1 calc(100% - 5.2rem);min-width:0;line-height:1.7}
.ccard>summary>span:first-of-type~*{margin-inline-start:0}
.ccard>summary>span:first-of-type+*{margin-inline-start:4.4rem}
.ccard>summary>small{margin-inline-start:0}
.ccard>summary::after{margin-inline-start:auto}
