/* ═══════════════════════════════════════════════════════════════════
   MTMovies — «مرکز آموزش» (/help)
   Same language as the landing: OLED black, MTMovies red, Vazirmatn,
   glassy surfaces. Self-contained (no Tailwind, no CDN).
   ═══════════════════════════════════════════════════════════════════ */
:root{
    --bg:#000; --surface:#0C0C0D; --surface-2:#131316; --surface-3:#1A1A1F;
    --fg:#F8FAFC; --fg-muted:#A3ADBD; --fg-dim:#6B7280;
    --accent:#E50914; --accent-soft:#FF3A44; --gold:#F5C451;
    --line:rgba(255,255,255,.08); --line-strong:rgba(255,255,255,.16); --glass:rgba(255,255,255,.05);
    --r-sm:10px; --r-md:14px; --r-lg:20px; --r-xl:28px;
    --ease:cubic-bezier(.22,.61,.36,1); --dur:240ms;
    --page:1180px; --gutter:clamp(16px,4vw,40px);
    --shadow:0 24px 48px -24px rgba(0,0,0,.9);
}
*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body{
    margin:0; background:var(--bg); color:var(--fg);
    font-family:'Vazirmatn',system-ui,sans-serif; font-size:16px; line-height:1.8; overflow-x:hidden;
}
a{ color:inherit; text-decoration:none; }
img,video,iframe{ max-width:100%; display:block; }
.h-shell{ width:100%; max-width:var(--page); margin-inline:auto; padding-inline:var(--gutter); }
.h-skip{ position:absolute; inset-inline-start:-9999px; top:10px; z-index:100; background:var(--accent); color:#fff; padding:10px 18px; border-radius:var(--r-md); font-weight:800; }
.h-skip:focus{ inset-inline-start:var(--gutter); }
:focus-visible{ outline:2px solid var(--accent-soft); outline-offset:3px; border-radius:6px; }

/* ── header ─────────────────────────────────────────────────────── */
.h-hdr{ position:sticky; top:0; z-index:50; transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), backdrop-filter var(--dur); border-bottom:1px solid transparent; }
.h-hdr.is-solid{ background:rgba(0,0,0,.72); backdrop-filter:blur(14px) saturate(1.3); -webkit-backdrop-filter:blur(14px) saturate(1.3); border-bottom-color:var(--line); }
.h-hdr__in{ display:flex; align-items:center; gap:18px; height:66px; }
.h-brand{ font-size:22px; font-weight:900; letter-spacing:-.02em; }
.h-brand__mt{ color:var(--accent); }
.h-brand--sm{ font-size:17px; }
.h-hdr__section{ display:inline-flex; align-items:center; gap:7px; padding:6px 12px; border-radius:999px; font-size:13px; font-weight:800; color:#FFB3B8; background:rgba(229,9,20,.13); border:1px solid rgba(229,9,20,.32); }
.h-hdr__section svg{ width:16px; height:16px; }
.h-nav{ display:none; gap:22px; font-size:14px; font-weight:600; color:var(--fg-muted); }
.h-nav a:hover{ color:var(--fg); }
@media (min-width:960px){ .h-nav{ display:flex; } }
.h-hdr__search{ margin-inline-start:auto; position:relative; display:none; }
.h-hdr__search svg{ position:absolute; right:12px; top:50%; transform:translateY(-50%); width:16px; height:16px; color:var(--fg-dim); pointer-events:none; }
.h-hdr__search input{ width:230px; height:38px; padding:0 36px 0 12px; border-radius:999px; border:1px solid var(--line-strong); background:var(--glass); color:var(--fg); font:inherit; font-size:13px; outline:none; transition:width var(--dur) var(--ease), border-color var(--dur); }
.h-hdr__search input:focus{ width:280px; border-color:var(--accent); }
@media (min-width:720px){ .h-hdr__search{ display:block; } }

/* ── buttons & chips ─────────────────────────────────────────────── */
.h-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:46px; padding:10px 20px; border-radius:var(--r-md); font:inherit; font-weight:800; font-size:14.5px; border:1px solid transparent; cursor:pointer; transition:transform var(--dur) var(--ease), background var(--dur), box-shadow var(--dur); white-space:nowrap; }
.h-btn:hover{ transform:translateY(-2px); }
.h-btn--primary{ background:var(--accent); color:#fff; box-shadow:0 12px 32px -12px rgba(229,9,20,.6); }
.h-btn--primary:hover{ background:#ff1622; }
.h-btn--ghost{ background:var(--glass); color:var(--fg); border-color:var(--line-strong); }
.h-btn--ghost:hover{ background:rgba(255,255,255,.1); }
.h-chip{ --c:var(--accent); display:inline-flex; align-items:center; gap:6px; padding:4px 11px; border-radius:999px; font-size:12px; font-weight:700;
    color:color-mix(in srgb, var(--c) 70%, #fff); background:color-mix(in srgb, var(--c) 14%, transparent); border:1px solid color-mix(in srgb, var(--c) 35%, transparent); }
.h-chip--sm{ font-size:11px; padding:2px 9px; }
.h-chip--link{ font-size:13.5px; padding:8px 15px; transition:transform var(--dur) var(--ease), background var(--dur); }
.h-chip--link:hover{ transform:translateY(-2px); background:color-mix(in srgb, var(--c) 24%, transparent); }
.h-kicker{ display:inline-flex; align-items:center; gap:8px; padding:6px 13px; border-radius:999px; font-size:12.5px; font-weight:800; color:#FFB3B8; background:rgba(229,9,20,.14); border:1px solid rgba(229,9,20,.35); }
.h-kicker i{ width:7px; height:7px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 4px rgba(229,9,20,.25); }

/* ── hero ────────────────────────────────────────────────────────── */
.h-hero{ position:relative; overflow:hidden; isolation:isolate; padding:clamp(44px,8vw,96px) 0 clamp(36px,6vw,64px); text-align:center; }
.h-hero__glow{ position:absolute; z-index:-1; inset:-30% -10% auto; height:120%;
    background:radial-gradient(50% 50% at 50% 30%, rgba(229,9,20,.28), transparent 70%), radial-gradient(40% 40% at 80% 10%, rgba(56,189,248,.12), transparent 70%); filter:blur(10px); }
.h-hero::after{ content:""; position:absolute; inset:0; z-index:-1; opacity:.5;
    background-image:linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size:44px 44px; mask-image:radial-gradient(70% 60% at 50% 30%, #000, transparent); -webkit-mask-image:radial-gradient(70% 60% at 50% 30%, #000, transparent); }
.h-hero__title{ margin:18px 0 10px; font-size:clamp(28px,5vw,52px); font-weight:900; line-height:1.35; letter-spacing:-.02em; }
.h-hero__lead{ margin:0 auto; max-width:640px; color:var(--fg-muted); font-size:clamp(15px,1.8vw,17px); line-height:2; }
.h-hero__chips{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:22px; }
.h-hero__chips--start{ justify-content:flex-start; margin-top:0; }
.h-hero__stats{ display:flex; justify-content:center; gap:clamp(18px,4vw,40px); margin-top:28px; color:var(--fg-dim); font-size:13.5px; }
.h-hero__stats b{ color:var(--fg); font-size:20px; font-weight:900; margin-inline-end:5px; }

.h-search{ position:relative; display:flex; align-items:center; gap:8px; max-width:640px; margin:28px auto 0; padding:7px; padding-inline-start:46px;
    border-radius:var(--r-lg); background:rgba(255,255,255,.06); border:1px solid var(--line-strong);
    box-shadow:0 20px 60px -20px rgba(229,9,20,.35), inset 0 1px 0 rgba(255,255,255,.06); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
    transition:border-color var(--dur), box-shadow var(--dur); }
.h-search:focus-within{ border-color:rgba(229,9,20,.7); box-shadow:0 20px 60px -16px rgba(229,9,20,.55), 0 0 0 4px rgba(229,9,20,.15); }
.h-search svg{ position:absolute; right:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:var(--fg-muted); }
.h-search input{ flex:1; min-width:0; height:46px; border:0; outline:none; background:transparent; color:var(--fg); font:inherit; font-size:15.5px; }
.h-search input::placeholder{ color:#6B7280; }
.h-search--inline{ margin:18px 0 0; max-width:720px; }
.h-search__count{ margin:12px 0 0; color:var(--fg-muted); font-size:13.5px; }

/* ── sections ────────────────────────────────────────────────────── */
.h-main{ min-height:60vh; }
.h-sec{ margin-top:clamp(40px,6vw,72px); }
.h-sec__head{ display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 14px; margin-bottom:18px; }
.h-sec__title{ margin:0; font-size:clamp(19px,2.4vw,25px); font-weight:900; }
.h-sec__title small{ color:var(--fg-dim); font-size:14px; font-weight:600; }
.h-sec__sub{ margin:0; color:var(--fg-dim); font-size:13.5px; }
.h-more{ margin:14px 0 0; color:var(--fg-dim); font-size:13px; text-align:center; }
.h-empty{ padding:42px 20px; text-align:center; color:var(--fg-muted); border:1px dashed var(--line-strong); border-radius:var(--r-lg); background:var(--surface); }
.h-empty a{ color:var(--accent-soft); text-decoration:underline; text-underline-offset:3px; }

.h-reveal{ opacity:0; transform:translateY(14px); transition:opacity .5s var(--ease), transform .5s var(--ease); transition-delay:var(--d,0ms); }
.h-reveal.is-in{ opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto; } .h-reveal{ opacity:1; transform:none; transition:none; } }

/* ── topics ──────────────────────────────────────────────────────── */
.h-topics{ display:grid; gap:14px; grid-template-columns:repeat(auto-fill, minmax(min(100%, 300px), 1fr)); }
.h-topic{ --c:var(--accent); position:relative; display:flex; align-items:center; gap:14px; padding:18px; border-radius:var(--r-lg);
    background:linear-gradient(140deg, color-mix(in srgb, var(--c) 13%, var(--surface)), var(--surface) 65%); border:1px solid var(--line);
    transition:transform var(--dur) var(--ease), border-color var(--dur), box-shadow var(--dur); overflow:hidden; }
.h-topic:hover{ transform:translateY(-3px); border-color:color-mix(in srgb, var(--c) 45%, transparent); box-shadow:0 18px 40px -22px color-mix(in srgb, var(--c) 70%, transparent); }
.h-topic__ico{ flex:0 0 auto; width:54px; height:54px; border-radius:16px; display:grid; place-items:center; font-size:26px;
    background:color-mix(in srgb, var(--c) 18%, transparent); border:1px solid color-mix(in srgb, var(--c) 35%, transparent); }
.h-topic__body{ flex:1; min-width:0; display:flex; flex-direction:column; }
.h-topic__body b{ font-size:16px; font-weight:900; }
.h-topic__body span{ color:var(--fg-muted); font-size:13px; line-height:1.8; }
.h-topic__body small{ margin-top:4px; color:color-mix(in srgb, var(--c) 65%, #fff); font-size:12px; font-weight:700; }
.h-topic__arrow{ color:var(--fg-dim); font-size:18px; transition:transform var(--dur) var(--ease), color var(--dur); }
.h-topic:hover .h-topic__arrow{ transform:translateX(-4px); color:var(--fg); }

/* ── article cards ───────────────────────────────────────────────── */
.h-cards{ display:grid; gap:16px; grid-template-columns:repeat(auto-fill, minmax(min(100%, 280px), 1fr)); }
.h-card{ --c:var(--accent); display:flex; flex-direction:column; border-radius:var(--r-lg); overflow:hidden; background:var(--surface); border:1px solid var(--line);
    transition:transform var(--dur) var(--ease), border-color var(--dur), box-shadow var(--dur); }
.h-card:hover{ transform:translateY(-4px); border-color:color-mix(in srgb, var(--c) 40%, transparent); box-shadow:var(--shadow); }
.h-card__art{ position:relative; aspect-ratio:16/9; display:grid; place-items:center; overflow:hidden;
    background:radial-gradient(80% 90% at 70% 10%, color-mix(in srgb, var(--c) 40%, transparent), transparent 70%), var(--surface-2); }
.h-card__art img{ width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); }
.h-card:hover .h-card__art img{ transform:scale(1.04); }
.h-card__glyph{ font-size:52px; filter:drop-shadow(0 10px 22px rgba(0,0,0,.6)); }
.h-card__play{ position:absolute; bottom:10px; left:10px; width:38px; height:38px; border-radius:50%; display:grid; place-items:center; color:#fff; background:rgba(229,9,20,.92); box-shadow:0 8px 20px -6px rgba(229,9,20,.8); }
.h-card__play svg{ width:17px; height:17px; margin-inline-start:-2px; }
.h-card__body{ display:flex; flex-direction:column; gap:7px; padding:15px 16px 17px; flex:1; }
.h-card__body .h-chip{ align-self:flex-start; }
.h-card__title{ margin:0; font-size:16px; font-weight:900; line-height:1.7; }
.h-card__sum{ margin:0; color:var(--fg-muted); font-size:13.5px; line-height:1.9; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.h-card__meta{ margin-top:auto; color:var(--fg-dim); font-size:12px; }

/* ── lists (latest / popular) ────────────────────────────────────── */
.h-split{ display:grid; gap:28px; }
.h-split > *, .h-list > li{ min-width:0; }
@media (min-width:900px){ .h-split{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); } }
.h-list{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.h-list__row{ display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:var(--r-md); background:var(--surface); border:1px solid var(--line); transition:background var(--dur), border-color var(--dur); }
.h-list__row:hover{ background:var(--surface-2); border-color:var(--line-strong); }
.h-list__ico{ --c:var(--accent); flex:0 0 auto; width:34px; height:34px; border-radius:10px; display:grid; place-items:center; font-size:17px; background:color-mix(in srgb, var(--c) 18%, transparent); }
.h-list__n{ flex:0 0 auto; width:30px; height:30px; border-radius:50%; display:grid; place-items:center; font-weight:900; font-size:14px; color:var(--accent-soft); background:rgba(229,9,20,.12); }
.h-list__t{ flex:1; min-width:0; font-weight:700; font-size:14.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.h-list__m{ flex:0 0 auto; color:var(--fg-dim); font-size:12px; }

/* ── FAQ ─────────────────────────────────────────────────────────── */
.h-faq{ display:grid; gap:10px; }
.h-faq__item{ border-radius:var(--r-md); background:var(--surface); border:1px solid var(--line); transition:border-color var(--dur), background var(--dur); }
.h-faq__item[open]{ background:var(--surface-2); border-color:rgba(229,9,20,.35); }
.h-faq__item summary{ list-style:none; cursor:pointer; display:flex; align-items:center; gap:10px; padding:16px 18px; font-weight:800; font-size:15px; }
.h-faq__item summary::-webkit-details-marker{ display:none; }
.h-faq__q{ flex:1; line-height:1.8; }
.h-faq__chev{ flex:0 0 auto; width:28px; height:28px; border-radius:50%; background:var(--glass); position:relative; transition:transform var(--dur) var(--ease), background var(--dur); }
.h-faq__chev::before,.h-faq__chev::after{ content:""; position:absolute; top:50%; left:50%; width:11px; height:2px; border-radius:2px; background:var(--fg-muted); transform:translate(-50%,-50%); }
.h-faq__chev::after{ transform:translate(-50%,-50%) rotate(90deg); transition:transform var(--dur) var(--ease); }
.h-faq__item[open] .h-faq__chev{ background:rgba(229,9,20,.2); }
.h-faq__item[open] .h-faq__chev::after{ transform:translate(-50%,-50%) rotate(0deg); }
.h-faq__a{ padding:0 18px 18px; color:var(--fg-muted); animation:hfade .3s var(--ease); }
@keyframes hfade{ from{ opacity:0; transform:translateY(-4px); } to{ opacity:1; transform:none; } }

/* ── prose (Markdown) ────────────────────────────────────────────── */
.h-prose{ font-size:16px; line-height:2.05; color:#D9DEE6; }
.h-prose > :first-child{ margin-top:0; } .h-prose > :last-child{ margin-bottom:0; }
.h-prose p{ margin:0 0 14px; }
.h-prose strong{ color:#fff; }
.h-prose a{ color:#FF8A90; text-decoration:underline; text-underline-offset:4px; text-decoration-color:rgba(255,138,144,.4); }
.h-prose ul,.h-prose ol{ margin:0 0 14px; padding-inline-start:22px; }
.h-prose li{ margin:4px 0; }
.h-prose li::marker{ color:var(--accent-soft); }
.h-prose code{ font-family:ui-monospace,monospace; font-size:.9em; direction:ltr; unicode-bidi:embed; padding:2px 7px; border-radius:7px; background:rgba(255,255,255,.08); color:#FFD6D9; }
.h-prose blockquote{ margin:0 0 14px; padding:8px 16px; border-inline-start:3px solid var(--accent); background:rgba(255,255,255,.03); border-radius:8px; }

/* ── category / search hero ──────────────────────────────────────── */
.h-cat-hero{ --c:var(--accent); position:relative; overflow:hidden; isolation:isolate; padding:clamp(28px,5vw,56px) 0 clamp(24px,4vw,40px); border-bottom:1px solid var(--line); }
.h-cat-hero__glow{ position:absolute; z-index:-1; inset:-40% -20% auto; height:140%; background:radial-gradient(45% 45% at 70% 30%, color-mix(in srgb, var(--c) 30%, transparent), transparent 70%); }
.h-cat-hero__row{ display:flex; align-items:center; gap:18px; margin-top:16px; }
.h-cat-hero__ico{ flex:0 0 auto; width:72px; height:72px; border-radius:22px; display:grid; place-items:center; font-size:36px; background:color-mix(in srgb, var(--c) 20%, transparent); border:1px solid color-mix(in srgb, var(--c) 40%, transparent); box-shadow:0 18px 40px -18px color-mix(in srgb, var(--c) 80%, transparent); }
.h-cat-hero h1{ margin:0; font-size:clamp(24px,3.6vw,36px); font-weight:900; }
.h-cat-hero p{ margin:4px 0 0; color:var(--fg-muted); }
.h-crumbs{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:13px; color:var(--fg-dim); }
.h-crumbs a{ color:var(--fg-muted); } .h-crumbs a:hover{ color:var(--fg); }

/* ── article ─────────────────────────────────────────────────────── */
.h-art-hero{ position:relative; overflow:hidden; isolation:isolate; padding:clamp(28px,5vw,56px) 0 clamp(26px,4vw,42px); border-bottom:1px solid var(--line); }
.h-art-hero__glow{ position:absolute; z-index:-1; inset:-50% -20% auto; height:150%; background:radial-gradient(45% 45% at 75% 30%, color-mix(in srgb, var(--c) 28%, transparent), transparent 70%); }
.h-art-hero__in{ max-width:860px; }
.h-art-hero__title{ margin:14px 0 8px; font-size:clamp(26px,4.2vw,42px); font-weight:900; line-height:1.45; letter-spacing:-.015em; }
.h-art-hero__lead{ margin:0; color:var(--fg-muted); font-size:clamp(15px,1.8vw,17.5px); line-height:2; }
.h-art-hero__meta{ display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:16px; color:var(--fg-dim); font-size:13px; }
.h-preview{ margin-top:14px; display:inline-block; padding:8px 14px; border-radius:var(--r-md); background:rgba(245,196,81,.12); border:1px solid rgba(245,196,81,.35); color:#FCD34D; font-size:13px; font-weight:700; }

.h-art-grid{ display:grid; gap:32px; margin-top:clamp(26px,4vw,44px); }
@media (min-width:1000px){ .h-art-grid{ grid-template-columns:240px minmax(0,1fr); align-items:start; } }
.h-art-body{ min-width:0; max-width:800px; }
.h-art-body--wide{ grid-column:1 / -1; margin-inline:auto; width:100%; }
.h-toc{ position:relative; }
.h-toc__in{ position:sticky; top:84px; padding:16px; border-radius:var(--r-lg); background:var(--surface); border:1px solid var(--line); }
.h-toc b{ display:block; font-size:13px; color:var(--fg-dim); margin-bottom:8px; }
.h-toc ol{ list-style:none; margin:0; padding:0; display:grid; gap:2px; counter-reset:toc; }
.h-toc li{ counter-increment:toc; }
.h-toc a{ display:block; padding:6px 10px; border-radius:9px; font-size:13.5px; color:var(--fg-muted); border-inline-start:2px solid transparent; transition:background var(--dur), color var(--dur), border-color var(--dur); }
.h-toc a::before{ content:counter(toc, persian) ". "; color:var(--fg-dim); }
.h-toc a:hover{ background:var(--glass); color:var(--fg); }
.h-toc a.is-on{ color:#fff; background:rgba(229,9,20,.12); border-inline-start-color:var(--accent); }
@media (max-width:999px){ .h-toc__in{ position:static; } }

.h-blocks{ display:grid; gap:22px; }
.h-b-heading{ margin:14px 0 0; font-size:clamp(20px,2.6vw,25px); font-weight:900; scroll-margin-top:90px; display:flex; align-items:center; gap:10px; }
.h-b-heading::before{ content:""; width:5px; height:24px; border-radius:4px; background:linear-gradient(var(--accent), #ff6b73); }
.h-b-figure{ margin:0; }
.h-b-figure img{ width:100%; border-radius:var(--r-lg); border:1px solid var(--line); cursor:zoom-in; background:var(--surface-2); }
.h-b-figure--cover{ margin-bottom:26px; }
.h-b-figure--cover img{ aspect-ratio:16/9; object-fit:cover; }
.h-b-figure figcaption,.h-b-video figcaption{ margin-top:9px; text-align:center; color:var(--fg-dim); font-size:13px; }
.h-b-video{ margin:0; }
.h-b-video__frame{ position:relative; aspect-ratio:16/9; border-radius:var(--r-lg); overflow:hidden; background:#000; border:1px solid var(--line-strong); box-shadow:0 30px 60px -30px rgba(229,9,20,.5); }
.h-b-video__frame video,.h-b-video__frame iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.h-b-steps{ list-style:none; margin:0; padding:0; display:grid; gap:0; position:relative; }
.h-b-step{ position:relative; display:flex; gap:16px; padding-bottom:22px; }
.h-b-step::before{ content:""; position:absolute; top:42px; bottom:0; right:20px; width:2px; background:linear-gradient(rgba(229,9,20,.5), rgba(229,9,20,.05)); }
.h-b-step:last-child{ padding-bottom:0; } .h-b-step:last-child::before{ display:none; }
.h-b-step__n{ flex:0 0 auto; width:42px; height:42px; border-radius:14px; display:grid; place-items:center; font-weight:900; font-size:17px; color:#fff;
    background:linear-gradient(135deg, var(--accent), #ff5a62); box-shadow:0 10px 24px -10px rgba(229,9,20,.8); z-index:1; }
.h-b-step__body{ flex:1; min-width:0; padding-top:7px; }
.h-b-step__body b{ display:block; font-size:16.5px; font-weight:900; margin-bottom:4px; }
.h-b-tip{ --t:#38BDF8; display:flex; gap:14px; padding:16px 18px; border-radius:var(--r-lg);
    background:color-mix(in srgb, var(--t) 10%, var(--surface)); border:1px solid color-mix(in srgb, var(--t) 35%, transparent); border-inline-start-width:4px; }
.h-b-tip--success{ --t:#34C759; } .h-b-tip--warning{ --t:#F5B83D; } .h-b-tip--danger{ --t:#F87171; }
.h-b-tip__ico{ font-size:22px; line-height:1.6; }
.h-b-tip b{ display:block; color:color-mix(in srgb, var(--t) 70%, #fff); margin-bottom:2px; }
.h-b-button{ margin:0; }
.h-b-divider{ border:0; height:1px; margin:6px 0; background:linear-gradient(90deg, transparent, var(--line-strong), transparent); }

.h-vote{ margin-top:34px; padding:20px; border-radius:var(--r-lg); background:var(--surface); border:1px solid var(--line); text-align:center; transition:border-color var(--dur), background var(--dur); }
.h-vote__ask b{ display:block; font-size:16px; margin-bottom:12px; }
.h-vote__btns{ display:flex; justify-content:center; gap:10px; flex-wrap:wrap; }
.h-vote__btn{ font:inherit; font-weight:800; font-size:14px; padding:10px 22px; border-radius:999px; cursor:pointer; color:var(--fg); background:var(--glass); border:1px solid var(--line-strong); transition:transform var(--dur) var(--ease), background var(--dur); }
.h-vote__btn:hover{ transform:translateY(-2px); background:rgba(255,255,255,.12); }
.h-vote.is-yes{ border-color:rgba(52,199,89,.4); background:rgba(52,199,89,.07); }
.h-vote.is-no{ border-color:rgba(245,184,61,.4); background:rgba(245,184,61,.06); }
.h-vote__done span{ display:none; font-weight:700; }
.h-vote.is-yes .h-vote__yes, .h-vote.is-no .h-vote__no{ display:inline; }
.h-vote__no a{ color:#FCD34D; text-decoration:underline; }

.h-pn{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:22px; }
.h-pn__a{ display:flex; flex-direction:column; gap:3px; padding:14px 16px; border-radius:var(--r-md); background:var(--surface); border:1px solid var(--line); transition:border-color var(--dur), background var(--dur); }
.h-pn__a:hover{ border-color:rgba(229,9,20,.4); background:var(--surface-2); }
.h-pn__a small{ color:var(--fg-dim); font-size:12px; } .h-pn__a b{ font-size:14px; }
.h-pn__a--next{ text-align:left; }

/* ── «still stuck?» + footer ─────────────────────────────────────── */
.h-help-cta{ margin-top:clamp(48px,7vw,88px); }
.h-help-cta__card{ display:grid; gap:18px; align-items:center; padding:clamp(20px,3.4vw,34px); border-radius:var(--r-xl);
    background:radial-gradient(90% 120% at 100% 0%, rgba(229,9,20,.22), transparent 60%), linear-gradient(180deg, var(--surface-2), var(--surface)); border:1px solid var(--line-strong); }
@media (min-width:860px){ .h-help-cta__card{ grid-template-columns:auto 1fr auto; } }
.h-help-cta__ico{ width:64px; height:64px; border-radius:20px; display:grid; place-items:center; font-size:30px; background:rgba(229,9,20,.18); border:1px solid rgba(229,9,20,.4); }
.h-help-cta__body h2{ margin:0 0 4px; font-size:clamp(18px,2.4vw,23px); font-weight:900; }
.h-help-cta__body p{ margin:0; color:var(--fg-muted); line-height:1.95; font-size:14.5px; }
.h-help-cta__actions{ display:flex; flex-wrap:wrap; gap:10px; }
.h-foot{ margin-top:clamp(40px,6vw,64px); border-top:1px solid var(--line); padding-block:26px; color:var(--fg-dim); font-size:13px; }
.h-foot__in{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; }
.h-foot__links{ display:flex; gap:16px; } .h-foot__links a:hover{ color:var(--fg); }

.h-lightbox{ position:fixed; inset:0; z-index:100; display:grid; place-items:center; padding:20px; background:rgba(0,0,0,.9); backdrop-filter:blur(6px); cursor:zoom-out; }
.h-lightbox[hidden]{ display:none; }
.h-lightbox img{ max-width:min(1200px,100%); max-height:90vh; border-radius:14px; box-shadow:0 30px 80px rgba(0,0,0,.8); }
.h-lightbox__x{ position:absolute; top:16px; left:16px; width:42px; height:42px; border-radius:50%; border:0; cursor:pointer; color:#fff; font-size:18px; background:rgba(255,255,255,.12); }

@media (max-width:560px){
    .h-search{ padding-inline-start:40px; }
    .h-search .h-btn{ min-height:42px; padding:8px 14px; }
    .h-pn{ grid-template-columns:1fr; }
    .h-pn__a--next{ text-align:right; }
    .h-hdr__section{ font-size:12px; padding:5px 10px; }
}