@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --forest: #0f2419;
  --dark: #1a3a2a;
  --mid: #2d6a4f;
  --accent: #52b788;
  --light: #e8f4ed;
  --pale: #f4faf7;
  --white: #ffffff;
  --text: #1c2b24;
  --muted: #5a7a68;
  --border: #c8e0d4;
  --shadow-sm: 0 2px 12px rgba(15,36,25,0.08);
  --shadow-md: 0 8px 32px rgba(15,36,25,0.12);
  --radius: 12px;
  --radius-lg: 20px;
}

html { scroll-behavior: smooth; }
body {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 16px; line-height: 1.7;
  color: var(--text); background: var(--white);
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: inherit; }

/* ШАПКА */
.header {
  position: sticky; top: 0; z-index: 1000;
  background: var(--forest);
  border-bottom: 1px solid rgba(82,183,136,0.2);
}
.header-inner {
  max-width: 1200px; margin: 0 auto;
  padding: 0 32px;
  display: flex; align-items: center; justify-content: space-between;
  height: 64px; gap: 24px;
}
.logo { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.logo-icon {
  width: 36px; height: 36px;
  background: linear-gradient(135deg, var(--accent), var(--mid));
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  font-size: 18px;
}
.logo-text {
  font-family: 'Playfair Display', serif;
  font-size: 20px; font-weight: 700;
  color: var(--white); letter-spacing: -0.3px;
}
.logo-sub {
  font-size: 10px; color: rgba(255,255,255,0.4);
  letter-spacing: 0.08em; text-transform: uppercase;
  display: block; margin-top: -2px;
}
.nav { display: flex; align-items: center; gap: 2px; flex: 1; justify-content: center; }
.nav a {
  color: rgba(255,255,255,0.72);
  font-size: 13px; font-weight: 500;
  padding: 6px 13px; border-radius: 7px;
  transition: all 0.2s; white-space: nowrap;
}
.nav a:hover { color: var(--white); background: rgba(82,183,136,0.13); }
.nav a.active { color: var(--accent); }
.header-cta {
  flex-shrink: 0;
  background: var(--accent); color: var(--forest);
  padding: 8px 18px; border-radius: 8px;
  font-weight: 600; font-size: 13px; transition: all 0.2s;
}
.header-cta:hover { background: #6dd4a0; transform: translateY(-1px); }
.burger {
  display: none; flex-direction: column; gap: 5px;
  cursor: pointer; padding: 8px; background: none; border: none;
}
.burger span { width: 22px; height: 2px; background: var(--white); border-radius: 2px; }
.mobile-nav {
  display: none; flex-direction: column;
  background: var(--forest);
  padding: 12px 24px 20px;
  border-top: 1px solid rgba(82,183,136,0.12);
}
.mobile-nav a {
  color: rgba(255,255,255,0.78); font-size: 15px;
  padding: 11px 0; border-bottom: 1px solid rgba(255,255,255,0.06); display: block;
}
.mobile-nav.open { display: flex; }

/* ПОДВАЛ */
.footer { background: var(--forest); border-top: 1px solid rgba(82,183,136,0.12); margin-top: 80px; }
.footer-main {
  max-width: 1200px; margin: 0 auto;
  padding: 56px 32px 40px;
  display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 48px;
}
.footer-logo { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.footer-desc { font-size: 14px; color: rgba(255,255,255,0.4); line-height: 1.7; margin-bottom: 20px; max-width: 280px; }
.footer-disclaimer { font-size: 12px; color: rgba(255,255,255,0.22); line-height: 1.6; border-top: 1px solid rgba(255,255,255,0.07); padding-top: 14px; }
.footer-col h4 { font-family: 'Playfair Display', serif; font-size: 15px; font-weight: 600; color: var(--white); margin-bottom: 18px; }
.footer-col ul { list-style: none; }
.footer-col ul li { margin-bottom: 9px; }
.footer-col ul li a { color: rgba(255,255,255,0.4); font-size: 14px; transition: color 0.2s; }
.footer-col ul li a:hover { color: var(--accent); }
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.06);
  padding: 18px 32px; max-width: 1200px; margin: 0 auto;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
}
.footer-copy { font-size: 13px; color: rgba(255,255,255,0.28); }
.footer-links { display: flex; gap: 20px; }
.footer-links a { font-size: 13px; color: rgba(255,255,255,0.28); transition: color 0.2s; }
.footer-links a:hover { color: var(--accent); }

/* ХЛЕБНЫЕ КРОШКИ */
.breadcrumb {
  background: var(--pale); border-bottom: 1px solid var(--border);
  padding: 12px 32px;
}
.breadcrumb-inner {
  max-width: 1200px; margin: 0 auto;
  display: flex; align-items: center; gap: 8px;
  font-size: 13px; color: var(--muted);
}
.breadcrumb a { color: var(--mid); transition: color 0.2s; }
.breadcrumb a:hover { color: var(--accent); }
.breadcrumb span { color: var(--border); }

/* АДАПТИВ */
@media (max-width: 768px) {
  .nav, .header-cta { display: none; }
  .burger { display: flex; }
  .header-inner { padding: 0 20px; }
  .footer-main { grid-template-columns: 1fr; gap: 28px; padding: 40px 20px 28px; }
  .footer-bottom { flex-direction: column; text-align: center; padding: 14px 20px; }
  .footer-links { flex-wrap: wrap; justify-content: center; gap: 12px; }
  .breadcrumb { padding: 10px 20px; }
}


/* Результат */
#quizResult {
  padding: 36px;
}
.quiz-result-icon {
  font-size: 48px; margin-bottom: 16px;
}
.quiz-result-title {
  font-family: 'Playfair Display', serif;
  font-size: 22px; font-weight: 700;
  color: var(--dark); margin-bottom: 14px;
  line-height: 1.3;
}
.quiz-result-text {
  font-size: 15.5px; color: #2a3d33;
  line-height: 1.8; margin-bottom: 24px;
}
.quiz-result-links {
  display: flex; flex-direction: column; gap: 10px;
  margin-bottom: 24px;
}
.result-link {
  display: inline-flex; align-items: center;
  background: var(--dark); color: var(--white);
  padding: 12px 20px; border-radius: 10px;
  font-size: 14.5px; font-weight: 600;
  text-decoration: none; transition: all 0.2s;
  align-self: flex-start;
}
.result-link:hover {
  background: var(--mid); transform: translateX(4px);
}
#quizResult.urgent .quiz-result-title {
  color: #c62828;
}
#quizResult.urgent {
  border-top: 3px solid #ef4444;
}
.quiz-restart {
  background: none; border: 1px solid var(--border);
  color: var(--muted); font-size: 14px;
  padding: 9px 18px; border-radius: 8px;
  cursor: pointer; font-family: inherit;
  transition: all 0.2s;
}
.quiz-restart:hover {
  border-color: var(--mid); color: var(--mid);
}

@media (max-width: 768px) {
  .quiz-section { padding: 44px 20px; }
  .quiz-step { padding: 24px 20px; }
  #quizResult { padding: 24px 20px; }
  .quiz-question { font-size: 18px; }
  .quiz-opt { font-size: 14.5px; padding: 12px 16px; }
  .quiz-result-title { font-size: 19px; }
}

/* ============================================
   HERO С ТЕСТОМ — НОВЫЙ ДИЗАЙН
   ============================================ */
