/* SITE-A-v1 (2026-11-07): единый стиль siteai.lv — как главная (концепция A).
   Подключается ПОСЛЕ встроенного <style> страниц-шаблонов (тематические, блог, SEO-страницы)
   и переопределяет их: тёмная сцена, бронзовый акцент, Manrope. Менять стиль сайта — здесь. */
:root{
  --bg:#111;--bg-dark:#0b0b0b;--surface:#1c1c1c;--surface-2:#262626;
  --text:#f2f2f2;--ink-2:#cfcfcf;--muted:#a3a3a3;--border:#2c2c2c;
  --accent:#c9a98c;--accent-2:#c9a98c;--accent-hover:#d8bca2;--accent-ink:#111;--green:#8fc79a;
  --serif:'Manrope',system-ui,-apple-system,sans-serif;--sans:'Manrope',system-ui,-apple-system,sans-serif;
}
body{background:var(--bg);color:var(--text);font-size:17px;line-height:1.6}
::selection{background:var(--accent);color:var(--accent-ink)}
h1,h2,h3,h4{font-family:var(--sans);font-weight:600;letter-spacing:-.03em;line-height:1.08}
.h-xl{font-size:clamp(36px,4.6vw,64px);line-height:1.02;letter-spacing:-.04em}
.h-lg{font-size:clamp(28px,3.4vw,44px)}
em{font-style:normal;color:inherit}
.lead{color:var(--ink-2)}
.muted{color:var(--muted)}
.eyebrow{display:none}

/* кнопки */
.btn{border-radius:999px;font-weight:600}
.btn-primary,.btn-on-dark{background:var(--accent);color:var(--accent-ink);border-color:transparent}
.btn-primary:hover,.btn-on-dark:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:none}
.btn-ghost{background:transparent;color:var(--text);border-color:#444}
.btn-ghost:hover{background:transparent;border-color:var(--text)}

/* шапка — как на главной */
.topbar{position:static;background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:0}
.topbar-inner{max-width:1500px;padding:22px 32px}
.brand{font-family:var(--sans);font-weight:700;font-size:21px;color:var(--text)}
.brand>span{color:inherit}
.brand-mark{display:none}
.brand{gap:0}
.topbar nav a{color:var(--text);font-size:15px}
.topbar nav a:hover{color:var(--accent);background:transparent}
.lang{background:transparent;border:0;padding:0;gap:2px}
.lang button,.lang a{color:var(--muted);font-size:13px;font-weight:600}
.lang button.active,.lang a.active{background:var(--surface-2);color:var(--text)}
.lang a:hover,.lang button:hover{color:var(--text)}
.topbar-actions .btn-ghost{border:0;color:var(--text);padding:8px 10px}
.topbar-actions .btn-ghost:hover{color:var(--accent)}
.topbar-actions .btn-primary{padding:11px 18px;font-size:15px}
@media(max-width:880px){.topbar-inner{padding:14px 16px;gap:12px}.topbar-actions .btn-ghost{color:var(--accent);font-weight:600}}

/* секции и карточки */
.container{max-width:1500px;padding:0 32px}
@media(max-width:720px){.container{padding:0 16px}}
.hero{border-bottom:0;padding:56px 0 40px}
.section{padding:clamp(64px,8vw,120px) 0}
.section[style*="background"]{background:var(--bg)!important;border:0!important}
.card,.step,.panel,.cta-panel,.rel,.post-card{background:var(--surface);border:0;border-radius:20px;box-shadow:none}
.card p,.step p,.post-card p{color:var(--ink-2)}
.card .ic{display:none}
.step .n{background:var(--accent);color:var(--accent-ink);font-family:var(--sans)}
.trust{color:var(--muted)}
.dot{color:var(--accent)}
.checks li::before{color:var(--accent)}
.rel{color:var(--text)}
.rel:hover{background:var(--surface-2);transform:none}
.rel::after{color:var(--accent)}
.post-card:hover{background:var(--surface-2);transform:none;box-shadow:none}
.post-card .pc-cat,.art-cat{color:var(--accent)}
.post-card .pc-go{color:var(--accent)}
.back{color:var(--muted)}
.back:hover{color:var(--text)}

/* статьи и SEO-страницы */
.prose p,.prose ul li,.prose ol li,.art-body p,.art-body ul li{color:var(--ink-2)}
.prose h2,.prose h3,.art-body h2{font-family:var(--sans);color:var(--text)}
.prose a,.art-body a{color:var(--text);text-decoration-color:var(--accent)}
.prose a:hover,.art-body a:hover{color:var(--accent)}
.prose ul li::before,.art-body ul li::before{color:var(--accent)}
.prose ol li::before{background:var(--accent);color:var(--accent-ink)}
.callout{background:var(--surface);border:0;border-left:3px solid var(--accent);color:var(--ink-2)}
.tbl{background:var(--surface);border:0}
.tbl th{background:var(--surface-2);color:var(--text)}
.tbl th,.tbl td{border-bottom:1px solid var(--border);color:var(--ink-2)}

/* вопросы */
.faq details{border-bottom:1px solid var(--border)}
.faq summary{font-family:var(--sans);font-weight:600}
.faq summary::after{color:var(--accent)}
.faq .a{color:var(--ink-2)}

/* финальный призыв и подвал */
.cta-band{background:var(--surface);color:var(--text)}
.cta-band p{color:var(--ink-2)}
.cta-band .sub{color:var(--muted)}
.footer{background:var(--bg-dark);color:var(--ink-2)}
.footer .brand{color:var(--text)}
.footer h4{font-family:var(--sans);text-transform:none;letter-spacing:0;font-size:15px;font-weight:600;color:var(--muted)}
.footer a{color:var(--text)}
.footer a:hover{color:var(--accent)}
.footer .copy{border-top:0;color:var(--muted)}

/* форма «попробовать без регистрации» (try-widget.js) */
.tw{background:var(--surface)!important;border:0!important;box-shadow:none!important}
.tw label{color:var(--text)!important}
.tw textarea{background:var(--surface-2)!important;border:0!important;color:var(--text)!important}
.tw textarea::placeholder{color:#8a8a8a}
.tw textarea:focus{outline:2px solid var(--accent)!important;background:var(--surface-2)!important}
.tw button{background:var(--accent)!important;color:var(--accent-ink)!important}
.tw small{color:var(--muted)!important}
.tw .tw-err{color:#f0a58f!important}