@import url("/assets/base.css");

/* ============================================================
   THEME: magazine (escort-rating.online)
   Светлый редакционный стиль: газетная вёрстка, серифы, красный акцент.
   ============================================================ */
:root {
  --bg: #fffdf9;
  --bg-soft: #f7f2ea;
  --card: #ffffff;
  --text: #17130f;
  --muted: #77706a;
  --line: #e7ded2;
  --accent: #c62828;
  --accent-2: #2b2118;
  --radius: 4px;
  --font-head: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --maxw: 1120px;
}

.hdr { background: #fffdf9; border-bottom: 2px solid var(--text); }
.logo { font-family: var(--font-head); font-size: 1.3rem; letter-spacing: -.01em; }
.logo-mark { background: var(--text); border-radius: 2px; font-family: var(--font-body); font-size: .8rem; }
.hdr-meta { margin-left: auto; font-size: .76rem; text-transform: uppercase; letter-spacing: .12em; color: var(--muted); }
.nav { font-size: .9rem; }
.nav a.on { border-bottom: 2px solid var(--accent); }

.hero { border-bottom: 1px solid var(--line); padding-bottom: 26px; }
.hero h1 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; letter-spacing: -.02em; }
.hero-kicker { color: var(--accent); }
.hero-stats { border-top: 1px solid var(--line); padding-top: 16px; }

h1, h2, h3 { font-weight: 700; }
h2 { border-bottom: 1px solid var(--line); padding-bottom: .35em; }

.card { border-radius: 0; border: 1px solid var(--line); border-top: 3px solid var(--text); box-shadow: none; }
.card-link:hover { box-shadow: 0 10px 24px rgba(60,40,20,.10); transform: none; }
.card-kicker { color: var(--accent); letter-spacing: .12em; }

.score { border-radius: 2px; font-family: var(--font-head); }
.row-pos { font-size: 1.6rem; color: var(--accent); }

.tbl thead th { background: transparent; border-bottom: 2px solid var(--text); }
.qa summary::before { color: var(--accent); }
.verdict { background: #fffdf9; border-left: 4px solid var(--accent); border-radius: 0; }

.trust { background: var(--bg-soft); border-radius: 0; border-left: 4px solid var(--text); }

.ftr { background: #17130f; color: #f3ece2; border-top: none; }
.ftr-col a, .ftr-col p, .ftr-bottom { color: #b8ada1; }
.ftr-col a:hover { color: #fff; }
.ftr-h { color: #fff; }
.ftr-bottom { border-top-color: #2e261e; }

.article-body p:first-of-type::first-letter {
  float: left; font-family: var(--font-head); font-size: 3.2rem; line-height: .85;
  padding: 4px 8px 0 0; color: var(--accent);
}
.article-body { max-width: 72ch; }