/* 🧭 صفحه‌ی انیمه: پنج بخش (anime-ch.js). Only active with html[data-ch]. Colours follow the anime (--ac). */
html[data-ch] #snav{display:none}
html[data-ch][data-theme=dark]{--cht:color-mix(in srgb,var(--ac,#3DB4F2) 65%,#fff)}
@media (prefers-color-scheme:dark){html[data-ch]:not([data-theme=light]){--cht:color-mix(in srgb,var(--ac,#3DB4F2) 65%,#fff)}}
html[data-ch]{--cht:color-mix(in srgb,var(--ac,#3DB4F2) 78%,#0b1020);--cha:color-mix(in srgb,var(--ac,#3DB4F2) 78%,#0b1020);--chs:color-mix(in srgb,var(--ac,#3DB4F2) 16%,var(--fg))}
html[data-ch] .blk{scroll-margin-top:150px;padding-top:44px}

/* the sticky bar */
.chd{position:sticky;top:8px;z-index:31;margin-top:22px;margin-bottom:-6px;transition:top .3s}
body.hdr .chd{top:calc(66px + env(safe-area-inset-top,0px))}
.chd-in{position:relative;padding:6px 6px 0;border-radius:20px;background:color-mix(in srgb,var(--fg) 90%,transparent);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border:1px solid color-mix(in srgb,var(--ac,#3DB4F2) 22%,var(--line));box-shadow:0 10px 30px -18px rgba(10,20,40,.45),var(--shadow-s);overflow:hidden}
.chd-row{position:relative;display:grid;grid-template-columns:repeat(var(--n,5),1fr);gap:4px}
.chd-b{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:8px 6px;border-radius:14px;font-size:14.5px;font-weight:800;color:var(--text);text-decoration:none;transition:color .25s,background .2s;-webkit-tap-highlight-color:transparent}
.chd-b svg{width:19px;height:19px;flex:none;opacity:.8}
.chd-b:hover{background:var(--fg2);color:var(--strong)}
.chd-b.on{color:#fff;background:none}
.chd-b.on svg{opacity:1}
.chd-ink{position:absolute;top:0;bottom:0;right:0;width:0;opacity:0;border-radius:14px;background:linear-gradient(135deg,var(--cha),color-mix(in srgb,var(--ac,#3DB4F2) 55%,#000));box-shadow:0 8px 20px -8px color-mix(in srgb,var(--ac,#3DB4F2) 70%,transparent),inset 0 1px 0 rgba(255,255,255,.25);transition:right .45s cubic-bezier(.3,.9,.3,1),width .45s cubic-bezier(.3,.9,.3,1),opacity .2s}
.chd-sub{display:flex;align-items:center;gap:8px;padding:7px 2px 9px}
.chd-map{flex:none;display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12.5px;font-weight:800;padding:7px 12px;border-radius:999px;border:0;background:var(--strong);color:var(--fg);cursor:pointer;min-height:34px}
.chd-map svg{width:15px;height:15px}
.chd-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;mask-image:linear-gradient(to left,#000 88%,transparent);-webkit-mask-image:linear-gradient(to left,#000 88%,transparent)}
.chd-chips::-webkit-scrollbar{display:none}
.chd-chips a{flex:none;display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;font-size:12.5px;font-weight:700;color:var(--muted);background:var(--fg2);text-decoration:none;min-height:34px;transition:color .2s,background .2s,box-shadow .2s}
.chd-chips a:hover{color:var(--strong)}
.chd-chips a.on{color:var(--strong);background:var(--chs);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ac,#3DB4F2) 55%,transparent)}
.chd-prog{position:absolute;inset:auto 0 0 0;height:3px;background:color-mix(in srgb,var(--line) 70%,transparent)}
.chd-prog s{display:block;height:100%;width:0;margin-inline-start:0;background:linear-gradient(to left,var(--ac,#3DB4F2),color-mix(in srgb,var(--ac,#3DB4F2) 50%,#fff));border-radius:0 3px 3px 0}

/* the big heading of each part */
.chh{margin-top:70px;scroll-margin-top:150px}
.chh-in{position:relative;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:24px 26px;border-radius:24px;overflow:hidden;isolation:isolate;
  background:radial-gradient(120% 160% at 100% 0%,color-mix(in srgb,var(--ac,#3DB4F2) 24%,transparent),transparent 62%),linear-gradient(to left,var(--fg),var(--fg));
  border:1px solid color-mix(in srgb,var(--ac,#3DB4F2) 26%,var(--line));box-shadow:var(--shadow-s)}
.chh-in::after{content:"";position:absolute;inset:auto -10% -60% 30%;height:120%;background:radial-gradient(closest-side,color-mix(in srgb,var(--ac,#3DB4F2) 14%,transparent),transparent);z-index:-1}
.chh-num{position:absolute;left:18px;top:50%;transform:translateY(-52%);font:400 150px/1 Lalezar,var(--font);color:var(--ac,#3DB4F2);opacity:.11;z-index:-1;pointer-events:none;letter-spacing:-4px}
.chh-ic{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;color:#fff;background:linear-gradient(140deg,color-mix(in srgb,var(--ac,#3DB4F2) 85%,#fff),var(--cha));box-shadow:0 12px 26px -12px color-mix(in srgb,var(--ac,#3DB4F2) 80%,transparent),inset 0 1px 0 rgba(255,255,255,.35)}
.chh-ic svg{width:30px;height:30px}
.chh-tx small{display:block;font-size:12px;font-weight:800;color:var(--cht);letter-spacing:.2px}
.chh-tx h2{margin:2px 0 0;font:400 34px/1.25 Lalezar,var(--font);color:var(--strong)}
.chh-tx p{margin:4px 0 0;font-size:14px;color:var(--muted);line-height:1.8}
.chh-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.chh-chips a{display:inline-flex;align-items:center;gap:6px;padding:7px 12px 7px 13px;border-radius:999px;font-size:13px;font-weight:700;color:var(--strong);text-decoration:none;background:color-mix(in srgb,var(--fg) 70%,transparent);border:1px solid color-mix(in srgb,var(--ac,#3DB4F2) 28%,var(--line));min-height:36px;transition:transform .15s,background .15s}
.chh-chips a svg{width:15px;height:15px;color:var(--cht)}
.chh-chips a:hover{transform:translateY(-1px);background:var(--chs)}

/* «next part» at the end of each part */
.chn{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"k b i" "k d i";column-gap:14px;align-items:center;margin-top:44px;padding:16px 20px;border-radius:18px;text-decoration:none;color:var(--text);background:var(--fg);border:1.5px dashed color-mix(in srgb,var(--ac,#3DB4F2) 40%,var(--line));transition:border-color .2s,transform .2s}
.chn:hover{border-style:solid;transform:translateY(-2px)}
.chn-k{grid-area:k;font-size:11.5px;font-weight:800;padding:5px 10px;border-radius:999px;background:var(--chs);color:var(--strong)}
.chn b{grid-area:b;font-size:16px;color:var(--strong)}
.chn-d{grid-area:d;font-size:13px;color:var(--muted)}
.chn i{grid-area:i;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--cha);color:#fff}
.chn i svg{width:20px;height:20px}

/* each section's own heading: an icon instead of the running number */
html[data-ch] .blk[style*="--sic"] .bh h2::before{content:"";width:26px;height:26px;min-width:26px;padding:0;border:0;border-radius:0;box-shadow:none;background:var(--cht);-webkit-mask:var(--sic) center/contain no-repeat;mask:var(--sic) center/contain no-repeat}

/* the map */
body.chm-open{overflow:hidden}
.chm{position:fixed;inset:0;z-index:9850;display:grid;place-items:center;padding:16px;background:rgba(6,10,22,.62);backdrop-filter:blur(4px);animation:chmF .2s ease-out}
@keyframes chmF{from{opacity:0}}
.chm-box{width:min(760px,100%);max-height:86vh;overflow:auto;border-radius:24px;background:var(--fg);color:var(--text);padding:20px;box-shadow:0 30px 80px -20px rgba(0,0,0,.5);animation:chmU .28s cubic-bezier(.2,.9,.3,1)}
@keyframes chmU{from{transform:translateY(18px);opacity:0}}
.chm-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;position:sticky;top:-20px;background:var(--fg);padding:4px 0 10px;z-index:1}
.chm-h b{display:block;font:400 24px/1.3 Lalezar,var(--font);color:var(--strong)}
.chm-h small{font-size:12.5px;color:var(--muted)}
.chm-x{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:var(--fg2);color:var(--strong);font-size:15px;cursor:pointer}
.chm-ch{padding:12px 0;border-top:1px solid var(--line)}
.chm-ch:first-of-type{border-top:0}
.chm-ct{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--strong)}
.chm-ct svg{width:18px;height:18px;color:var(--cht)}
.chm-ct b{font-size:16px}
.chm-n{font:400 18px/1 Lalezar,var(--font);color:var(--ac,#3DB4F2);opacity:.7}
.chm-ch.on .chm-ct b::after{content:"الان این‌جایی";margin-inline-start:8px;font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;background:var(--cha);color:#fff;vertical-align:2px}
.chm-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.chm-g a{position:relative;display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:14px;text-decoration:none;color:var(--text);background:var(--fg2);border:1px solid transparent;min-height:56px;transition:border-color .15s,transform .15s}
.chm-g a:hover{border-color:color-mix(in srgb,var(--ac,#3DB4F2) 45%,transparent);transform:translateY(-1px)}
.chm-g a.on{border-color:var(--cha);background:var(--chs)}
.chm-g i{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;background:var(--fg);color:var(--cht)}
.chm-g i svg{width:18px;height:18px}
.chm-g span{display:flex;flex-direction:column;min-width:0}
.chm-g span b{font-size:14px;color:var(--strong)}
.chm-g span small{font-size:12px;color:var(--muted);line-height:1.6}
.chm-g em{position:absolute;top:-7px;left:10px;font-style:normal;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--cha);color:#fff}

/* preview note */
.chpv{position:fixed;z-index:9700;bottom:calc(84px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;max-width:calc(100% - 24px);padding:9px 12px;border-radius:16px;background:#0f1424;color:#e8ecf6;font-size:12.5px;box-shadow:0 14px 34px -10px rgba(0,0,0,.6)}
.chpv b{font-size:13px}
.chpv a{color:#9fd3ff;font-weight:700}
.chpv button{font:inherit;font-size:12px;font-weight:800;padding:6px 10px;border-radius:9px;border:0;background:#3DB4F2;color:#fff;cursor:pointer}
.chpv button.x{background:#262d40;width:30px;padding:6px 0}

@media (min-width:761px){
  .chd-in{display:flex;align-items:center;gap:10px;padding:6px 6px 9px}
  .chd-row{display:flex;flex:none;gap:2px}
  .chd-b{padding:8px 14px;min-height:44px}
  .chd-sub{flex:1;min-width:0;padding:0 10px 0 0;border-right:1px solid var(--line)}
  .chh-in{padding:26px 30px}
}
@media (max-width:760px){
  .chd{top:6px;margin-inline:-6px}
  body.hdr .chd{top:calc(62px + env(safe-area-inset-top,0px))}
  .chd-in{border-radius:18px;padding:5px 5px 0}
  .chd-b{flex-direction:column;gap:3px;min-height:52px;padding:6px 2px;font-size:11.5px;border-radius:12px}
  .chd-b svg{width:20px;height:20px}
  .chd-ink{border-radius:12px}
  .chd-sub{padding:6px 0 8px;gap:6px}
  .chd-map{padding:6px 10px;font-size:12px}
  .chd-chips a{padding:6px 11px;font-size:12px}
  .chh{margin-top:54px}
  .chh-in{grid-template-columns:auto 1fr;gap:14px;padding:18px 16px;border-radius:22px;align-items:start}
  .chh-ic{width:50px;height:50px;border-radius:16px;margin-top:4px}
  .chh-ic svg{width:25px;height:25px}
  .chh-num{font-size:110px;left:8px;top:42%}
  .chh-tx h2{font-size:28px}
  .chh-tx p{font-size:13px}
  .chh-chips{margin-inline-start:-64px}
  .chh-chips a{font-size:12.5px}
  .chn{margin-top:34px;padding:14px;grid-template-columns:1fr auto;grid-template-areas:"k i" "b i" "d i";row-gap:4px}
  .chn-k{justify-self:start}
  .chm{place-items:end center;padding:0}
  .chm-box{border-radius:22px 22px 0 0;max-height:88vh;padding:16px 14px calc(16px + env(safe-area-inset-bottom,0px))}
  .chm-h{top:-16px}
  .chm-g{grid-template-columns:1fr;gap:6px}
  .chm-g a{min-height:52px;padding:8px 10px}
  .chpv{bottom:calc(76px + env(safe-area-inset-bottom,0px))}
}
html.lite .chd-ink,html.lite .chn,html.lite .chh-chips a{transition:none}
html.lite .chd-in{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--fg)}
html.lite .chm,html.lite .chm-box{animation:none;backdrop-filter:none}
@media (prefers-reduced-motion:reduce){.chd-ink,.chm,.chm-box{transition:none;animation:none}}