/* ==========================================================================
   Оформление публичных страниц в стиле главной (body.skin):
   тарифы, справка, статьи и задачи (SEO), Telegram, вход, оферта, политика, согласие.
   Только внешний вид: разметка, тексты и сценарии страниц не меняются.
   Рабочие разделы платформы (редактор, ИИ-студия, конструкторы, админка) этот файл не подключают.
   Язык — как у главной (welcome-v2.css): чёрный мрамор с золотыми прожилками, стеклянная
   «пилюля» шапки, антиква Cormorant Garamond в заголовках, золотые кнопки; в теме ivory — бумага и бронза.
   ========================================================================== */

@font-face{font-family:'HR Serif';font-style:normal;font-weight:700;font-display:swap;
  src:url(/fonts/lib/cormorant-garamond/cormorant-garamond-cyrillic-700-normal.woff2) format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'HR Serif';font-style:normal;font-weight:700;font-display:swap;
  src:url(/fonts/lib/cormorant-garamond/cormorant-garamond-latin-700-normal.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+20BD,U+2122,U+2191,U+2193,U+2212,U+2215}

body.skin{
  --sk-serif:'HR Serif','Cormorant Garamond',Georgia,'Times New Roman',serif;
  --sk-gold:#d7ad68;--sk-gold-l:#f3dbab;--sk-gold-d:#9a713a;
  --sk-glass:rgba(12,13,11,.9);--sk-glass-strong:rgba(12,14,11,.94);
  --sk-panel:linear-gradient(180deg,rgba(22,22,20,.95),rgba(13,13,12,.96));
  --sk-panel-border:rgba(225,190,128,.2);
  --sk-ease:cubic-bezier(.2,.75,.2,1);
  isolation:isolate;overflow-x:clip;
}
/* Тёмная тема по умолчанию: тёплый графит + мрамор. */
html:not([data-theme]) body.skin,html[data-theme="marble"] body.skin{
  --bg:#090a09;--s1:#161712;--s2:#1c1d18;--s3:#25261f;
  --ink:#f7f4ee;--ink-2:#e6e1d8;--muted:#c4bdb1;
  --brass:#dfb777;--brass-l:#f2d6a4;--brass-d:#9a713a;
  --line:rgba(225,190,128,.14);--line2:rgba(225,190,128,.25);
  --theme-hover:rgba(230,196,139,.08);--theme-input:rgba(8,9,7,.72);
  background:#090a09;
}
html:not([data-theme]) body.skin::before,html[data-theme="marble"] body.skin::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:linear-gradient(90deg,rgba(4,5,5,.55),rgba(4,5,5,.8) 50%,rgba(4,5,5,.55)),
    url('/media/welcome/marble-gold.jpg') center top/cover no-repeat;
  opacity:.92;
}
/* Светлая тема: бумага и бронза. */
html[data-theme="ivory"] body.skin{
  --bg:#f3ede1;--s1:#fffbf3;--s2:#f4ecdd;--s3:#ebe1cf;
  --ink:#342d21;--ink-2:#554b3b;--muted:#776c5b;
  --brass:#8b6531;--brass-l:#7f5a26;--brass-d:#5f421b;
  --line:rgba(173,145,97,.24);--line2:rgba(173,145,97,.38);
  --sk-glass:rgba(255,250,241,.82);--sk-glass-strong:rgba(255,250,241,.96);
  --sk-panel:linear-gradient(180deg,rgba(255,252,246,.94),rgba(250,244,233,.94));
  --sk-panel-border:rgba(173,145,97,.28);
  background:#f3ede1;
}
html[data-theme="ivory"] body.skin::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:linear-gradient(#f3ede1c9,#f3ede1c9),url('/media/welcome/paper-soft.jpg') center/800px repeat;
}
body.skin .aurora{display:none}

/* ---------- типографика ---------- */
body.skin :is(main,.lp,.seo-wrap,.tg-wrap,.doc,.wrap) :is(h1,h2):not(dialog *){
  font-family:var(--sk-serif);font-weight:700;letter-spacing:-.005em;color:var(--ink);text-wrap:balance}