.hero {
  background: linear-gradient(135deg, var(--forest) 0%, var(--dark) 60%, #0d2b1d 100%);
  padding: 64px 32px 72px; position: relative; overflow: hidden;
}
.hero::before {
  content: ''; position: absolute; top: -30%; right: -5%;
  width: 500px; height: 500px;
  background: radial-gradient(circle, rgba(82,183,136,0.07) 0%, transparent 65%);
  pointer-events: none;
}
.hero-inner {
  max-width: 1200px; margin: 0 auto;
  display: grid; grid-template-columns: 1fr 420px; gap: 56px; align-items: center;
  position: relative; z-index: 1;
}
.hero-badge {
  display: inline-flex; align-items: center; gap: 6px;
  background: rgba(82,183,136,0.12); border: 1px solid rgba(82,183,136,0.3);
  color: var(--accent); font-size: 12px; font-weight: 600;
  letter-spacing: .08em; text-transform: uppercase;
  padding: 5px 14px; border-radius: 20px; margin-bottom: 20px;
}
.hero h1 {
  font-family: "Playfair Display", serif;
  font-size: clamp(28px, 3.2vw, 44px); font-weight: 700;
  color: var(--white); line-height: 1.2; letter-spacing: -.6px; margin-bottom: 18px;
}
.hero h1 em { font-style: italic; color: var(--accent); }
.hero-desc {
  font-size: 16px; color: rgba(255,255,255,.6); line-height: 1.75; margin-bottom: 28px;
}
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 28px; }
.btn-primary {
  background: var(--accent); color: var(--white);
  padding: 13px 24px; border-radius: 10px; font-weight: 600; font-size: 15px;
  text-decoration: none; transition: all .2s; display: inline-block;
}
.btn-primary:hover { background: var(--mid); transform: translateY(-2px); }
.btn-secondary {
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.2);
  color: var(--white); padding: 13px 24px; border-radius: 10px;
  font-weight: 500; font-size: 15px; text-decoration: none; transition: all .2s;
}
.btn-secondary:hover { background: rgba(255,255,255,.15); }
.hero-trust { display: flex; gap: 20px; flex-wrap: wrap; }
.hero-trust-item { font-size: 13px; color: rgba(255,255,255,.45); display: flex; align-items: center; gap: 6px; }
.hero-trust-item span { color: var(--accent); font-weight: 700; }

/* Тест в Hero */
.hero-quiz {
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12);
  border-radius: 20px; padding: 28px; backdrop-filter: blur(10px);
}
.hq-title {
  font-family: "Playfair Display", serif; font-size: 19px; font-weight: 700;
  color: var(--white); margin-bottom: 6px;
}
.hq-sub { font-size: 13px; color: rgba(255,255,255,.45); line-height: 1.5; margin-bottom: 20px; }
.hq-progress { height: 3px; background: rgba(255,255,255,.1); border-radius: 2px; margin-bottom: 20px; }
.hq-bar { height: 100%; background: var(--accent); border-radius: 2px; transition: width .4s ease; }
.hq-step { display: none; }
.hq-step.active { display: block; }
.hq-q { font-size: 15px; font-weight: 600; color: rgba(255,255,255,.85); margin-bottom: 12px; }
.hq-opts { display: flex; flex-direction: column; gap: 8px; }
.hq-opt {
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px; padding: 11px 14px; font-size: 14px; color: rgba(255,255,255,.8);
  cursor: pointer; text-align: left; transition: all .2s; font-family: inherit; line-height: 1.4;
}
.hq-opt:hover { background: rgba(82,183,136,.15); border-color: var(--accent); color: var(--white); transform: translateX(3px); }
#hqResult { animation: hqFade .3s ease; }
@keyframes hqFade { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }
.hq-result-icon { font-size: 36px; margin-bottom: 10px; }
.hq-result-title {
  font-family: "Playfair Display", serif; font-size: 17px; font-weight: 700;
  color: var(--white); margin-bottom: 8px; line-height: 1.35;
}
.hq-result-text { font-size: 13.5px; color: rgba(255,255,255,.6); line-height: 1.65; margin-bottom: 16px; }
.hq-result-link {
  display: inline-block; background: var(--accent); color: var(--white);
  padding: 10px 18px; border-radius: 8px; font-size: 14px; font-weight: 600;
  text-decoration: none; margin-bottom: 12px; transition: all .2s;
}
.hq-result-link:hover { background: var(--mid); }
.hq-restart {
  display: block; background: none; border: none; color: rgba(255,255,255,.4);
  font-size: 13px; cursor: pointer; padding: 0; font-family: inherit; transition: color .2s;
}
.hq-restart:hover { color: rgba(255,255,255,.7); }

@media (max-width: 1024px) {
  .hero-inner { grid-template-columns: 1fr; gap: 36px; }
  .hero-quiz { max-width: 560px; }
}
@media (max-width: 768px) {
  .hero { padding: 44px 20px 52px; }
  .hero h1 { font-size: 26px; }
  .hero-trust { gap: 12px; }
  .hero-actions { flex-direction: column; }
  .hero-actions a { text-align: center; }
  .hero-quiz { padding: 20px 16px; }
  .hq-title { font-size: 17px; }
  .hq-opt { font-size: 13.5px; padding: 10px 12px; }
}

.hero-stats {
  display: flex; gap: 24px; margin-top: 28px; flex-wrap: wrap;
}
.hero-stat-item {
  display: flex; flex-direction: column; gap: 2px;
}
.hero-stat-num {
  font-family: "Playfair Display", serif; font-size: 28px; font-weight: 700;
  color: var(--accent); line-height: 1;
}
.hero-stat-label {
  font-size: 12px; color: rgba(255,255,255,.4); line-height: 1.3;
}
@media(max-width:768px){
  .hero-stats { gap: 16px; margin-top: 20px; }
  .hero-stat-num { font-size: 22px; }
}

/* ============================================
   КАРТОЧКИ СТАТЕЙ В ХАБАХ
   ============================================ */
.section-articles { padding: 52px 32px; background: var(--white); }
.sa-inner { max-width: 1200px; margin: 0 auto; }
.sa-eyebrow { font-size: 11.5px; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; color: var(--accent); margin-bottom: 8px; }
.sa-title { font-family: "Playfair Display", serif; font-size: clamp(22px,2.5vw,28px);
  font-weight: 700; color: var(--text); letter-spacing: -.3px; margin-bottom: 28px; }
.sa-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.sa-card {
  background: var(--pale); border: 1px solid var(--border); border-radius: 16px;
  padding: 24px; text-decoration: none; color: inherit; display: flex;
  flex-direction: column; gap: 8px; transition: all .25s;
}
.sa-card:hover { border-color: var(--accent); transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(15,36,25,0.1); }
.sa-icon { font-size: 30px; }
.sa-tag { font-size: 11px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .08em; color: var(--accent); }
.sa-card-title { font-family: "Playfair Display", serif; font-size: 16px;
  font-weight: 700; color: var(--text); line-height: 1.4; }
.sa-card-desc { font-size: 13.5px; color: var(--muted); line-height: 1.55; flex: 1; }
.sa-meta { font-size: 12px; color: var(--muted); }
.sa-arrow { font-size: 13px; font-weight: 600; color: var(--accent); margin-top: 4px; }

@media (max-width: 1024px) { .sa-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) {
  .sa-grid { grid-template-columns: 1fr; }
  .section-articles { padding: 36px 20px; }
}

/* ============================================
   БЛОК "ЧИТАЙТЕ ТАКЖЕ" В СТАТЬЯХ
   ============================================ */
.related-section {
  padding: 52px 32px;
  background: var(--pale);
  margin-top: 52px;
}
.related-inner {
  max-width: 1200px;
  margin: 0 auto;
}
.related-eyebrow {
  font-size: 11.5px; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase;
  color: var(--accent); margin-bottom: 20px;
}
.related-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.rel-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 20px;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  gap: 6px;
  transition: all .25s;
}
.rel-card:hover {
  border-color: var(--accent);
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(15,36,25,0.09);
}
.rel-icon { font-size: 26px; margin-bottom: 2px; }
.rel-tag {
  font-size: 11px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .08em;
  color: var(--accent);
}
.rel-title {
  font-family: "Playfair Display", serif;
  font-size: 15px; font-weight: 700;
  color: var(--text); line-height: 1.4;
  flex: 1;
}
.rel-meta {
  font-size: 12px;
  color: var(--muted);
  margin-top: 4px;
}

@media (max-width: 1024px) {
  .related-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .related-grid { grid-template-columns: 1fr; }
  .related-section { padding: 36px 20px; }
}

/* ============================================
   АВТОРЫ НА ГЛАВНОЙ
   ============================================ */
