/* ══════════════════════════════════════════════════════════════════════════
   Татьяна Шефер — страница «Политика конфиденциальности» (/privacy)
   Самодостаточный CSS: дизайн-токены синхронизированы с лендингом (v52),
   но страница не версионируется и не зависит от ротаций index/bio.
   Разделы: 1 токены · 2 сброс · 3 каркас · 4 шапка · 5 лонгрид · 6 футер ·
            7 согласие/cookie.
   ══════════════════════════════════════════════════════════════════════════ */


/* ══════════════════════════════════════════════════════════════════════════
   1. ДИЗАЙН-ТОКЕНЫ (палитра «шампань», синхр. с v52 §1)
   ══════════════════════════════════════════════════════════════════════════ */
:root{
  --ink:#ede5d0;
  --bg:#152120;
  --bg-alt:#192523;
  --gold:#c9b98a;
  --gold-btn:#d4c28a;
  --on-gold:#0e1a19;
  --deep:#101a18;
  --surface:#1e2b29;
  --on-dark:#fff;
  --on-dark-faint:rgba(255,255,255,.62);
  --muted:rgba(237,229,208,.66);
  --faint:rgba(237,229,208,.46);
  --hair:rgba(237,229,208,.13);
  --rule:rgba(237,229,208,.28);
  --lede-bg:rgba(237,229,208,.08);

  --display:"Raleway", system-ui, sans-serif;
  --sans:"Inter", system-ui, -apple-system, sans-serif;
  --fs-2xs:12px; --fs-xs:14px; --fs-base:15px; --fs-md:22px;
  --fs-lg:26px; --fs-xl:34px; --fs-2xl:42px;
  --fs-h2:clamp(30px,4vw,50px);

  --maxw:none; --maxw-content:1152px;
  --margin:clamp(20px,1.7vw,40px);
  --header-h:76px;
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --s6:64px;
  --r-btn:0;
  --btn-h-sm:40px;
  --ease:cubic-bezier(.165,.84,.44,1);
  --dur:.45s; --dur-fast:.35s;
}


/* ══════════════════════════════════════════════════════════════════════════
   2. СБРОС И БАЗА
   ══════════════════════════════════════════════════════════════════════════ */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--ink);
  font-family:var(--sans);font-size:var(--fs-base);line-height:1.5;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  font-kerning:normal;font-feature-settings:"kern","liga","calt";
}
a{color:inherit;text-decoration:none}
svg{display:block}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
::selection{background:var(--ink);color:var(--bg)}
p,li{text-wrap:pretty}
a:focus-visible,button:focus-visible,
input:focus-visible{outline:2px solid var(--ink);outline-offset:3px}


/* ══════════════════════════════════════════════════════════════════════════
   3. КАРКАС
   ══════════════════════════════════════════════════════════════════════════ */
.page{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column}
.frame{width:100%;max-width:var(--maxw);margin:0 auto;padding-inline:var(--margin)}
main{flex:1 0 auto}


/* ══════════════════════════════════════════════════════════════════════════
   4. ШАПКА — минимальная (бренд + «На главную»)
   ══════════════════════════════════════════════════════════════════════════ */
.p-header{position:sticky;top:0;z-index:70;background:var(--bg);border-bottom:1px solid var(--hair)}
.p-header .frame{display:flex;align-items:center;justify-content:space-between;
  height:var(--header-h);gap:var(--s3)}
.p-brand{display:flex;flex-direction:column;line-height:1.2;color:var(--ink)}
.p-brand .nm{font-size:var(--fs-xs);font-weight:500;letter-spacing:.01em}
.p-brand .sub{font-size:var(--fs-2xs);color:var(--faint);letter-spacing:.02em}
.p-back{font-size:var(--fs-xs);color:var(--muted);white-space:nowrap;transition:color .15s}
.p-back:hover{color:var(--ink)}


/* ══════════════════════════════════════════════════════════════════════════
   5. ЛОНГРИД ПОЛИТИКИ
   ══════════════════════════════════════════════════════════════════════════ */
.legal{padding-block:var(--s6)}
/* читаемая колонка центрируется по горизонтали (текст внутри — выключка слева) */
.legal__inner{max-width:76ch;margin-inline:auto}
/* заголовок страницы — по центру колонки */
.legal h1{font-family:var(--display);font-weight:300;font-size:var(--fs-h2);line-height:1.05;
  letter-spacing:.02em;color:var(--ink);text-align:center}