body.skin :is(main,.lp,.seo-wrap,.tg-wrap,.doc,.wrap) h1:not(dialog *){font-size:clamp(38px,4.8vw,60px);line-height:1.04}
body.skin .doc h1:not(dialog *){font-size:clamp(34px,4vw,48px)}
body.skin :is(main,.lp,.seo-wrap,.tg-wrap,.doc,.wrap) h2:not(dialog *){font-size:clamp(25px,2.6vw,34px);line-height:1.12}
/* Заголовки внутри небольших карточек — скромнее, чтобы не ломались в три строки. */
body.skin :is(.tg-card,.billing-guide-item,.plan,.value-item,.pp-card,.card .card) h2:not(dialog *){font-size:clamp(20px,1.9vw,24px);line-height:1.15}
body.skin .doc .card h2:not(dialog *){font-size:clamp(22px,2.2vw,28px)}
html:not([data-theme="ivory"]) body.skin :is(main,.lp,.seo-wrap,.tg-wrap,.doc,.wrap) h1:not(dialog *){
  background:linear-gradient(115deg,#f6e7c8 0%,#f1e3c5 45%,#d8b273 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="ivory"] body.skin :is(main,.lp,.seo-wrap,.tg-wrap,.doc,.wrap) h1:not(dialog *){color:#3c3020}
body.skin :is(main,.lp,.seo-wrap,.tg-wrap,.doc,.wrap) h3:not(dialog *){letter-spacing:.005em}
body.skin a{text-underline-offset:3px;text-decoration-thickness:1px}
body.skin ::selection{background:rgba(223,183,119,.35)}

/* ---------- кнопки ---------- */
body.skin .btn,body.skin button.btn{border-radius:999px;transition:transform .28s var(--sk-ease),box-shadow .28s,background .28s,border-color .28s,color .28s}
body.skin .btn.brass,body.skin button.brass,body.skin a.brass{
  border:0;color:#302211;background:linear-gradient(155deg,#f5dfb3,#e3bd7c 48%,#b88a4a);
  box-shadow:0 1px 0 #fff1cf inset,0 8px 24px -14px #eec889}
body.skin .btn.brass:hover,body.skin button.brass:hover,body.skin a.brass:hover{transform:translateY(-1px);box-shadow:0 1px 0 #fff5db inset,0 12px 30px -14px #f1cf95}
body.skin .btn:not(.brass){background:rgba(255,248,232,.04);border:1px solid var(--line2);color:var(--ink)}
body.skin .btn:not(.brass):hover{background:var(--theme-hover);border-color:rgba(223,183,119,.5)}
html[data-theme="ivory"] body.skin .btn:not(.brass){background:rgba(255,255,255,.6)}
body.skin .btn:focus-visible,body.skin a:focus-visible,body.skin button:focus-visible{outline:2px solid var(--brass);outline-offset:3px}

/* ---------- шапки: стеклянная «пилюля», как на главной ---------- */
body.skin :is(.lp-top,.seo-nav .seo-nav__row,.topbar-min){
  background:var(--sk-glass);border:1px solid rgba(230,196,139,.22);border-radius:999px;
  box-shadow:0 12px 36px -24px #000;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4)}
html[data-theme="ivory"] body.skin :is(.lp-top,.seo-nav .seo-nav__row,.topbar-min){border-color:#b7975e44;box-shadow:0 12px 36px -24px rgba(80,60,30,.45)}
body.skin .lp-top{position:sticky;top:12px;z-index:30;padding:7px 8px 7px 14px;margin-top:12px}
body.skin .seo-nav{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding-top:12px;position:sticky;top:0;z-index:30}
body.skin .seo-nav .seo-nav__row{padding:7px 8px 7px 16px}
body.skin .topbar-min{position:sticky;top:12px;z-index:30;margin:12px auto 0;max-width:1180px;width:calc(100% - 24px);padding:7px 8px 7px 14px}
body.skin :is(.lp-top,.topbar-min) .brand b,body.skin .seo-brand b{font-family:var(--sk-serif);font-size:23px;font-weight:700;letter-spacing:-.02em;color:var(--sk-gold-l)}
html[data-theme="ivory"] body.skin :is(.lp-top,.topbar-min) .brand b,html[data-theme="ivory"] body.skin .seo-brand b{color:#7f5a26}
body.skin :is(.lp-top,.topbar-min,.seo-nav) .btn{min-height:44px;padding:0 16px;display:inline-flex;align-items:center;font-size:14px}
body.skin .seo-nav__links a:not(.btn){border-radius:999px;padding:8px 12px;text-decoration:none;color:var(--ink-2)}
body.skin .seo-nav__links a:not(.btn):hover{background:var(--theme-hover);color:var(--ink)}
/* Справка — шапка рабочей платформы: только тёплое стекло, раскладка прежняя. */
body.skin .topbar{background:var(--sk-glass-strong);border-bottom:1px solid rgba(230,196,139,.18);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
html[data-theme="ivory"] body.skin .topbar{border-bottom-color:#b7975e44}
@media(max-width:640px){
  body.skin :is(.lp-top,.seo-nav .seo-nav__row,.topbar-min){border-radius:20px}
  body.skin .lp-top{top:8px}
  body.skin .topbar-min{width:calc(100% - 16px);top:8px}
}

/* ---------- панели и карточки: тёплое стекло с золотой кромкой ---------- */
body.skin :is(.card,.plan,.value-item,.pp-card,.seo-cards a,.seo-cta,.seo-toc,.tg-card,.billing-guide-item,.help-card,.cost-board,.packs .pack,.cursub){
  background:var(--sk-panel);border-color:var(--sk-panel-border);
  box-shadow:0 22px 48px -36px rgba(0,0,0,.85),0 1px 0 rgba(255,240,210,.05) inset}
html[data-theme="ivory"] body.skin :is(.card,.plan,.value-item,.pp-card,.seo-cards a,.seo-cta,.seo-toc,.tg-card,.billing-guide-item,.help-card,.cost-board,.packs .pack,.cursub){
  box-shadow:0 22px 48px -38px rgba(80,60,30,.55)}
body.skin :is(.plan,.pp-card,.seo-cards a,.value-item,.tg-card){border-radius:20px;transition:transform .35s var(--sk-ease),box-shadow .35s,border-color .35s}
@media(hover:hover) and (pointer:fine){
  body.skin :is(.plan,.pp-card,.seo-cards a,.value-item,.tg-card):hover{transform:translateY(-4px);border-color:rgba(223,183,119,.42);box-shadow:0 30px 60px -38px rgba(0,0,0,.9),0 0 0 1px rgba(223,183,119,.12)}
}
body.skin .seo-cards b{font-family:var(--sk-serif);font-size:21px;line-height:1.15;color:#f6e6c4}
body.skin .seo-cards span{color:var(--ink-2);font-size:14.5px;line-height:1.6}
html[data-theme="ivory"] body.skin .seo-cards b{color:#7f5a26}

/* ---------- тарифы ---------- */
body.skin .lp .head{padding-top:46px}
body.skin .lp .head p{color:var(--ink-2)}
body.skin .plan .price,body.skin .pp-price{font-family:var(--sk-serif);font-weight:700;letter-spacing:-.01em;color:var(--sk-gold-l)}
html[data-theme="ivory"] body.skin :is(.plan .price,.pp-price){color:#7f5a26}
body.skin .plan.featured,body.skin .plan.pop,body.skin .pp-card.pp-typical{border-color:rgba(223,183,119,.55);
  box-shadow:0 30px 70px -40px rgba(223,183,119,.45),0 0 0 1px rgba(223,183,119,.2)}

/* ---------- статьи и задачи (SEO) ---------- */
body.skin .seo-crumbs a{color:var(--brass)}
body.skin .seo-wrap > p,body.skin .seo-wrap article p,body.skin .seo-wrap li{color:var(--ink-2)}
body.skin .seo-wrap h2:not(dialog *){position:relative;padding-top:18px}
body.skin .seo-wrap h2:not(dialog *)::before{content:"";position:absolute;left:0;top:0;width:44px;height:1px;background:linear-gradient(90deg,var(--sk-gold),transparent)}
body.skin .seo-foot{background:transparent;border-top:1px solid var(--line)}

/* ---------- справка ---------- */
body.skin main :is(h2,h3)::first-letter{color:inherit}
body.skin .help-search input,body.skin input[type="search"]{border-radius:999px}

/* ---------- вход ---------- */
body.skin .auth-card{background:var(--sk-panel);border-color:var(--sk-panel-border);border-radius:24px;
  box-shadow:0 40px 90px -50px #000,0 0 0 1px rgba(223,183,119,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
body.skin .auth-tabs button{border-radius:999px}
body.skin .auth-tabs button.active{background:rgba(223,183,119,.14);border-color:rgba(223,183,119,.55);color:var(--sk-gold-l)}
html[data-theme="ivory"] body.skin .auth-tabs button.active{color:#7f5a26}
body.skin .auth-card input{border-radius:12px}

/* ---------- юридические страницы ---------- */
body.skin .legal h2:not(dialog *),body.skin main .legal h2{font-size:clamp(22px,2.4vw,28px)}

@media(prefers-reduced-motion:reduce){
  body.skin :is(.btn,.plan,.pp-card,.seo-cards a,.value-item,.tg-card){transition:none}
}

/* Читаемость (30.10): текст светлый и нейтральный, не «в желтизну»; карточки почти непрозрачные,
   мрамор под содержимым приглушён — фон остаётся фоном. */
html:not([data-theme]) body.skin,html[data-theme="marble"] body.skin{--brass-l:#f1dcb0}
body.skin :is(.seo-wrap,.lp,.tg-wrap,.doc,main) :is(p,li,small,td,th,dd,dt,label):not(dialog *){color:var(--ink-2)}
body.skin :is(.seo-wrap,.lp,.tg-wrap,.doc,main) :is(strong,b):not(dialog *):not(.seo-cards b){color:var(--ink)}
body.skin :is(.seo-wrap,.lp,.tg-wrap,.doc,main) :is(h2,h3):not(dialog *){color:#f7f1e6}
html[data-theme="ivory"] body.skin :is(.seo-wrap,.lp,.tg-wrap,.doc,main) :is(h2,h3):not(dialog *){color:#2f281d}
html[data-theme="ivory"] body.skin .seo-cards b{color:#6f4d1f}