/* =========================================================
   FACTPAGE — слой справочных страниц (file size, PC specs, даты).
   Надстройка над style.css + countdown.css.

   ВАЖНО ПРО ИМЕНА КЛАССОВ.
   Первая версия звалась .art / .sec — и оба имени уже заняты в
   style.css: .sec там даёт padding до 150px (отсюда были провалы
   в вёрстке), а .art — height:100%, overflow:hidden и два
   декоративных слоя ::before/::after поверх контента.
   Поэтому здесь всё с приставкой fp- и всё вложено в .factpage-on:
   так чужие правила не достают до нас, а наши — до чужой вёрстки.
   ========================================================= */

body.factpage-on{
  background:
    radial-gradient(1200px 620px at 82% -10%, rgba(240,18,122,.20), transparent 62%),
    radial-gradient(900px 520px at 8% 6%, rgba(166,74,201,.18), transparent 60%),
    var(--ink);
  background-attachment:fixed;
}
/* шапка на этих страницах не висит поверх hero — hero тут нет */
body.factpage-on .topbar{position:sticky;top:0;background:rgba(15,15,26,.72)}

/* ---------- КОНТЕЙНЕР ----------
   Одна колонка на всю ширину 1080 — как секции главной.
   Боковое оглавление убрано: оно зажимало контент в 720px,
   а справа оставался пустой столб во всю высоту страницы. */
.factpage-on .fp{
  max-width:1080px;margin:0 auto;
  padding:clamp(34px,5vw,56px) clamp(18px,4vw,40px) clamp(64px,9vw,110px);
}
/* текст читается в узкой мере, таблицы и карточки — во всю ширину */
.factpage-on .fp p,
.factpage-on .fp .fp__dek,
.factpage-on .fp .fp__lead{max-width:70ch}

/* ---------- ШАПКА СТРАНИЦЫ ---------- */
.factpage-on .fp__crumbs{
  font-family:'Barlow Condensed',sans-serif;font-size:15px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);margin:0 0 16px;
}
.factpage-on .fp__crumbs a{color:var(--muted)}
.factpage-on .fp__crumbs a:hover{color:var(--pink)}
.factpage-on .fp__crumbs i{font-style:normal;margin:0 8px;opacity:.5}

.factpage-on .fp__h1{
  font-family:'Anton',Impact,sans-serif;font-weight:400;text-transform:uppercase;
  line-height:.92;letter-spacing:.01em;
  font-size:clamp(44px,7.4vw,92px);
  margin:0 0 18px;max-width:15ch;
  color:var(--cream);
}
.factpage-on .fp__dek{
  font-size:clamp(18px,2.1vw,22px);line-height:1.55;
  color:rgba(234,234,244,.82);margin:0 0 24px;
}
.factpage-on .fp__meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;
  padding:14px 0 0;border-top:1px solid var(--line);
  font-family:'Barlow Condensed',sans-serif;font-size:15px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);
}
.factpage-on .fp__meta b{color:var(--cream);font-weight:600}
.factpage-on .fp__dot{width:4px;height:4px;border-radius:50%;background:var(--pink);flex:none}