.authors-section {
  padding: 64px 32px;
  background: linear-gradient(135deg, var(--forest) 0%, var(--dark) 100%);
}
.authors-inner { max-width: 1200px; margin: 0 auto; }
.authors-eyebrow {
  font-size: 11.5px; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; color: var(--accent); margin-bottom: 8px;
}
.authors-title {
  font-family: "Playfair Display", serif;
  font-size: clamp(22px, 2.5vw, 30px); font-weight: 700;
  color: var(--white); margin-bottom: 10px;
}
.authors-desc {
  font-size: 16px; color: rgba(255,255,255,.5);
  line-height: 1.65; margin-bottom: 36px; max-width: 620px;
}
.authors-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 20px;
}
.author-card {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 16px; padding: 24px;
  display: flex; gap: 20px; align-items: flex-start;
  text-decoration: none; color: inherit;
  transition: all .25s;
}
.author-card:hover {
  background: rgba(255,255,255,.1);
  border-color: var(--accent);
  transform: translateY(-3px);
}
.author-ava {
  width: 64px; height: 64px; border-radius: 50%;
  flex-shrink: 0; display: flex; align-items: center;
  justify-content: center; font-family: "Playfair Display", serif;
  font-size: 22px; font-weight: 700; color: var(--white);
}
.author-ava.ak { background: linear-gradient(135deg, var(--accent), var(--dark)); }
.author-ava.is { background: linear-gradient(135deg, #3b82f6, #1e3a8a); }
.author-name {
  font-family: "Playfair Display", serif; font-size: 18px;
  font-weight: 700; color: var(--white); margin-bottom: 3px;
}
.author-spec { font-size: 13px; color: var(--accent); font-weight: 500; margin-bottom: 2px; }
.author-exp { font-size: 12px; color: rgba(255,255,255,.35); margin-bottom: 10px; }
.author-about { font-size: 14px; color: rgba(255,255,255,.55); line-height: 1.6; margin-bottom: 12px; }
.author-articles { font-size: 13px; font-weight: 600; color: var(--accent); }

/* ============================================
   ПОПУЛЯРНЫЕ СТАТЬИ НА ГЛАВНОЙ
   ============================================ */
.popular-section { padding: 64px 32px; background: var(--white); }
.popular-inner { max-width: 1200px; margin: 0 auto; }
.popular-eyebrow {
  font-size: 11.5px; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; color: var(--accent); margin-bottom: 8px;
}
.popular-title {
  font-family: "Playfair Display", serif;
  font-size: clamp(22px, 2.5vw, 28px); font-weight: 700;
  color: var(--text); margin-bottom: 28px;
}
.popular-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
}
.pop-card {
  background: var(--pale); border: 1px solid var(--border);
  border-radius: 14px; padding: 20px;
  display: flex; gap: 14px; align-items: flex-start;
  text-decoration: none; color: inherit; transition: all .25s;
}
.pop-card:hover {
  border-color: var(--accent);
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(15,36,25,0.08);
}
.pop-icon { font-size: 28px; flex-shrink: 0; margin-top: 2px; }
.pop-tag {
  font-size: 11px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .07em; color: var(--accent); margin-bottom: 5px;
}
.pop-title {
  font-family: "Playfair Display", serif; font-size: 15px;
  font-weight: 700; color: var(--text); line-height: 1.4; margin-bottom: 8px;
}
.pop-meta { font-size: 12px; color: var(--muted); }

@media (max-width: 1024px) {
  .authors-grid { grid-template-columns: 1fr; }
  .popular-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
  .authors-section { padding: 44px 20px; }
  .author-card { flex-direction: column; gap: 14px; }
  .popular-section { padding: 44px 20px; }
  .popular-grid { grid-template-columns: 1fr; }
  .pop-card { flex-direction: row; }
}

/* ============================================
   НОВЫЙ ТЕСТ В HERO — ГЛУБОКИЙ
   ============================================ */
.hero-quiz {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 20px; padding: 26px 28px;
  backdrop-filter: blur(10px);
}
.hq-header { margin-bottom: 18px; }
.hq-badge {
  display: inline-flex; align-items: center; gap: 5px;
  background: rgba(82,183,136,.15); border: 1px solid rgba(82,183,136,.3);
  color: var(--accent); font-size: 11px; font-weight: 700;
  letter-spacing: .07em; text-transform: uppercase;
  padding: 4px 11px; border-radius: 20px; margin-bottom: 10px;
}
.hq-title {
  font-family: "Playfair Display", serif;
  font-size: 20px; font-weight: 700;
  color: var(--white); margin-bottom: 4px; line-height: 1.3;
}
.hq-sub { font-size: 13px; color: rgba(255,255,255,.4); }

.hq-progress-wrap {
  display: flex; align-items: center; gap: 10px; margin-bottom: 18px;
}
.hq-progress {
  flex: 1; height: 4px; background: rgba(255,255,255,.1); border-radius: 2px;
}
.hq-bar {
  height: 100%; background: var(--accent);
  border-radius: 2px; transition: width .45s cubic-bezier(.4,0,.2,1);
}
.hq-progress-label {
  font-size: 11px; font-weight: 600; color: rgba(255,255,255,.35);
  white-space: nowrap;
}

.hq-step { display: none; }
.hq-step.active { display: block; animation: hqSlide .3s ease; }
@keyframes hqSlide {
  from { opacity:0; transform:translateX(12px); }
  to { opacity:1; transform:none; }
}
.hq-q {
  font-size: 15px; font-weight: 600;
  color: rgba(255,255,255,.9); margin-bottom: 12px;
}
.hq-opts { display: flex; flex-direction: column; gap: 8px; }

.hq-opt {
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px; padding: 11px 14px;
  cursor: pointer; text-align: left;
  transition: all .2s; font-family: inherit;
  display: flex; align-items: flex-start; gap: 11px;
}
.hq-opt:hover {
  background: rgba(82,183,136,.15);
  border-color: rgba(82,183,136,.5);
  transform: translateX(3px);
}
.hq-opt.urgent { border-color: rgba(239,68,68,.25); }
.hq-opt.urgent:hover { background: rgba(239,68,68,.12); border-color: rgba(239,68,68,.5); }
.hq-opt-icon { font-size: 20px; flex-shrink: 0; line-height: 1.4; }
.hq-opt-text {
  display: flex; flex-direction: column; gap: 2px;
}
.hq-opt-text strong {
  font-size: 14px; color: rgba(255,255,255,.9); font-weight: 600; display: block;
}
.hq-opt-hint {
  font-size: 12px; color: rgba(255,255,255,.38); line-height: 1.3; display: block;
}

/* Результат */
.hq-result-wrap { animation: hqFade .35s ease; }
@keyframes hqFade { from{opacity:0;transform:translateY(8px);} to{opacity:1;transform:none;} }
.hq-result-badge {
  font-size: 12px; font-weight: 700; color: var(--accent);
  text-transform: uppercase; letter-spacing: .07em; margin-bottom: 8px;
}
#hqResult.urgent .hq-result-badge { color: #ef4444; }
#hqResult.urgent .hq-result-title { color: #fca5a5; }
.hq-result-title {
  font-family: "Playfair Display", serif;
  font-size: 17px; font-weight: 700;
  color: var(--white); margin-bottom: 8px; line-height: 1.35;
}
.hq-result-text {
  font-size: 13.5px; color: rgba(255,255,255,.6);
  line-height: 1.7; margin-bottom: 12px;
}
.hq-result-note {
  background: rgba(245,158,11,.1); border: 1px solid rgba(245,158,11,.25);
  border-radius: 8px; padding: 10px 13px;
  font-size: 12.5px; color: rgba(253,230,138,.8);
  line-height: 1.55; margin-bottom: 14px;
}
.hq-result-btn {
  display: inline-flex; align-items: center;
  background: var(--accent); color: var(--white);
  padding: 11px 20px; border-radius: 10px;
  font-size: 14px; font-weight: 600; text-decoration: none;
  transition: all .2s; margin-bottom: 12px;
}
.hq-result-btn:hover { background: var(--mid); transform: translateX(3px); }
.hq-restart {
  display: block; background: none; border: none;
  color: rgba(255,255,255,.3); font-size: 12.5px;
  cursor: pointer; padding: 0; font-family: inherit;
  transition: color .2s;
}
.hq-restart:hover { color: rgba(255,255,255,.6); }

@media (max-width: 768px) {
  .hero-quiz { padding: 20px 16px; }
  .hq-title { font-size: 17px; }
  .hq-opt { padding: 10px 12px; }
  .hq-opt-text strong { font-size: 13.5px; }
}

/* ============================================
   БЛОК "ПОЧЕМУ МЫ ДРУГИЕ"
   ============================================ */
.why-section {
  padding: 64px 32px;
  background: var(--pale);
}
.why-inner { max-width: 1200px; margin: 0 auto; }
.why-eyebrow {
  font-size: 11.5px; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; color: var(--accent); margin-bottom: 8px;
}
.why-title {
  font-family: "Playfair Display", serif;
  font-size: clamp(22px, 2.5vw, 30px); font-weight: 700;
  color: var(--text); margin-bottom: 36px; max-width: 600px; line-height: 1.3;
}
.why-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
}
.why-item {
  background: var(--white); border: 1px solid var(--border);
  border-radius: 16px; padding: 24px;
}
.why-icon { font-size: 32px; margin-bottom: 14px; }
.why-head {
  font-family: "Playfair Display", serif; font-size: 16px;
  font-weight: 700; color: var(--text); margin-bottom: 10px;
}
.why-text {
  font-size: 14px; color: var(--muted); line-height: 1.65;
}

