/* Стилове за началната страница на справките (/spravki). Глобален файл — само тук.
   Токени и бутони .btn от tokens.css; тук добавяме цветовете по сезон за картите. */
:root{ --autumn:#c97b3c; --winter:#3f6f96; --spring:#2f9e62; --inter:#8a6fb0; --summer:#e0a23c; }
[data-theme="dark"]{ --autumn:#d08c50; --winter:#5d8cb3; --spring:#5cc08a; --inter:#a78bcc; --summer:#e8b659; }

/* HERO */
.spv .phero{padding:48px 0 10px;position:relative;overflow:hidden}
.spv .phero::before{content:"";position:absolute;inset:-40% -10% auto auto;width:680px;height:520px;z-index:0;background:radial-gradient(ellipse 50% 60% at 70% 18%,rgba(242,166,90,.22),transparent 62%),radial-gradient(ellipse 52% 54% at 92% 30%,rgba(224,123,95,.20),transparent 60%);pointer-events:none}
.spv .phero>*{position:relative;z-index:1}
.spv .eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:18px;display:inline-flex;align-items:center;gap:10px}
[data-theme="dark"] .spv .eyebrow{color:var(--accent)}
.spv .eyebrow::before{content:"";width:26px;height:2px;background:var(--accent);border-radius:2px;display:inline-block}
.spv .phero h1{font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;line-height:1.0;font-size:clamp(2.5rem,6.4vw,4.6rem);max-width:15ch;text-wrap:balance}
.spv .phero .lead{color:var(--muted);font-size:clamp(1.04rem,2.2vw,1.26rem);font-weight:500;max-width:62rem;margin-top:22px;text-wrap:pretty}
.spv .phero .lead b{color:var(--text);font-weight:700}

/* STAT STRIP */
.stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.stat{display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:13px 20px 13px 16px;box-shadow:var(--shadow);transition:var(--t)}
.stat:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.stat .sn{font-family:var(--font-display);font-weight:900;font-size:1.7rem;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;flex:0 0 auto}
.stat .sl{font-size:.8rem;font-weight:700;color:var(--muted);line-height:1.25;text-transform:uppercase;letter-spacing:.02em}
.stat .sl b{display:block;color:var(--text);font-weight:800;font-size:.86rem;text-transform:none;letter-spacing:0}
.stat.live{border-color:color-mix(in srgb,var(--green) 32%,var(--border))}
.stat.live .dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex:0 0 auto;animation:spvpulse 2.4s infinite}
@keyframes spvpulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--green) 55%,transparent)}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}

/* SECTION */
.spv .sec{padding:40px 0}
.spv .sec-head{margin-bottom:24px}
.spv .sec-head .kicker{font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep);display:inline-flex;align-items:center;gap:9px;margin-bottom:12px}
[data-theme="dark"] .spv .sec-head .kicker{color:var(--accent)}
.spv .sec-head .kicker::before{content:"";width:22px;height:2px;background:var(--accent);border-radius:2px}
.spv .sec-head h2{font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,3.6vw,2.2rem);letter-spacing:-.02em;line-height:1.06}
.spv .sec-head p{color:var(--muted);font-size:.98rem;margin-top:8px;max-width:62rem;text-wrap:pretty}

/* CARD GRID */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:880px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.cards{grid-template-columns:1fr}}
.card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow);transition:var(--t);overflow:hidden;border-top:4px solid var(--c,var(--accent))}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--c,var(--accent)) 42%,var(--border))}
.card:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.card .ctop{display:flex;align-items:flex-start;gap:14px}
.card .cem{font-size:2rem;line-height:1;flex:0 0 auto}
.card .cstat{margin-left:auto;text-align:right;flex:0 0 auto}
.card .cstat b{font-family:var(--font-display);font-weight:800;font-size:1.32rem;line-height:1;color:var(--c,var(--accent-deep));display:block}
.card .cstat span{font-size:.68rem;font-weight:700;color:var(--faint);text-transform:uppercase;letter-spacing:.04em;margin-top:4px;display:block}
.card h3{font-family:var(--font-display);font-weight:700;font-size:1.18rem;letter-spacing:-.01em;line-height:1.18;margin:16px 0 0;text-wrap:balance}
.card p{font-size:.92rem;font-weight:500;color:var(--muted);margin-top:9px;text-wrap:pretty;line-height:1.5;flex:1}
.card .clink{margin-top:18px;padding-top:15px;border-top:1px solid var(--border);font-size:.88rem;font-weight:700;color:var(--accent-deep);display:inline-flex;align-items:center;gap:8px;transition:var(--t)}
[data-theme="dark"] .card .clink{color:var(--accent)}
.card:hover .clink{gap:12px}

/* QUICK ANSWERS */
.qa-band{background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:var(--r-lg);padding:30px 30px 32px;box-shadow:var(--shadow)}
.qa-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px}
@media(max-width:760px){.qa-grid{grid-template-columns:1fr}}
.qa{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:18px 20px;transition:var(--t)}
.qa:hover{transform:translateX(4px);border-color:color-mix(in srgb,var(--accent) 32%,var(--border));box-shadow:var(--shadow)}
.qa .q{font-size:.82rem;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:8px}
.qa .q::before{content:"?";font-family:var(--font-display);font-weight:800;color:#fff;background:var(--accent);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:.74rem;flex:0 0 auto}
.qa .a{font-family:var(--font-display);font-weight:700;font-size:1.04rem;letter-spacing:-.01em;margin-top:9px;line-height:1.25;text-wrap:pretty}
.qa .a b{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.qa .qnote{font-size:.78rem;font-weight:600;color:var(--faint);margin-top:5px}

/* CTA ROW */
.ctarow{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px 28px;box-shadow:var(--shadow);margin-top:6px}
.ctarow .ctxt{font-family:var(--font-display);font-weight:700;font-size:1.12rem;letter-spacing:-.01em}
.ctarow .csub{font-size:.9rem;font-weight:500;color:var(--muted);margin-top:4px}