/* ---------- ГЛАВНЫЙ ОТВЕТ ---------- */
.factpage-on .fp__answer{
  position:relative;margin:34px 0 0;padding:28px 32px 26px;
  border-radius:24px;border:1px solid rgba(240,18,122,.34);
  background:linear-gradient(150deg,rgba(240,18,122,.13),rgba(166,74,201,.07) 62%,transparent);
  overflow:hidden;
}
.factpage-on .fp__answer::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--sunset)}
.factpage-on .fp__answer h2{
  font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--pink);
  margin:0 0 12px;line-height:1;
}
.factpage-on .fp__answer p{margin:0 0 10px;font-size:18.5px;line-height:1.6}
.factpage-on .fp__answer p:last-child{margin-bottom:0}
.factpage-on .fp__answer strong{color:#fff}

/* ---------- СЕКЦИИ ---------- */
.factpage-on .fsec{
  margin:clamp(52px,7vw,80px) 0 0;
  scroll-margin-top:calc(var(--topbar-h,115px) + 14px);
}
.factpage-on .fsec > h2{
  font-family:'Anton',Impact,sans-serif;font-weight:400;text-transform:uppercase;
  line-height:.95;letter-spacing:.01em;color:var(--cream);
  font-size:clamp(28px,4vw,46px);margin:0;
  display:flex;align-items:baseline;gap:16px;
}
.factpage-on .fsec > h2 em{
  font-family:'Barlow Condensed',sans-serif;font-style:normal;font-weight:700;
  font-size:16px;letter-spacing:.18em;color:var(--pink);flex:none;
}
.factpage-on .fsec > p{color:rgba(234,234,244,.8);margin:16px 0 0}
.factpage-on .fsec h3{
  font-family:'Anton',Impact,sans-serif;font-weight:400;text-transform:uppercase;
  font-size:clamp(20px,2.4vw,27px);line-height:1.05;margin:36px 0 12px;color:var(--cream);
}

/* ---------- ТАБЛИЦА ----------
   Во всю ширину контейнера: в 720px колонки ломались, и «150–200 GB»
   растягивалось на три строки. */
.factpage-on .fp__table{
  margin:26px 0 0;border:1px solid var(--line);border-radius:24px;
  overflow:hidden;background:rgba(22,23,43,.55);
}
.factpage-on .fp__scroll{overflow-x:auto}
.factpage-on table.d{width:100%;border-collapse:collapse;min-width:640px;font-size:16px}
.factpage-on table.d thead th{
  text-align:left;padding:16px 22px;white-space:nowrap;
  font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--cream);
  background:linear-gradient(180deg,rgba(240,18,122,.18),rgba(240,18,122,.05));
  border-bottom:1px solid var(--line);
}
.factpage-on table.d td{padding:16px 22px;border-bottom:1px solid rgba(234,234,244,.07);vertical-align:top}
.factpage-on table.d tbody tr:last-child td{border-bottom:0}
.factpage-on table.d tbody tr:hover{background:rgba(240,18,122,.05)}
.factpage-on table.d td b{color:#fff;font-weight:600}
.factpage-on table.d td small{display:block;margin-top:5px;color:var(--muted);font-size:13.5px;line-height:1.45}
.factpage-on table.d tbody td:first-child{min-width:220px}
.factpage-on .fp__num{
  display:inline-block;white-space:nowrap;      /* иначе «150–200 GB» рвётся на три строки */
  font-family:'Barlow Condensed',sans-serif;
  font-size:23px;font-weight:700;letter-spacing:.02em;color:#fff;
}

/* статус факта — ядро провенанса проекта */
.factpage-on .fp__pill{
  display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
  padding:4px 11px 3px;border-radius:999px;
  font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:12.5px;
  letter-spacing:.14em;text-transform:uppercase;
}
.factpage-on .fp__pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.factpage-on .fp__pill--ok{color:#4ee39a;background:rgba(78,227,154,.13);border:1px solid rgba(78,227,154,.3)}
.factpage-on .fp__pill--est{color:#2da5f3;background:rgba(45,165,243,.12);border:1px solid rgba(45,165,243,.3)}
.factpage-on .fp__pill--rumor{color:#f0b429;background:rgba(240,180,41,.12);border:1px solid rgba(240,180,41,.3)}
.factpage-on .fp__pill--no{color:#ff6b8a;background:rgba(255,107,138,.12);border:1px solid rgba(255,107,138,.3)}

.factpage-on .fp__legend{display:flex;flex-wrap:wrap;gap:10px 22px;margin:18px 0 0;font-size:14px;color:var(--muted)}
.factpage-on .fp__legend span{display:inline-flex;align-items:center;gap:9px}

/* ---------- ВРЕЗКА ---------- */
.factpage-on .fp__note{
  margin:26px 0 0;padding:22px 26px;border-radius:18px;max-width:none;
  border:1px solid var(--line);border-left:3px solid var(--cyan);
  background:rgba(45,165,243,.06);font-size:16.5px;line-height:1.6;
}
.factpage-on .fp__note b{color:#fff}
.factpage-on .fp__note--warn{border-left-color:#f0b429;background:rgba(240,180,41,.06)}

/* ---------- КАРТОЧКИ-ВЕРДИКТЫ ---------- */
.factpage-on .fp__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:26px 0 0}
.factpage-on .fp__card{padding:22px 24px;border-radius:20px;border:1px solid var(--line);background:rgba(22,23,43,.6)}
.factpage-on .fp__card b{display:block;font-family:'Barlow Condensed',sans-serif;font-size:21px;letter-spacing:.04em;color:#fff;margin:0 0 8px}
.factpage-on .fp__card span{font-size:14.5px;color:var(--muted);line-height:1.5}
.factpage-on .fp__card--ok{border-color:rgba(78,227,154,.32)}
.factpage-on .fp__card--mid{border-color:rgba(240,180,41,.32)}
.factpage-on .fp__card--no{border-color:rgba(255,107,138,.32)}

/* ---------- ЛЕНТА СОБЫТИЙ ---------- */
.factpage-on .fp__tl{margin:28px 0 0;position:relative;padding-left:28px;list-style:none}
.factpage-on .fp__tl::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--pink),var(--violet),transparent)}
.factpage-on .fp__tl li{position:relative;padding:0 0 26px;max-width:70ch}
.factpage-on .fp__tl li::before{content:"";position:absolute;left:-27px;top:7px;width:12px;height:12px;border-radius:50%;background:var(--ink);border:2px solid var(--pink)}
.factpage-on .fp__tl b{display:block;font-family:'Barlow Condensed',sans-serif;font-size:20px;letter-spacing:.04em;color:#fff}
.factpage-on .fp__tl span{font-size:15.5px;color:var(--muted)}
.factpage-on .fp__tl u{text-decoration:none;color:var(--cyan);font-weight:600}

/* ---------- ИСТОЧНИКИ ---------- */
.factpage-on .fp__src{margin:30px 0 0;padding:24px 26px;border-radius:20px;background:rgba(22,23,43,.5);border:1px solid var(--line)}
.factpage-on .fp__src h3{
  font-family:'Barlow Condensed',sans-serif;font-size:14px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--muted);margin:0 0 12px;
}
.factpage-on .fp__src ol{margin:0;padding-left:20px;color:var(--muted);font-size:15px;line-height:1.75}
.factpage-on .fp__src a{color:var(--cyan);border-bottom:1px solid rgba(45,165,243,.3)}
.factpage-on .fp__src a:hover{color:#fff;border-color:#fff}

/* ---------- ВОПРОСЫ ---------- */
.factpage-on .fp__faq{margin:26px 0 0;border-top:1px solid var(--line)}
.factpage-on .fp__faq details{border-bottom:1px solid var(--line)}
.factpage-on .fp__faq summary{
  list-style:none;cursor:pointer;padding:20px 44px 20px 0;position:relative;
  font-family:'Barlow Condensed',sans-serif;font-size:clamp(18px,2.2vw,22px);
  font-weight:600;letter-spacing:.02em;color:var(--cream);
}
.factpage-on .fp__faq summary::-webkit-details-marker{display:none}
.factpage-on .fp__faq summary::after{
  content:"";position:absolute;right:8px;top:50%;width:11px;height:11px;
  border-right:2px solid var(--pink);border-bottom:2px solid var(--pink);
  transform:translateY(-70%) rotate(45deg);transition:transform .25s var(--ease);
}
.factpage-on .fp__faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.factpage-on .fp__faq summary:hover{color:#fff}
.factpage-on .fp__faq p{margin:0 0 22px;color:rgba(234,234,244,.78);font-size:16.5px}

/* ---------- ДАЛЬШЕ ---------- */
.factpage-on .fp__rel{margin:clamp(64px,8vw,92px) 0 0;padding:44px 0 0;border-top:1px solid var(--line)}
.factpage-on .fp__rel > h2{
  font-family:'Anton',Impact,sans-serif;font-weight:400;text-transform:uppercase;
  font-size:clamp(24px,3vw,34px);margin:0 0 22px;color:var(--cream);
}

@media (max-width:640px){
  .factpage-on table.d thead th,
  .factpage-on table.d td{padding:14px 16px}
  .factpage-on .fp__answer{padding:22px 20px}
}