/* Sovetika • BSTATS — базовый стиль (бумага/типография/офсет) */

:root{
  --paper: #FEFAF3;
  --sepia: #8A6A58;
  --sepia-d: #5F473B;
  --sepia-w: #7A5C4C;
  --gold: #9C6B3F;
  --hi: #D8C29A;
  --ink: #3F3A34;

  --card: #ffffff;
  --line: rgba(63,58,52,.18);
  --line2: rgba(63,58,52,.12);
  --muted: rgba(63,58,52,.72);
  --muted2: rgba(63,58,52,.58);

  --radius: 16px;
  --shadow: 0 10px 28px rgba(63,58,52,.07);
  --shadow2: 0 6px 16px rgba(63,58,52,.05);
}

*{ box-sizing: border-box; }

html, body{
  margin:0;
  padding:0;
  background: var(--paper);
  color: var(--ink);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Лёгкая бумажная фактура: почти незаметная */
body{
  position: relative;
}
body::before{
  content:"";
    position: fixed;
  inset: 0;
  width: auto;
  height: auto;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;

  background:
    /* мягкие следы печати */
    repeating-linear-gradient(
      0deg,
      rgba(63,58,52,.020) 0px,
      rgba(63,58,52,.020) 1px,
      rgba(254,250,243,0) 3px,
      rgba(254,250,243,0) 10px
    ),
    /* очень лёгкое "зерно" */
    radial-gradient(circle at 20% 15%, rgba(95,71,59,.03), transparent 55%),
    radial-gradient(circle at 80% 75%, rgba(122,92,76,.025), transparent 60%);
  opacity: .55;
  mix-blend-mode: multiply;
}

/* Контейнер */
.wrap{
  max-width: 980px;
  margin: 0 auto;
  padding: 18px 18px 26px;
}

/* Верх */
.top{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

h1{
  margin:0;
  font-size: 18px;
  letter-spacing: .02em;
  color: var(--ink);
}

.nav{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

/* Ссылки — "газетные" */
a{
  color: var(--sepia-d);
  text-decoration: none;
  border-bottom: 1px dotted rgba(95,71,59,.35);
}
a:hover{
  color: var(--sepia);
  border-bottom-color: rgba(143,106,88,.55);
}

/* Карточки */
.card{
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px;
  box-shadow: var(--shadow2);
}

.grid{
  display:grid;
  gap: 12px;
  grid-template-columns: 1fr;
}
@media (min-width: 900px){
  .grid{ grid-template-columns: 1fr 1fr; }
}

/* Заголовки блоков */
h2{
  margin: 0 0 10px 0;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--sepia-d);
}

/* Тихий текст */
.muted{
  color: var(--muted);
}

/* Строки топов */
.row{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 7px 0;
  border-bottom: 1px dashed var(--line2);
}
.row:last-child{ border-bottom: none; }

.title{
  font-weight: 700;
  color: var(--ink);
}

.slug{
  font-style: italic;
  font-size: 12px;
  color: var(--muted2);
}

/* Числа — уверенные, но не кричащие */
.num{
  font-weight: 800;
  color: var(--sepia-d);
  letter-spacing: .01em;
}

/* Кнопки-ссылки (если захотим позже) */
.pill{
  display:inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: linear-gradient(180deg, #fff, rgba(216,194,154,.12));
  box-shadow: var(--shadow);
}

/* Табличная "лента" для часов */
.hrow{
  display:flex;
  gap: 12px;
  align-items:center;
  padding: 7px 0;
  border-bottom: 1px dashed var(--line2);
}
.hrow:last-child{ border-bottom:none; }

.h{
  width: 56px;
  font-weight: 800;
  color: var(--sepia-d);
}

.bar{
  height: 10px;
  background: rgba(63,58,52,.12);
  border-radius: 999px;
  flex: 1;
  overflow: hidden;
  border: 1px solid rgba(63,58,52,.10);
}

.fill{
  height: 100%;
  background: rgba(143,106,88,.55);
  width: 0;
}

.cnt{
  width: 90px;
  text-align: right;
  font-weight: 800;
  color: var(--sepia-d);
}

.nav{ gap: 8px; }
.nav a{ padding: 2px 0; }
.nav-wrap{
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed var(--line2);
}
.nav-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
@media (min-width: 900px){
  .nav-grid{ grid-template-columns: 1fr 1fr; }
}
.nav-card a{ display:inline-block; margin: 4px 10px 4px 0; }


/* FINAL FIX: центрируем контент */
html, body { width: 100%; }
.wrap{
  width: 100% !important;
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
  box-sizing: border-box !important;
}

/* Центровка + визуальная рамка контейнера */
.wrap{
  max-width: 920px !important;
}

.wrap::before{
  content:"";
  position:absolute;
  inset: 0;
  border: 1px solid rgba(63,58,52,.10);
  border-radius: 16px;
  pointer-events:none;
}

.wrap{
  position: relative;
  background: rgba(254,250,243,.86);
  box-shadow: 0 12px 40px rgba(63,58,52,.06);
  border-radius: 16px;
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}

/* === HARD CENTER FIX (BSTATS) === */
body{
  background: var(--paper);
}

/* реальный центр */
.wrap{
  box-sizing: border-box !important;
  width: min(920px, calc(100vw - 36px)) !important;
  margin: 14px auto !important;
  padding: 18px 18px 26px !important;
  position: relative !important;
}

/* "лист" */
.wrap{
  background: rgba(254,250,243,.92) !important;
  border: 1px solid rgba(63,58,52,.10) !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 40px rgba(63,58,52,.06) !important;
}

/* страховка от горизонтального расползания */
html, body{
  overflow-x: hidden !important;
}

/* Главная: принудительный контейнер */
.home-wrap{
  width: min(920px, calc(100vw - 36px)) !important;
  margin: 14px auto !important;
}