@media (max-width: 1024px) { .why-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) {
  .why-grid { grid-template-columns: 1fr; }
  .why-section { padding: 44px 20px; }
}

/* Hero числа */
.hero-numbers {
  display: flex; gap: 24px; margin-top: 32px; flex-wrap: wrap;
  padding-top: 28px;
  border-top: 1px solid rgba(255,255,255,.1);
}
.hero-num-item { display: flex; flex-direction: column; gap: 4px; }
.hero-num-val {
  font-family: "Playfair Display", serif;
  font-size: 36px; font-weight: 700; color: var(--accent);
  line-height: 1;
}
.hero-num-label {
  font-size: 12px; color: rgba(255,255,255,.35); line-height: 1.4;
}
@media(max-width:768px){
  .hero-numbers { gap: 16px; margin-top: 20px; }
  .hero-num-val { font-size: 28px; }
}

.hero-left { min-width: 0; }

/* ============================================
   МЕГА-МЕНЮ РАЗДЕЛОВ — исправленное
   ============================================ */
.nav-mega { position: relative; }

.nav-mega-btn {
  background: none; border: none; cursor: pointer;
  color: rgba(255,255,255,0.72); font-size: 13px;
  font-weight: 500; padding: 6px 13px; border-radius: 8px;
  font-family: inherit; display: flex; align-items: center;
  gap: 5px; transition: all .2s;
}
.nav-mega-btn:hover { color: var(--white); background: rgba(82,183,136,0.13); }
.nav-mega-arr { font-size: 10px; transition: transform .2s; display: inline-block; }
.nav-mega:hover .nav-mega-arr { transform: rotate(180deg); }

/* Невидимый мостик чтобы меню не пропадало при переходе курсора */
.nav-mega::after {
  content: '';
  position: absolute;
  top: 100%; left: 0; right: 0;
  height: 18px;
  display: none;
}
.nav-mega:hover::after { display: block; }

.nav-mega-drop {
  display: none;
  position: absolute;
  top: calc(100% + 14px);
  left: 50%;
  margin-left: -310px;
  background: var(--dark);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 16px;
  padding: 16px;
  width: 620px;
  box-shadow: 0 24px 48px rgba(0,0,0,0.45);
  z-index: 2000;
}
.nav-mega:hover .nav-mega-drop {
  display: block;
  animation: megaFade .2s ease;
}
@keyframes megaFade {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}

.mega-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }
.mega-item {
  display: flex; gap: 12px; align-items: flex-start;
  padding: 12px 14px; border-radius: 10px;
  text-decoration: none; color: inherit; transition: background .15s;
}
.mega-item:hover { background: rgba(255,255,255,0.07); }
.mega-icon { font-size: 20px; flex-shrink: 0; margin-top: 1px; }
.mega-title { font-size: 14px; font-weight: 600; color: var(--white); margin-bottom: 2px; }
.mega-sub { font-size: 12px; color: rgba(255,255,255,0.4); line-height: 1.3; }

/* Чтобы меню не уезжало вправо на узких экранах */
@media (max-width: 1100px) {
  .nav-mega-drop { margin-left: -280px; width: 560px; }
}
@media (max-width: 920px) {
  .nav-mega-drop { display: none !important; }
}

/* ============================================
   МОБИЛЬНЫЙ ФИКС — текст за полями
   Только ограничения, ничего не ломает
   ============================================ */
html, body { overflow-x: hidden; max-width: 100%; }
img, video, iframe, svg, table { max-width: 100%; }

/* Таблицы — горизонтальный скролл внутри, не распирают страницу */
table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }

@media (max-width: 768px) {
  /* Длинные слова и URL переносятся */
  p, li, h1, h2, h3, h4, .art-h1, .hub-h1,
  .art-body, .faq-q, .faq-a, .dq-text,
  td, th, .sa-card-title, .rel-title, .pop-title {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  /* Контейнеры не выходят за экран */
  .article-wrap, .hub-body, .hero-inner,
  .popular-inner, .why-inner, .authors-inner,
  .aas-inner, .related-inner {
    max-width: 100%;
    box-sizing: border-box;
  }
}

/* Дропдаун меню — приоритет ширины над мобильным фиксом */
.nav-mega-drop {
  max-width: 620px !important;
  box-sizing: border-box;
}
@media (max-width: 1100px) {
  .nav-mega-drop { max-width: 560px !important; }
}

/* ============================================
   УСИЛЕННЫЙ МОБИЛЬНЫЙ ФИКС — все контейнеры
   ============================================ */
@media (max-width: 768px) {
  /* Все основные контейнеры не шире экрана */
  .hub-body, .hub-inner, .hub-hero, .article-wrap, .article-main,
  .article-sidebar, .hero-inner, .hero-left, .popular-inner,
  .why-inner, .authors-inner, .aas-inner, .related-inner,
  .section-articles, .sa-inner, .main-faq, .about-dent, .about-portal,
  .breadcrumb-inner, .header-inner, .footer-main {
    max-width: 100% !important;
    box-sizing: border-box;
    overflow-wrap: break-word;
  }
  /* Весь текстовый контент переносится */
  .hub-body *, .article-main *, .hub-hero * {
    max-width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
  }
  /* Картинки и фигуры */
  .hub-body img, .article-main img, figure, .art-figure, .hub-figure {
    max-width: 100% !important;
    height: auto;
  }
  /* Grid в одну колонку на мобильных */
  .hub-body { grid-template-columns: 1fr !important; }
}

/* ======= СТИЛИ СТАТЕЙ (вынесено из inline <style> для снижения веса страниц) ======= */
.article-wrap { max-width:1200px;margin:0 auto;padding:48px 32px;display:grid;grid-template-columns:1fr 320px;gap:56px;align-items:start; }
.article-main { min-width:0; }
.article-sidebar { position:sticky;top:88px; }
.art-cat { display:inline-flex;align-items:center;gap:6px;background:var(--light);color:var(--mid);font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:16px; }
.art-h1 { font-family:'Playfair Display',serif;font-size:clamp(26px,3.2vw,38px);font-weight:700;color:var(--text);line-height:1.25;letter-spacing:-.5px;margin-bottom:20px; }
.art-meta { display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:32px; }
.art-author { display:flex;align-items:center;gap:10px; }
.art-ava { width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--dark));display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:15px;font-weight:700;color:var(--white);flex-shrink:0; }
.art-author-name { font-size:14px;font-weight:600;color:var(--text); }
.art-author-cred { font-size:12px;color:var(--muted); }
.art-date,.art-time { font-size:13px;color:var(--muted); }
.art-sep { color:var(--border);font-size:18px; }
.art-verified { margin-left:auto;background:#e8f5e9;color:#2e7d32;font-size:12px;font-weight:600;padding:5px 12px;border-radius:20px; }
.art-toc { background:var(--pale);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;padding:20px 24px;margin-bottom:40px; }
.art-toc-title { font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px; }
.art-toc ol { padding-left:18px;display:flex;flex-direction:column;gap:6px; }
.art-toc li a { font-size:14.5px;color:var(--mid);transition:color .2s;text-decoration:none; }
.art-toc li a:hover { color:var(--accent); }
.art-body h2 { font-family:'Playfair Display',serif;font-size:25px;font-weight:700;color:var(--dark);margin:52px 0 16px;padding-bottom:12px;border-bottom:2px solid var(--light);line-height:1.3; }
.art-body h3 { font-family:'Playfair Display',serif;font-size:19px;font-weight:600;color:var(--mid);margin:32px 0 10px; }
.art-body p { font-size:16.5px;line-height:1.85;color:#222e27;margin-bottom:18px; }
.art-body ul,.art-body ol { margin:12px 0 20px 22px; }
.art-body li { font-size:16px;line-height:1.75;margin-bottom:8px;color:#222e27; }
.art-body ul li::marker { color:var(--accent); }
.art-body strong { color:var(--dark);font-weight:600; }
.tip { background:var(--light);border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;padding:15px 20px;margin:24px 0;font-size:15.5px;color:#1e3328;line-height:1.7; }
.tip strong { display:block;font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--mid);margin-bottom:4px; }
.warn { background:#fffbeb;border-left:4px solid #f59e0b;border-radius:0 var(--radius) var(--radius) 0;padding:15px 20px;margin:24px 0;font-size:15.5px;color:#78350f;line-height:1.7; }
.warn strong { display:block;margin-bottom:4px; }
.doctor-quote { background:var(--pale);border:1px solid var(--border);border-radius:16px;padding:22px 26px;margin:30px 0;display:flex;gap:16px;align-items:flex-start; }
.dq-ava { width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--dark));display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:17px;font-weight:700;color:var(--white);flex-shrink:0; }
.dq-name { font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px; }
.dq-role { font-size:12px;color:var(--muted);margin-bottom:10px; }
.dq-text { font-size:15.5px;color:#2a3d33;line-height:1.75;font-style:italic; }
.dq-text::before { content:'«'; }
.dq-text::after { content:'»'; }
.art-figure { margin:28px 0; }
.art-figure img { width:100%;border-radius:14px;box-shadow:0 8px 32px rgba(15,36,25,0.13);display:block; }
.art-figure figcaption { text-align:center;font-size:13px;color:var(--muted);margin-top:10px;font-style:italic; }
.cmp-table { width:100%;border-collapse:collapse;margin:24px 0;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px rgba(15,36,25,0.08);font-size:15px; }
.cmp-table thead tr { background:var(--dark);color:var(--white); }
.cmp-table thead th { padding:13px 16px;text-align:left;font-weight:600;font-size:13px; }
.cmp-table tbody tr:nth-child(even) { background:var(--pale); }
.cmp-table tbody td { padding:11px 16px;border-bottom:1px solid var(--border);vertical-align:top; }
.cmp-table tbody tr:last-child td { border-bottom:none; }
.faq-wrap { margin-top:52px; }
.faq-item { border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;overflow:hidden;background:var(--pale); }
.faq-q { padding:16px 20px;font-family:'Playfair Display',serif;font-size:16px;font-weight:600;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:color .2s;user-select:none; }
.faq-q:hover { color:var(--mid); }
.faq-ico { width:24px;height:24px;border-radius:50%;background:var(--light);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--mid);flex-shrink:0;transition:all .3s; }
.faq-item.open .faq-ico { background:var(--accent);color:var(--white);transform:rotate(45deg); }
.faq-a { padding:0 20px;max-height:0;overflow:hidden;transition:all .35s ease;font-size:15px;color:var(--muted);line-height:1.8; }
.faq-item.open .faq-a { padding:0 20px 16px;max-height:500px; }
.conclusion { background:linear-gradient(135deg,var(--forest),var(--dark));border-radius:16px;padding:32px 36px;margin-top:52px; }
.conclusion h2 { font-family:'Playfair Display',serif;font-size:22px;font-weight:700;color:var(--white);margin:0 0 14px;border:none;padding:0; }
.conclusion p { color:rgba(255,255,255,.68);font-size:15.5px;line-height:1.75;margin-bottom:12px; }
.conclusion p:last-child { margin:0;font-size:13px;color:rgba(255,255,255,.35); }
.sb-card { background:var(--pale);border:1px solid var(--border);border-radius:14px;padding:22px;margin-bottom:18px; }
.sb-card h3 { font-family:'Playfair Display',serif;font-size:16px;font-weight:700;color:var(--text);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border); }
.sb-toc a { display:flex;gap:7px;align-items:flex-start;font-size:13.5px;color:var(--mid);padding:7px 0;border-bottom:1px solid var(--border);text-decoration:none;transition:color .2s;line-height:1.4; }
.sb-toc a:last-child { border-bottom:none; }
.sb-toc a:hover { color:var(--accent); }
.sb-toc a::before { content:'→';color:var(--accent);font-size:11px;margin-top:2px;flex-shrink:0; }
.sb-prices { display:flex;flex-direction:column;gap:8px; }
.sb-price-row { display:flex;justify-content:space-between;align-items:center;font-size:14px;padding-bottom:8px;border-bottom:1px solid var(--border); }
.sb-price-row:last-child { border-bottom:none;padding-bottom:0; }
.sb-price-val { color:var(--mid);font-weight:700;font-size:13px;white-space:nowrap; }
.sb-author { display:flex;gap:12px;align-items:flex-start; }
.sb-ava { width:50px;height:50px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--accent),var(--dark));display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:18px;font-weight:700;color:var(--white); }
.sb-aname { font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px; }
.sb-acred { font-size:12px;color:var(--muted);line-height:1.4; }
.sb-verified { display:inline-flex;align-items:center;gap:4px;background:#e8f5e9;color:#2e7d32;font-size:11px;font-weight:600;padding:3px 9px;border-radius:10px;margin-top:7px; }
.sb-disclaimer { background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;padding:13px 15px;font-size:12.5px;color:#78350f;line-height:1.6; }
.related-section { padding:52px 32px;background:var(--pale);margin-top:52px; }
.art-date { font-size:13px;color:var(--muted); }
.art-time { font-size:13px;color:var(--muted); }
.art-body table { width:100%;border-collapse:collapse;margin:24px 0;border-radius:10px;overflow:hidden;font-size:14px; }
.art-body thead tr { background:var(--dark);color:var(--white); }
.art-body thead th { padding:12px 14px;text-align:left;font-weight:600;font-size:13px; }
.art-body tbody tr:nth-child(even) { background:var(--pale); }
.art-body tbody td { padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:top;line-height:1.5; }
.art-body tbody tr:last-child td { border-bottom:none; }
.price-g { color:#1a6b40;font-weight:700; }
.brekety-types { display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0; }
.btype-card { background:var(--pale);border:1px solid var(--border);border-radius:16px;padding:20px; }
.btype-icon { font-size:28px;margin-bottom:10px; }
.btype-name { font-family:'Playfair Display',serif;font-size:17px;font-weight:700;color:var(--dark);margin-bottom:6px; }
.btype-price { font-size:14px;font-weight:700;color:var(--mid);margin-bottom:10px; }
.btype-pros { font-size:13.5px;color:#1e3328;margin-bottom:8px; }
.btype-cons { font-size:13.5px;color:#7f1d1d; }
.btype-verdict { font-size:12.5px;font-weight:600;color:var(--mid);margin-top:10px;padding-top:10px;border-top:1px solid var(--border); }
.danger { background:#fff1f2;border-left:4px solid #ef4444;border-radius:0 var(--radius) var(--radius) 0;padding:15px 20px;margin:24px 0;font-size:15.5px;color:#7f1d1d;line-height:1.7; }
.danger strong { display:block;margin-bottom:4px; }
.stages-grid { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0; }
.stage-card { border-radius:var(--radius);padding:20px;border:2px solid; }
.stage-card.s0 { background:#f0fdf4;border-color:#86efac; }
.stage-card.s1 { background:#fefce8;border-color:#fde047; }
.stage-card.s2 { background:#fff7ed;border-color:#fdba74; }
.stage-card.s3 { background:#fff1f2;border-color:#fca5a5; }
.stage-num { font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px; }
.stage-card.s0 .stage-num { color:#16a34a; }
.stage-card.s1 .stage-num { color:#ca8a04; }
.stage-card.s2 .stage-num { color:#ea580c; }
.stage-card.s3 .stage-num { color:#dc2626; }
.stage-title { font-family:'Playfair Display',serif;font-size:16px;font-weight:700;color:var(--dark);margin-bottom:8px; }
.stage-desc { font-size:13.5px;color:var(--muted);line-height:1.55;margin-bottom:8px; }
.stage-verdict { font-size:13px;font-weight:700; }
.stage-card.s0 .stage-verdict { color:#16a34a; }
.stage-card.s1 .stage-verdict { color:#ca8a04; }
.stage-card.s2 .stage-verdict { color:#ea580c; }
.stage-card.s3 .stage-verdict { color:#dc2626; }
.steps-list { counter-reset:step;margin:24px 0; }
.step-item { position:relative;padding-left:52px;margin-bottom:20px;min-height:36px; }
.step-item::before { counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:36px;height:36px;background:var(--accent);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-weight:700;font-size:16px; }
.step-title { font-weight:600;color:var(--dark);margin-bottom:4px; }
.step-desc { font-size:15px;color:var(--muted);line-height:1.6; }
.section-nav { background:var(--pale);border:1px solid var(--border);border-radius:14px;padding:20px 22px;margin-top:40px; }
.section-nav-title { font-family:'Playfair Display',serif;font-size:15px;font-weight:700;color:var(--dark);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border); }
.section-nav a { display:flex;gap:7px;align-items:center;font-size:14px;color:var(--mid);padding:7px 0;border-bottom:1px solid var(--border);text-decoration:none;transition:color .2s; }
.section-nav a:last-child { border-bottom:none; }
.section-nav a:hover { color:var(--accent); }
.section-nav a::before { content:'→';color:var(--accent);font-size:11px;flex-shrink:0; }
/* Шкала боли */
.pain-scale { background:var(--pale);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 28px;margin:28px 0; }
.pain-scale-title { font-family:'Playfair Display',serif;font-size:17px;font-weight:700;color:var(--dark);margin-bottom:18px; }
.pain-item { display:flex;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid var(--border); }
.pain-item:last-child { border-bottom:none; }
.pain-stage { font-size:14px;font-weight:600;color:var(--text);width:200px;flex-shrink:0; }
.pain-bar-wrap { flex:1;height:10px;background:var(--border);border-radius:20px;overflow:hidden; }
.pain-bar { height:100%;border-radius:20px;transition:width .5s; }
.pain-bar.none { background:#4caf7d;width:5%; }
.pain-bar.low { background:#8bc34a;width:25%; }
.pain-bar.medium { background:#ff9800;width:55%; }
.pain-bar.high { background:#f44336;width:80%; }
.pain-label { font-size:13px;color:var(--muted);width:100px;text-align:right;flex-shrink:0; }
/* FAQ */
.faq-wrap { margin-top:52px; }
/* Итог */
.conclusion { background:linear-gradient(135deg,var(--forest),var(--dark));border-radius:16px;padding:32px 36px;margin-top:52px; }
/* Навигация по разделу */
.section-nav { background:var(--pale);border:1px solid var(--border);border-radius:14px;padding:20px 22px;margin-top:40px; }
.section-nav-links { display:flex;flex-direction:column;gap:8px; }
.section-nav-links a { font-size:14px;color:var(--mid);padding:7px 0;border-bottom:1px solid var(--border);display:flex;gap:7px;align-items:center;transition:color .2s;text-decoration:none; }
.section-nav-links a:last-child { border-bottom:none; }
.section-nav-links a:hover { color:var(--accent); }
.section-nav-links a::before { content:'→';color:var(--accent);font-size:11px;flex-shrink:0; }
/* Сайдбар */
.sb-card { background:var(--pale);border:1px solid var(--border);border-radius:14px;padding:22px;margin-bottom:18px; }
.sb-toc { display:flex;flex-direction:column; }
/* ======= ОБЁРТКА СТАТЬИ ======= */
.article-wrap { max-width: 1200px; margin: 0 auto; padding: 48px 32px; display: grid; grid-template-columns: 1fr 320px; gap: 56px; align-items: start; }
/* ======= ШАПКА СТАТЬИ ======= */
.art-cat { display: inline-flex; align-items: center; gap: 6px; background: var(--light); color: var(--mid); font-size: 12px; font-weight: 600; padding: 4px 12px; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.07em; margin-bottom: 16px; }
/* ======= КАРТИНКИ ======= */
.art-figure { margin: 28px 0; }
/* ======= ОГЛАВЛЕНИЕ ======= */
.art-toc { background: var(--pale); border: 1px solid var(--border); border-left: 4px solid var(--accent); border-radius: 0 var(--radius) var(--radius) 0; padding: 20px 24px; margin-bottom: 40px; }
/* ======= КОНТЕНТ ======= */
.art-body h2 { font-family: 'Playfair Display', serif; font-size: 25px; font-weight: 700; color: var(--dark); margin: 52px 0 16px; padding-bottom: 12px; border-bottom: 2px solid var(--light); line-height: 1.3; }
.art-body ul, .art-body ol { margin: 12px 0 20px 22px; }
.art-body em { font-style: italic; color: var(--mid); }
/* Таблицы */
.art-body table { width: 100%; border-collapse: collapse; margin: 24px 0; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 12px rgba(15,36,25,0.08); font-size: 15px; }
.price-green { color: #1a6b40; font-weight: 700; }
/* Блоки */
.tip { background: var(--light); border-left: 4px solid var(--accent); border-radius: 0 var(--radius) var(--radius) 0; padding: 15px 20px; margin: 24px 0; font-size: 15.5px; color: #1e3328; }
/* Цитата врача */
.doctor-quote { background: var(--pale); border: 1px solid var(--border); border-radius: 16px; padding: 22px 26px; margin: 30px 0; display: flex; gap: 16px; align-items: flex-start; }
/* Ключевые факты */
.key-facts { background: linear-gradient(135deg, var(--dark), #1e4d35); border-radius: 14px; padding: 24px 28px; margin: 32px 0; color: var(--white); }
.key-facts-title { font-family: 'Playfair Display', serif; font-size: 17px; font-weight: 700; color: var(--white); margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,0.12); }
.key-facts ul { margin: 0; padding-left: 18px; }
.key-facts li { color: rgba(255,255,255,0.82); font-size: 15px; margin-bottom: 8px; line-height: 1.6; }
.key-facts li::marker { color: var(--accent); }
.key-facts strong { color: var(--white); }
.faq-wrap > h2 { margin-top: 0; }
/* ======= САЙДБАР ======= */
.sb-card { background: var(--pale); border: 1px solid var(--border); border-radius: 14px; padding: 22px; margin-bottom: 18px; }
.sb-author-name { font-size: 14px; font-weight: 600; color: var(--text); margin-bottom: 2px; }
.sb-author-cred { font-size: 12px; color: var(--muted); line-height: 1.4; }
/* Сравнительная таблица */
.art-body table { width:100%;border-collapse:collapse;margin:24px 0;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px rgba(15,36,25,0.08);font-size:15px; }
.ok-c { color:#2e7d32;font-weight:600; }
.no-c { color:#c62828; }
.mid-c { color:#f59e0b;font-weight:600; }
/* Сценарии */
.scenario { background:var(--pale);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px;margin:16px 0; }
.scenario-header { display:flex;align-items:center;gap:12px;margin-bottom:12px; }
.scenario-icon { font-size:24px; }
.scenario-title { font-family:'Playfair Display',serif;font-size:17px;font-weight:700;color:var(--text); }
.scenario-verdict { display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;margin-left:auto; }
.verdict-implant { background:#e8f5e9;color:#2e7d32; }
.verdict-most { background:#fff8e1;color:#f59e0b; }
.verdict-both { background:#e3f2fd;color:#1565c0; }
.scenario p { font-size:15px;color:#2a3d33;line-height:1.7;margin:0; }
/* Математика */
.cost-compare { display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0; }
.cost-card { background:var(--pale);border:1px solid var(--border);border-radius:var(--radius);padding:20px; }
.cost-card h4 { font-family:'Playfair Display',serif;font-size:16px;font-weight:700;color:var(--text);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border); }
.cost-line { display:flex;justify-content:space-between;font-size:14px;padding:6px 0;border-bottom:1px solid rgba(0,0,0,0.05); }
.cost-line:last-child { border-bottom:none;font-weight:700;color:var(--dark);font-size:15px;padding-top:10px; }
.cost-total-implant { color:#2e7d32; }
.cost-total-most { color:#c62828; }
.timeline { display:flex;flex-direction:column;gap:0;margin:24px 0; }
.tl-item { display:flex;gap:20px;align-items:flex-start; }
.tl-left { display:flex;flex-direction:column;align-items:center;width:48px;flex-shrink:0; }
.tl-dot { width:20px;height:20px;border-radius:50%;background:var(--accent);border:3px solid var(--white);box-shadow:0 0 0 2px var(--accent);flex-shrink:0;margin-top:4px; }
.tl-line { width:2px;background:var(--border);flex:1;min-height:40px;margin-top:4px; }
.tl-item:last-child .tl-line { display:none; }
.tl-content { background:var(--pale);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;margin-bottom:16px;flex:1; }
.tl-time { font-size:12px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px; }
.tl-title { font-family:'Playfair Display',serif;font-size:16px;font-weight:700;color:var(--dark);margin-bottom:6px; }
.tl-desc { font-size:14px;color:var(--muted);line-height:1.6; }
.hba1c-table { background:var(--pale);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin:24px 0; }
.hba1c-row { display:grid;grid-template-columns:140px 1fr auto;gap:16px;padding:14px 20px;border-bottom:1px solid var(--border);align-items:center; }
.hba1c-row:last-child { border-bottom:none; }
.hba1c-row.header { background:var(--dark);color:var(--white);font-size:13px;font-weight:600; }
.hba1c-val { font-family:'Playfair Display',serif;font-size:17px;font-weight:700; }
.hba1c-desc { font-size:14.5px;color:#2a3d33;line-height:1.5; }
.verdict-ok { color:#2e7d32;font-weight:700;font-size:14px;white-space:nowrap; }
.verdict-warn { color:#d97706;font-weight:700;font-size:14px;white-space:nowrap; }
.verdict-no { color:#c62828;font-weight:700;font-size:14px;white-space:nowrap; }
.pain-types { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0; }
.pain-card { background:var(--pale);border:1px solid var(--border);border-radius:var(--radius);padding:18px; }
.pain-card.urgent { border-color:#ef4444;background:#fff1f2; }
.pain-card.warning { border-color:#f59e0b;background:#fffbeb; }
.pain-title { font-family:'Playfair Display',serif;font-size:15px;font-weight:700;margin-bottom:8px; }
.pain-card.urgent .pain-title { color:#7f1d1d; }
.pain-card.warning .pain-title { color:#78350f; }
.pain-desc { font-size:14px;color:var(--muted);line-height:1.55; }
.pain-verdict { font-size:13px;font-weight:700;margin-top:10px; }
.pain-card.urgent .pain-verdict { color:#c62828; }
.pain-card.warning .pain-verdict { color:#d97706; }
.stage-card.s4 { background:#fff1f2;border-color:#fca5a5; }
.stage-card.s4 .stage-num { color:#dc2626; }
.stage-price { font-size:13px;font-weight:700; }
.stage-card.s1 .stage-price { color:#16a34a; }
.stage-card.s2 .stage-price { color:#ca8a04; }
.stage-card.s3 .stage-price { color:#ea580c; }
.stage-card.s4 .stage-price { color:#dc2626; }
.when-table { width:100%;border-collapse:collapse;margin:24px 0;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px rgba(15,36,25,0.08);font-size:15px; }
.when-table thead tr { background:var(--dark);color:var(--white); }
.when-table thead th { padding:13px 16px;text-align:left;font-weight:600;font-size:13px; }
.when-table tbody tr:nth-child(even) { background:var(--pale); }
.when-table tbody td { padding:11px 16px;border-bottom:1px solid var(--border);vertical-align:top; }
.when-table tbody tr:last-child td { border-bottom:none; }
.yes-c { color:#2e7d32;font-weight:600; }
.step-num { width:32px;height:32px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:var(--white);flex-shrink:0;margin-top:2px; }
.days-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0; }
.day-card { background:var(--pale);border:1px solid var(--border);border-radius:var(--radius);padding:16px; }
.day-num { font-family:'Playfair Display',serif;font-size:22px;font-weight:700;color:var(--accent);margin-bottom:6px; }
.day-title { font-size:13px;font-weight:600;color:var(--dark);margin-bottom:6px; }
.day-desc { font-size:12.5px;color:var(--muted);line-height:1.5; }
@media(max-width:1024px){.article-wrap{grid-template-columns:1fr;}.article-sidebar{position:static;}.related-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:768px){.article-wrap{padding:28px 20px;}.art-h1{font-size:24px;}.art-body h2{font-size:21px;}.art-meta{gap:8px;}.art-verified{margin-left:0;}.doctor-quote{flex-direction:column;gap:10px;}.conclusion{padding:22px;}.cmp-table{font-size:13px;}.related-grid{grid-template-columns:1fr;}.related-section{padding:36px 20px;}.article-wrap{grid-template-columns:1fr !important;max-width:100% !important;box-sizing:border-box;}.article-main *{max-width:100%;overflow-wrap:break-word;word-wrap:break-word;}figure img,.art-figure img{max-width:100% !important;height:auto;}table{display:block;overflow-x:auto;}}
@media(max-width:768px){.article-wrap{padding:28px 20px;grid-template-columns:1fr !important;max-width:100% !important;box-sizing:border-box;}.art-h1{font-size:24px;}.art-body h2{font-size:21px;}.art-meta{gap:8px;}.art-verified{margin-left:0;}.doctor-quote{flex-direction:column;gap:10px;}.conclusion{padding:22px;}.cmp-table{font-size:13px;}.related-grid{grid-template-columns:1fr;}.related-section{padding:36px 20px;}.article-main *{max-width:100%;overflow-wrap:break-word;word-wrap:break-word;}figure img,.art-figure img{max-width:100% !important;height:auto;}table{display:block;overflow-x:auto;}}
@media(max-width:768px){
table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;}
p,li,td,th,h1,h2,h3{overflow-wrap:break-word;word-wrap:break-word;}
p,li,td,th,div,section{max-width:100%;box-sizing:border-box;}
}
@media (max-width: 1024px) {
  .article-wrap { grid-template-columns: 1fr; }
  .article-sidebar { position: static; }
}
@media (max-width: 768px) {
  .article-wrap { padding: 28px 20px; }
  .art-h1 { font-size: 24px; }
  .art-body h2 { font-size: 21px; }
  .art-body h3 { font-size: 18px; }
  .art-meta { gap: 8px; }
  .art-verified { margin-left: 0; }
  .doctor-quote { flex-direction: column; gap: 10px; }
  .conclusion { padding: 22px; }
  .key-facts { padding: 18px 20px; }
}

/* ======= СТИЛИ ХАБ-СТРАНИЦ (вынесено из inline) ======= */
.hub-hero { background: linear-gradient(135deg, var(--forest) 0%, var(--dark) 55%, #1e4d35 100%); padding: 60px 32px 72px; position: relative; overflow: hidden; }
.hub-hero::before { content:''; position:absolute; top:-40%; right:-8%; width:450px; height:450px; background:radial-gradient(circle, rgba(82,183,136,0.09) 0%, transparent 70%); pointer-events:none; }
.hub-inner { max-width:1200px; margin:0 auto; }
.hub-eyebrow { display:inline-flex; align-items:center; gap:7px; background:rgba(82,183,136,0.12); border:1px solid rgba(82,183,136,0.25); color:var(--accent); font-size:11.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; padding:5px 14px; border-radius:20px; margin-bottom:20px; }
.hub-h1 { font-family:'Playfair Display',serif; font-size:clamp(28px,3.5vw,46px); font-weight:700; color:var(--white); line-height:1.2; letter-spacing:-.7px; margin-bottom:18px; }
.hub-h1 em { font-style:italic; color:var(--accent); }
.hub-hero-desc { font-size:16.5px; color:rgba(255,255,255,.62); line-height:1.75; margin-bottom:32px; max-width:620px; }
.hub-stats { display:flex; gap:28px; flex-wrap:wrap; }
.hub-stat { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.09); border-radius:var(--radius); padding:16px 20px; min-width:140px; }
.hub-stat-num { font-family:'Playfair Display',serif; font-size:22px; font-weight:700; color:var(--accent); display:block; margin-bottom:4px; }
.hub-stat-label { font-size:12px; color:rgba(255,255,255,.45); line-height:1.4; }
/* Тело страницы */
.hub-body { max-width:1200px; margin:0 auto; padding:56px 32px; display:grid; grid-template-columns:1fr 320px; gap:52px; align-items:start; }
.hub-content h2 { font-family:'Playfair Display',serif; font-size:24px; font-weight:700; color:var(--dark); margin:44px 0 16px; padding-bottom:10px; border-bottom:2px solid var(--light); line-height:1.3; }
.hub-content h2:first-child { margin-top:0; }
.hub-content h3 { font-family:'Playfair Display',serif; font-size:19px; font-weight:600; color:var(--mid); margin:28px 0 10px; }
.hub-content p { font-size:16.5px; line-height:1.85; color:#222e27; margin-bottom:16px; }
.hub-content ul, .hub-content ol { margin:10px 0 18px 22px; }
.hub-content li { font-size:16px; line-height:1.75; margin-bottom:9px; color:#222e27; }
.hub-content ul li::marker { color:var(--accent); }
.hub-content strong { color:var(--dark); font-weight:600; }
.hub-content a { color:var(--mid); font-weight:500; text-decoration:none; border-bottom:1px solid var(--border); transition:all 0.2s; }
.hub-content a:hover { color:var(--accent); border-color:var(--accent); }
/* Таблица */
.hub-content table { width:100%; border-collapse:collapse; margin:20px 0; border-radius:10px; overflow:hidden; box-shadow:0 2px 12px rgba(15,36,25,0.08); font-size:15px; }
.hub-content thead tr { background:var(--dark); color:var(--white); }
.hub-content thead th { padding:13px 16px; text-align:left; font-weight:600; font-size:13px; }
.hub-content tbody tr:nth-child(even) { background:var(--pale); }
.hub-content tbody td { padding:11px 16px; border-bottom:1px solid var(--border); }
.hub-content tbody tr:last-child td { border-bottom:none; }
/* Статьи раздела */
.art-link { display:flex; gap:16px; align-items:flex-start; background:var(--pale); border:1px solid var(--border); border-radius:var(--radius); padding:18px 20px; margin-bottom:12px; transition:all 0.2s; text-decoration:none; color:inherit; }
.art-link:hover { border-color:var(--accent); transform:translateX(4px); box-shadow:0 4px 16px rgba(15,36,25,0.08); }
.art-link-icon { font-size:24px; flex-shrink:0; }
.art-link-title { font-family:'Playfair Display',serif; font-size:16px; font-weight:600; color:var(--mid); margin-bottom:4px; }
.art-link-desc { font-size:13.5px; color:var(--muted); line-height:1.5; }
.art-link-meta { font-size:12px; color:var(--muted); margin-top:6px; }
/* Сайдбар */
.hub-sb { position:sticky; top:88px; display:flex; flex-direction:column; gap:16px; }
.sb { background:var(--pale); border:1px solid var(--border); border-radius:14px; padding:22px; }
.sb h3 { font-family:'Playfair Display',serif; font-size:16px; font-weight:700; color:var(--text); margin-bottom:14px; padding-bottom:10px; border-bottom:1px solid var(--border); }
.sb-nav { display:flex; flex-direction:column; }
.sb-nav a { font-size:13.5px; color:var(--mid); padding:7px 0; border-bottom:1px solid var(--border); display:flex; gap:7px; align-items:flex-start; transition:color .2s; text-decoration:none; line-height:1.4; }
.sb-nav a:last-child { border-bottom:none; }
.sb-nav a:hover { color:var(--accent); }
.sb-nav a::before { content:'→'; color:var(--accent); font-size:11px; margin-top:2px; flex-shrink:0; }
/* FAQ */
.hub-faq { padding:52px 32px; background:var(--pale); }
.hub-faq-inner { max-width:800px; margin:0 auto; }
.faq-eyebrow { font-size:11.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--accent); margin-bottom:8px; }
.faq-h2 { font-family:'Playfair Display',serif; font-size:26px; font-weight:700; color:var(--text); letter-spacing:-.3px; margin-bottom:28px; }
.hub-body { max-width:1200px;margin:0 auto;padding:56px 32px;display:grid;grid-template-columns:1fr 320px;gap:52px;align-items:start; }
.hub-content ul,.hub-content ol { margin:10px 0 18px 22px; }
.hub-figure { margin:28px 0; }
.hub-figure img { width:100%;border-radius:14px;box-shadow:0 8px 32px rgba(15,36,25,0.13);display:block; }
.hub-figure figcaption { text-align:center;font-size:13px;color:var(--muted);margin-top:10px;font-style:italic; }
.price-chain { display:flex;flex-direction:column;gap:0;margin:20px 0; }
.price-chain-item { display:flex;align-items:center;gap:0; }
.pci-box { background:var(--pale);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;flex:1; }
.pci-stage { font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:4px; }
.pci-name { font-size:15px;font-weight:600;color:var(--dark); }
.pci-price { font-size:14px;color:var(--mid);font-weight:700;margin-top:4px; }
.pci-arrow { font-size:22px;color:var(--accent);padding:0 8px;flex-shrink:0;margin-top:0; }
.hub-content table { width:100%;border-collapse:collapse;margin:20px 0;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px rgba(15,36,25,0.08);font-size:15px; }
.hub-sb { position:sticky;top:88px;display:flex;flex-direction:column;gap:16px; }
.coming-section { background:var(--pale);padding:48px 32px; }
.coming-inner { max-width:1200px;margin:0 auto; }
.coming-eyebrow { font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:8px; }
.coming-h2 { font-family:'Playfair Display',serif;font-size:24px;font-weight:700;color:var(--text);letter-spacing:-.3px;margin-bottom:24px; }
.coming-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px; }
.coming-card { background:var(--white);border:1px dashed var(--border);border-radius:var(--radius);padding:20px; }
.coming-icon { font-size:26px;margin-bottom:10px; }
.coming-title { font-family:'Playfair Display',serif;font-size:15px;font-weight:600;color:var(--text);line-height:1.4;margin-bottom:10px; }
.coming-badge { display:inline-block;background:var(--light);color:var(--muted);font-size:11px;font-weight:600;padding:3px 10px;border-radius:10px; }
.hub-faq { padding:52px 32px;background:var(--white); }
.hub-content ul { margin:10px 0 18px 22px; }
.stages { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0; }
.stage-card.danger-stage { border-color:#ef4444;background:#fff1f2; }
.stage-name { font-family:'Playfair Display',serif;font-size:16px;font-weight:700;color:var(--dark);margin-bottom:8px; }
.stage-card.danger-stage .stage-name { color:#7f1d1d; }
.steps { display:flex;flex-direction:column;gap:12px;margin:20px 0; }
.step { display:flex;gap:16px;align-items:flex-start;background:var(--pale);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px; }
.ok-cell { color:#2e7d32;font-weight:600; }
.no-cell { color:#c62828;font-weight:600; }
@media(max-width:1024px) { .hub-body{grid-template-columns:1fr;} .hub-sb{position:static;} }
@media(max-width:768px) { .hub-hero{padding:44px 20px 56px;} .hub-body,.hub-faq{padding:36px 20px;} .hub-h1{font-size:27px;} .hub-stats{gap:12px;} .doctor-quote{flex-direction:column;gap:10px;} }
@media(max-width:768px){
table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;}
p,li,td,th,h1,h2,h3{overflow-wrap:break-word;word-wrap:break-word;}
p,li,td,th,div,section{max-width:100%;box-sizing:border-box;}
}
@media(max-width:768px){
.hub-body{grid-template-columns:1fr !important;max-width:100% !important;box-sizing:border-box;padding:36px 18px !important;}
.hub-body *,.hub-hero *,.hub-inner *{max-width:100%;overflow-wrap:break-word;word-wrap:break-word;}
.hub-body img,.hub-figure img,figure img{max-width:100% !important;height:auto;}
.hub-hero{padding:40px 18px 48px !important;}
}
@media(max-width:1024px){.hub-body{grid-template-columns:1fr;}.hub-sb{position:static;}.coming-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:768px){.hub-hero{padding:44px 20px 56px;}.hub-body,.coming-section,.hub-faq{padding:36px 20px;}.hub-h1{font-size:27px;}.hub-stats{gap:12px;}.doctor-quote{flex-direction:column;gap:10px;}.coming-grid{grid-template-columns:1fr;}.price-chain{gap:8px;}.pci-arrow{display:none;}}

/* ======= ФАСЕТНАЯ ГРУППИРОВКА ХАБОВ (lechenie-zubov и др.) ======= */
.lz-group-nav { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 36px; }
.lz-group-nav-item { background: var(--pale); border: 1px solid var(--border); border-radius: 20px; padding: 7px 16px; font-size: 13.5px; color: var(--mid); text-decoration: none; transition: all .2s; }
.lz-group-nav-item:hover { background: var(--accent); color: var(--white); border-color: var(--accent); }
.lz-group-title { font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 700; color: var(--dark); margin: 40px 0 18px; padding-top: 8px; scroll-margin-top: 100px; }
.lz-group-title:first-of-type { margin-top: 0; }
@media(max-width:768px){ .lz-group-nav{ gap: 6px; } .lz-group-nav-item{ font-size:12.5px; padding:6px 12px; } }

/* ======= СТАТ-СТРОКИ С ДЛИННЫМ ТЕКСТОМ (для сайдбаров хабов подкатегорий) ======= */
.sb-stat-row { display: flex; flex-direction: column; gap: 3px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid var(--border); }
.sb-stat-row:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.sb-stat-num { color: var(--mid); font-weight: 700; font-size: 14.5px; }
.sb-stat-label { font-size: 12.5px; color: var(--muted); line-height: 1.45; }