.legal__meta{font-size:var(--fs-xs);color:var(--faint);margin-top:var(--s2);text-align:center}
.legal h2{font-family:var(--display);font-weight:400;font-size:var(--fs-lg);line-height:1.15;
  color:var(--ink);margin:var(--s6) 0 var(--s2);padding-top:var(--s2);border-top:1px solid var(--hair)}
.legal h3{font-family:var(--display);font-weight:500;font-size:var(--fs-base);color:var(--ink);
  margin:var(--s4) 0 var(--s1)}
.legal p{font-size:var(--fs-xs);line-height:1.75;color:var(--muted);margin-top:var(--s2)}
.legal ul{list-style:none;margin-top:var(--s2)}
.legal li{position:relative;font-size:var(--fs-xs);line-height:1.75;color:var(--muted);
  padding-left:var(--s3);margin-top:var(--s1)}
.legal li::before{content:"—";position:absolute;left:0;color:var(--gold)}
.legal strong{color:var(--ink);font-weight:600}

/* таблица раздела 6 «Цели обработки персональных данных» */
.legal-table{width:100%;border-collapse:collapse;margin-top:var(--s3);font-size:var(--fs-xs)}
.legal-table th,.legal-table td{border:1px solid var(--rule);padding:var(--s2) var(--s3);
  text-align:left;vertical-align:top;line-height:1.65}
.legal-table th{width:38%;font-family:var(--display);font-weight:500;color:var(--ink);
  background:var(--lede-bg)}
.legal-table td{color:var(--muted)}
.legal-table ul{margin-top:0}
@media(max-width:600px){
  .legal-table,.legal-table tbody,.legal-table tr,.legal-table th,.legal-table td{display:block;width:100%}
  .legal-table th{border-bottom:none}
  .legal-table td{border-top:none;margin-bottom:var(--s2)}
}


/* ══════════════════════════════════════════════════════════════════════════
   6. ФУТЕР
   ══════════════════════════════════════════════════════════════════════════ */
.site-footer{border-top:1px solid var(--hair)}
.site-footer .frame{display:flex;align-items:center;justify-content:space-between;
  gap:var(--s3);flex-wrap:wrap;padding-block:var(--s4)}
.ft-l{display:flex;align-items:center;gap:12px;font-size:var(--fs-xs);color:var(--muted)}
.ft-r{display:flex;flex-wrap:wrap;gap:var(--s4);font-size:var(--fs-xs)}
.ft-r a{color:var(--faint);transition:color .15s}
.ft-r a:hover{color:var(--ink)}


/* ══════════════════════════════════════════════════════════════════════════
   7. COOKIE-УВЕДОМЛЕНИЕ (синхр. с v52 §25)
   ══════════════════════════════════════════════════════════════════════════ */
.cookie{position:fixed;left:var(--margin);bottom:var(--margin);z-index:80;max-width:420px;
  opacity:0;transform:translateY(12px);
  transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}
.cookie.is-visible{opacity:1;transform:none}
.cookie__box{background:var(--surface);border:1px solid var(--rule);padding:var(--s3);
  box-shadow:0 8px 40px rgba(0,0,0,.45)}
.cookie__text{font-size:var(--fs-xs);line-height:1.5;color:var(--muted)}
.cookie__actions{display:flex;align-items:center;gap:var(--s3);margin-top:var(--s3)}
.cookie__accept{font-family:var(--display);font-size:var(--fs-xs);font-weight:500;letter-spacing:.02em;
  height:var(--btn-h-sm);padding:0 var(--s4);border:1px solid var(--gold-btn);border-radius:var(--r-btn);
  background:var(--gold-btn);color:var(--on-gold);cursor:pointer;
  transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}
.cookie__accept:hover{background:transparent;color:var(--gold-btn)}
.cookie__more{font-size:var(--fs-xs);color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.cookie__more:hover{color:var(--ink)}
@media(max-width:600px){
  .cookie{left:var(--margin);right:var(--margin);max-width:none}
}
@media(prefers-reduced-motion:reduce){
  .cookie{transition:none}
}