/* Modern site theme inspired by the analytics dashboard */
body.site-modern {
  min-height: 100vh;
  background-attachment: fixed;
}

body.site-modern .page {
  max-width: 1320px;
  margin: 0 auto;
  padding: 48px clamp(16px, 4vw, 40px) 96px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

body.site-modern.site-modern--dark {
  background: radial-gradient(circle at 15% 20%, rgba(59,130,246,0.28), rgba(15,23,42,0.96) 62%),
              linear-gradient(180deg, rgba(2,6,23,0.92) 0%, rgba(10,14,35,0.98) 45%, rgba(2,6,23,1) 100%);
  color: #e2e8f0;
  min-height: 100vh;
  background-attachment: fixed;
}

body.site-modern.site-modern--dark .page {
  max-width: 1320px;
  margin: 0 auto;
  padding: 48px clamp(16px, 4vw, 40px) 96px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

body.site-modern.site-modern--dark a {
  color: #93c5fd;
}
body.site-modern.site-modern--dark a:hover {
  color: #bfdbfe;
}

/* Top shell */
body.site-modern.site-modern--dark .topbar {
  background: rgba(12,17,38,0.78);
  border: 1px solid rgba(148,163,184,0.26);
  border-radius: 28px;
  padding: 28px clamp(20px, 5vw, 40px);
  box-shadow: 0 40px 70px rgba(7,13,33,0.55);
  backdrop-filter: blur(22px);
  color: #f8fafc;
}
body.site-modern.site-modern--dark .brand-center h1 {
  color: #f8fafc;
  font-size: clamp(26px, 3vw, 34px);
}
body.site-modern.site-modern--dark .brand-center p {
  color: rgba(226,232,240,0.7);
}
body.site-modern.site-modern--dark .top-actions {
  gap: 14px;
}

/* Pills and quick buttons */
body.site-modern.site-modern--dark .pill-btn,
body.site-modern.site-modern--dark .btn-ghost-lg,
body.site-modern.site-modern--dark .btn-ghost,
body.site-modern.site-modern--dark .pill-ghost {
  background: rgba(148,163,184,0.12);
  border: 1px solid rgba(148,163,184,0.3);
  color: #e2e8f0;
  box-shadow: 0 16px 32px rgba(7,13,33,0.4);
  backdrop-filter: blur(10px);
}
body.site-modern.site-modern--dark .pill-btn:hover,
body.site-modern.site-modern--dark .btn-ghost-lg:hover,
body.site-modern.site-modern--dark .btn-ghost:hover,
body.site-modern.site-modern--dark .pill-ghost:hover {
  border-color: rgba(59,130,246,0.65);
  color: #ffffff;
}
body.site-modern.site-modern--dark .pill-btn[aria-current="page"],
body.site-modern.site-modern--dark .pill-btn.is-active {
  background: rgba(59,130,246,0.18);
  border-color: rgba(59,130,246,0.6);
  color: #e8f1ff;
}

body.site-modern.site-modern--dark .lang-dd__btn {
  background: rgba(148,163,184,0.16);
  border: 1px solid rgba(148,163,184,0.35);
  color: #e2e8f0;
}
body.site-modern.site-modern--dark .lang-dd__menu {
  background: rgba(12,17,38,0.94);
  border: 1px solid rgba(148,163,184,0.35);
  box-shadow: 0 30px 50px rgba(7,13,33,0.55);
}
body.site-modern.site-modern--dark .lang-dd__menu li {
  color: #e2e8f0;
}
body.site-modern.site-modern--dark .lang-dd__menu li:hover {
  background: rgba(59,130,246,0.25);
}

/* Shared glass card look */
body.site-modern.site-modern--dark .form-card,
body.site-modern.site-modern--dark .info-card,
body.site-modern.site-modern--dark .panel,
body.site-modern.site-modern--dark .chart-card,
body.site-modern.site-modern--dark .download-card,
body.site-modern.site-modern--dark .faq-card,
body.site-modern.site-modern--dark .report-card,
body.site-modern.site-modern--dark .legal-card,
body.site-modern.site-modern--dark .toc-card,
body.site-modern.site-modern--dark .adr-explain,
body.site-modern.site-modern--dark .legend,
body.site-modern.site-modern--dark .results-toolbar,
body.site-modern.site-modern--dark #zona-datos .metric,
body.site-modern.site-modern--dark .table-card,
body.site-modern.site-modern--dark .privacy-block,
body.site-modern.site-modern--dark .map-toolbar,
body.site-modern.site-modern--dark .charts-shell,
body.site-modern.site-modern--dark .intro-wrapper,
body.site-modern.site-modern--dark .kpi,
body.site-modern.site-modern--dark .note,
body.site-modern.site-modern--dark .accordion-item,
body.site-modern.site-modern--dark .zone-card,
body.site-modern.site-modern--dark #comparador,
body.site-modern.site-modern--dark .drawer,
body.site-modern.site-modern--dark .drawer-head {
  background: rgba(12,18,38,0.76);
  border: 1px solid rgba(148,163,184,0.22);
  border-radius: 24px;
  box-shadow: 0 26px 52px rgba(7,13,33,0.5);
  backdrop-filter: blur(18px);
  color: #e2e8f0;
}
body.site-modern.site-modern--dark .charts-shell {
  padding: 24px;
}

body.site-modern.site-modern--dark .intro-wrapper {
  padding: clamp(24px, 4vw, 36px);
  align-items: center;
  gap: clamp(24px, 4vw, 40px);
}
body.site-modern.site-modern--dark .intro-right {
  width: 100%;
}
body.site-modern.site-modern--dark .intro-text {
  color: rgba(226,232,240,0.78);
}
body.site-modern.site-modern--dark .intro-img {
  filter: drop-shadow(0 25px 45px rgba(15,23,42,0.65));
}

body.site-modern.site-modern--dark .info-card .label,
body.site-modern.site-modern--dark .privacy-block span,
body.site-modern.site-modern--dark .muted,
body.site-modern.site-modern--dark .footnote {
  color: rgba(148,163,184,0.75);
}
body.site-modern.site-modern--dark .info-card .value,
body.site-modern.site-modern--dark .kpi-value,
body.site-modern.site-modern--dark .kpi .val {
  color: #f8fafc;
}

/* Form controls */
body.site-modern.site-modern--dark input,
body.site-modern.site-modern--dark select,
body.site-modern.site-modern--dark textarea {
  background: rgba(12,22,48,0.82);
  border: 1px solid rgba(148,163,184,0.28);
  color: #e2e8f0;
  border-radius: 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
}
body.site-modern.site-modern--dark input:focus,
body.site-modern.site-modern--dark select:focus,
body.site-modern.site-modern--dark textarea:focus {
  border-color: rgba(59,130,246,0.7);
  box-shadow: 0 0 0 3px rgba(59,130,246,0.25);
}
body.site-modern.site-modern--dark input::placeholder,
body.site-modern.site-modern--dark textarea::placeholder {
  color: rgba(148,163,184,0.65);
}
body.site-modern.site-modern--dark select {
  background-image: linear-gradient(45deg, transparent 50%, rgba(148,163,184,0.85) 50%),
                    linear-gradient(135deg, rgba(148,163,184,0.85) 50%, transparent 50%);
  background-position: right 16px top 55%, right 11px top 55%;
  background-size: 6px 6px;
  background-repeat: no-repeat;
}

/* Primary actions */
body.site-modern.site-modern--dark .primary,
body.site-modern.site-modern--dark .btn-primary-lg,
body.site-modern.site-modern--dark .btn-primary,
body.site-modern.site-modern--dark .btn-tonal {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  border: 1px solid rgba(37,99,235,0.5);
  color: #ffffff;
  box-shadow: 0 25px 50px rgba(37,99,235,0.45);
}
body.site-modern.site-modern--dark .primary:hover,
body.site-modern.site-modern--dark .btn-primary-lg:hover,
body.site-modern.site-modern--dark .btn-primary:hover,
body.site-modern.site-modern--dark .btn-tonal:hover {
  box-shadow: 0 30px 60px rgba(37,99,235,0.55);
  transform: translateY(-1px);
}
body.site-modern.site-modern--dark .primary:active,
body.site-modern.site-modern--dark .btn-primary-lg:active,
body.site-modern.site-modern--dark .btn-primary:active,
body.site-modern.site-modern--dark .btn-tonal:active {
  transform: translateY(0);
}

body.site-modern.site-modern--dark .btn-danger {
  background: rgba(248,113,113,0.18);
  border: 1px solid rgba(248,113,113,0.45);
  color: #fecaca;
}
body.site-modern.site-modern--dark .btn-danger:hover {
  border-color: rgba(248,113,113,0.75);
  color: #fff5f5;
}

/* KPI cards */
body.site-modern.site-modern--dark .kpi-card {
  border-radius: 24px;
  padding: 20px;
  display: flex;
  gap: 18px;
  align-items: center;
  box-shadow: 0 28px 48px rgba(7,13,33,0.55);
}
body.site-modern.site-modern--dark .kpi-card:nth-child(1) {
  background: linear-gradient(140deg, rgba(22,63,36,0.85), rgba(45,164,95,0.35));
  border: 1px solid rgba(74,222,128,0.4);
  color: #dcfce7;
}
body.site-modern.site-modern--dark .kpi-card:nth-child(2) {
  background: linear-gradient(140deg, rgba(66,56,26,0.85), rgba(234,179,8,0.35));
  border: 1px solid rgba(250,204,21,0.4);
  color: #fef9c3;
}
body.site-modern.site-modern--dark .kpi-card:nth-child(3) {
  background: linear-gradient(140deg, rgba(76,19,26,0.85), rgba(252,165,165,0.35));
  border: 1px solid rgba(248,113,113,0.45);
  color: #fee2e2;
}
body.site-modern.site-modern--dark .kpi-icon {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: rgba(15,23,42,0.2);
  color: inherit;
  font-size: 26px;
}
body.site-modern.site-modern--dark .kpi-label {
  color: rgba(15,23,42,0.45);
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
body.site-modern.site-modern--dark .kpi-diff {
  color: #bae6fd;
}

body.site-modern.site-modern--dark .kpi {
  padding: 18px 20px;
  box-shadow: 0 20px 42px rgba(7,13,33,0.45);
}
body.site-modern.site-modern--dark .kpi .tag {
  color: rgba(226,232,240,0.7);
}
body.site-modern.site-modern--dark .kpi .sub {
  color: rgba(148,163,184,0.7);
}

/* Cards and tables */
body.site-modern.site-modern--dark .panel h2,
body.site-modern.site-modern--dark .chart-head h3,
body.site-modern.site-modern--dark .legal-head h2,
body.site-modern.site-modern--dark .legal-body h3 {
  color: #f8fafc;
}
body.site-modern.site-modern--dark .chart-note,
body.site-modern.site-modern--dark .chart-card p,
body.site-modern.site-modern--dark .legal-body p,
body.site-modern.site-modern--dark .note,
body.site-modern.site-modern--dark table td,
body.site-modern.site-modern--dark table th {
  color: rgba(226,232,240,0.78);
}
body.site-modern.site-modern--dark table {
  border-color: rgba(148,163,184,0.32);
}
body.site-modern.site-modern--dark table tr {
  border-color: rgba(148,163,184,0.18);
}
body.site-modern.site-modern--dark table tbody tr:nth-child(odd) {
  background: rgba(12,20,40,0.55);
}
body.site-modern.site-modern--dark table tbody tr:hover {
  background: rgba(59,130,246,0.18);
}

body.site-modern.site-modern--dark .accordion button,
body.site-modern.site-modern--dark .accordion summary {
  color: #f8fafc;
}
body.site-modern.site-modern--dark details[open] {
  background: rgba(59,130,246,0.14);
}

/* Map page specifics */
body.site-modern.site-modern--dark #map {
  border-radius: 24px;
  border: 1px solid rgba(148,163,184,0.22);
  box-shadow: 0 28px 50px rgba(7,13,33,0.55);
}
body.site-modern.site-modern--dark .map-search,
body.site-modern.site-modern--dark .map-select {
  background: rgba(12,22,48,0.8);
  color: #e2e8f0;
  border: 1px solid rgba(148,163,184,0.3);
}
body.site-modern.site-modern--dark .map-search::placeholder {
  color: rgba(148,163,184,0.65);
}
body.site-modern.site-modern--dark .map-toolbar {
  padding: 16px 20px;
}
body.site-modern.site-modern--dark .adr-explain {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 20px 22px;
}
body.site-modern.site-modern--dark .adr-badge {
  background: linear-gradient(180deg, rgba(37,99,235,0.5), rgba(23,37,84,0.85));
  border: 1px solid rgba(59,130,246,0.6);
  color: #dbeafe;
  box-shadow: 0 18px 36px rgba(7,13,33,0.45);
}

/* Privacy page */
body.site-modern.site-modern--dark .legal-layout {
  gap: 28px;
}
body.site-modern.site-modern--dark .toc-card {
  padding: 20px;
  position: sticky;
  top: 32px;
}
body.site-modern.site-modern--dark .toc a {
  color: rgba(226,232,240,0.8);
}
body.site-modern.site-modern--dark .toc a.active {
  background: rgba(59,130,246,0.25);
  color: #ffffff;
}
body.site-modern.site-modern--dark .legal-card {
  padding: 0;
  overflow: hidden;
}
body.site-modern.site-modern--dark .legal-head {
  background: rgba(12,22,48,0.86);
  border-bottom: 1px solid rgba(148,163,184,0.18);
  padding: 28px 32px 18px;
}
body.site-modern.site-modern--dark .legal-body {
  padding: 32px;
}
body.site-modern.site-modern--dark .note {
  border: 1px solid rgba(59,130,246,0.4);
  background: rgba(59,130,246,0.18);
}

/* Footer */
body.site-modern.site-modern--dark .site-footer {
  background: rgba(10,16,32,0.9);
  border: 1px solid rgba(148,163,184,0.2);
  border-radius: 24px;
  padding: 40px clamp(20px, 4vw, 48px);
  box-shadow: 0 -20px 50px rgba(7,13,33,0.55);
  backdrop-filter: blur(20px);
  color: #e2e8f0;
}
body.site-modern.site-modern--dark .footer-kicker {
  color: rgba(226,232,240,0.7);
}
body.site-modern.site-modern--dark .footer-link {
  color: #bfdbfe;
}
body.site-modern.site-modern--dark .footer-link:hover {
  color: #e0f2fe;
}
body.site-modern.site-modern--dark .made-by {
  color: rgba(226,232,240,0.65);
}

/* Responsive tweaks */
@media (max-width: 960px) {
  body.site-modern.site-modern--dark .page {
    padding-bottom: 72px;
  }
  body.site-modern.site-modern--dark .topbar {
    grid-template-columns: 1fr;
    row-gap: 18px;
    text-align: center;
  }
  body.site-modern.site-modern--dark .brand-center { grid-column: auto; }
  body.site-modern.site-modern--dark .top-actions { justify-self: center; flex-wrap: wrap; }
  body.site-modern.site-modern--dark .intro-wrapper {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  body.site-modern.site-modern--dark .page {
    padding: 32px 16px 64px;
    gap: 24px;
  }
  body.site-modern.site-modern--dark .topbar {
    padding: 24px;
  }
  body.site-modern.site-modern--dark .charts-shell,
  body.site-modern.site-modern--dark .panel,
  body.site-modern.site-modern--dark .form-card,
  body.site-modern.site-modern--dark .info-card {
    padding: 20px;
  }
  body.site-modern.site-modern--dark .kpi-card {
    flex-direction: column;
    align-items: flex-start;
  }
  body.site-modern.site-modern--dark .site-footer {
    padding: 32px 20px;
  }
}

body.site-modern.site-modern--dark .drawer {
  background: rgba(12,18,38,0.92);
  border-left: 1px solid rgba(59,130,246,0.35);
  box-shadow: -20px 0 60px rgba(7,13,33,0.6);
}
body.site-modern.site-modern--dark .drawer-head {
  background: transparent;
  border-bottom: 1px solid rgba(148,163,184,0.22);
  margin-bottom: 16px;
  padding-bottom: 12px;
}




/* Light variant */
body.site-modern.site-modern--light {
  background: radial-gradient(circle at 20% 18%, rgba(59,130,246,0.18), rgba(96,165,250,0.05) 42%, rgba(255,255,255,0.1) 65%),
              linear-gradient(180deg, #f8fbff 0%, #eef2ff 55%, #e0e7ff 100%);
  color: #0f172a;
}

body.site-modern.site-modern--light a {
  color: #1d4ed8;
}
body.site-modern.site-modern--light a:hover {
  color: #1e40af;
}

body.site-modern.site-modern--light .topbar {
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(148,163,184,0.35);
  border-radius: 28px;
  padding: 28px clamp(20px, 5vw, 40px);
  box-shadow: 0 30px 60px rgba(15,23,42,0.15);
  backdrop-filter: blur(20px);
  color: #0f172a;
}
body.site-modern.site-modern--light .brand-center h1 {
  color: #0f172a;
  font-size: clamp(26px, 3vw, 34px);
}
body.site-modern.site-modern--light .brand-center p {
  color: rgba(71,85,105,0.78);
}
body.site-modern.site-modern--light .top-actions {
  gap: 14px;
}

body.site-modern.site-modern--light .pill-btn,
body.site-modern.site-modern--light .btn-ghost-lg,
body.site-modern.site-modern--light .btn-ghost,
body.site-modern.site-modern--light .pill-ghost {
  background: rgba(59,130,246,0.08);
  border: 1px solid rgba(148,163,184,0.35);
  color: #1e293b;
  box-shadow: 0 16px 32px rgba(15,23,42,0.08);
  backdrop-filter: blur(10px);
}
body.site-modern.site-modern--light .pill-btn:hover,
body.site-modern.site-modern--light .btn-ghost-lg:hover,
body.site-modern.site-modern--light .btn-ghost:hover,
body.site-modern.site-modern--light .pill-ghost:hover {
  border-color: rgba(37,99,235,0.55);
  color: #0f172a;
}
body.site-modern.site-modern--light .pill-btn[aria-current="page"],
body.site-modern.site-modern--light .pill-btn.is-active {
  background: rgba(37,99,235,0.16);
  border-color: rgba(37,99,235,0.55);
  color: #1e3a8a;
}

body.site-modern.site-modern--light .lang-dd__btn {
  background: rgba(248,250,255,0.9);
  border: 1px solid rgba(148,163,184,0.35);
  color: #1e293b;
}
body.site-modern.site-modern--light .lang-dd__menu {
  background: rgba(250,252,255,0.98);
  border: 1px solid rgba(148,163,184,0.35);
  box-shadow: 0 30px 50px rgba(15,23,42,0.12);
}
body.site-modern.site-modern--light .lang-dd__menu li {
  color: #0f172a;
}
body.site-modern.site-modern--light .lang-dd__menu li:hover {
  background: rgba(180,198,255,0.25);
}

body.site-modern.site-modern--light .form-card,
body.site-modern.site-modern--light .info-card,
body.site-modern.site-modern--light .panel,
body.site-modern.site-modern--light .chart-card,
body.site-modern.site-modern--light .download-card,
body.site-modern.site-modern--light .faq-card,
body.site-modern.site-modern--light .report-card,
body.site-modern.site-modern--light .legal-card,
body.site-modern.site-modern--light .toc-card,
body.site-modern.site-modern--light .adr-explain,
body.site-modern.site-modern--light .legend,
body.site-modern.site-modern--light .results-toolbar,
body.site-modern.site-modern--light #zona-datos .metric,
body.site-modern.site-modern--light .table-card,
body.site-modern.site-modern--light .privacy-block,
body.site-modern.site-modern--light .map-toolbar,
body.site-modern.site-modern--light .charts-shell,
body.site-modern.site-modern--light .intro-wrapper,
body.site-modern.site-modern--light .kpi,
body.site-modern.site-modern--light .note,
body.site-modern.site-modern--light .accordion-item,
body.site-modern.site-modern--light .zone-card,
body.site-modern.site-modern--light #comparador,
body.site-modern.site-modern--light .drawer,
body.site-modern.site-modern--light .drawer-head {
  background: rgba(255,255,255,0.82);
  border: 1px solid rgba(148,163,184,0.28);
  border-radius: 24px;
  box-shadow: 0 24px 48px rgba(15,23,42,0.12);
  backdrop-filter: blur(16px);
  color: #0f172a;
}
body.site-modern.site-modern--light .charts-shell {
  padding: 24px;
}
body.site-modern.site-modern--light .intro-wrapper {
  padding: clamp(24px, 4vw, 36px);
  align-items: center;
  gap: clamp(24px, 4vw, 40px);
}
body.site-modern.site-modern--light .intro-text {
  color: rgba(71,85,105,0.78);
}
body.site-modern.site-modern--light .intro-img {
  filter: drop-shadow(0 25px 45px rgba(15,23,42,0.25));
}

body.site-modern.site-modern--light .info-card .label,
body.site-modern.site-modern--light .privacy-block span,
body.site-modern.site-modern--light .muted,
body.site-modern.site-modern--light .footnote {
  color: rgba(71,85,105,0.72);
}
body.site-modern.site-modern--light .info-card .value,
body.site-modern.site-modern--light .kpi-value,
body.site-modern.site-modern--light .kpi .val {
  color: #0f172a;
}

body.site-modern.site-modern--light input,
body.site-modern.site-modern--light select,
body.site-modern.site-modern--light textarea {
  background: rgba(255,255,255,0.94);
  border: 1px solid rgba(148,163,184,0.4);
  color: #0f172a;
  border-radius: 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
}
body.site-modern.site-modern--light input:focus,
body.site-modern.site-modern--light select:focus,
body.site-modern.site-modern--light textarea:focus {
  border-color: rgba(59,130,246,0.65);
  box-shadow: 0 0 0 3px rgba(59,130,246,0.18);
}
body.site-modern.site-modern--light input::placeholder,
body.site-modern.site-modern--light textarea::placeholder {
  color: rgba(100,116,139,0.6);
}
body.site-modern.site-modern--light select {
  background-image: linear-gradient(45deg, transparent 50%, rgba(100,116,139,0.75) 50%),
                    linear-gradient(135deg, rgba(100,116,139,0.75) 50%, transparent 50%);
  background-position: right 16px top 55%, right 11px top 55%;
  background-size: 6px 6px;
  background-repeat: no-repeat;
}

body.site-modern.site-modern--light .primary,
body.site-modern.site-modern--light .btn-primary-lg,
body.site-modern.site-modern--light .btn-primary,
body.site-modern.site-modern--light .btn-tonal {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  border: 1px solid rgba(37,99,235,0.35);
  color: #ffffff;
  box-shadow: 0 26px 52px rgba(37,99,235,0.24);
}
body.site-modern.site-modern--light .primary:hover,
body.site-modern.site-modern--light .btn-primary-lg:hover,
body.site-modern.site-modern--light .btn-primary:hover,
body.site-modern.site-modern--light .btn-tonal:hover {
  box-shadow: 0 32px 60px rgba(37,99,235,0.32);
  transform: translateY(-1px);
}

body.site-modern.site-modern--light .btn-danger {
  background: rgba(248,113,113,0.12);
  border: 1px solid rgba(248,113,113,0.35);
  color: #b91c1c;
}
body.site-modern.site-modern--light .btn-danger:hover {
  border-color: rgba(248,113,113,0.55);
  color: #7f1d1d;
}

body.site-modern.site-modern--light .kpi-card {
  border-radius: 24px;
  padding: 20px;
  display: flex;
  gap: 18px;
  align-items: center;
  box-shadow: 0 24px 48px rgba(15,23,42,0.12);
}
body.site-modern.site-modern--light .kpi-card:nth-child(1) {
  background: linear-gradient(140deg, rgba(34,197,94,0.18), rgba(240,253,244,0.78));
  border: 1px solid rgba(34,197,94,0.4);
  color: #166534;
}
body.site-modern.site-modern--light .kpi-card:nth-child(2) {
  background: linear-gradient(140deg, rgba(252,211,77,0.2), rgba(254,252,232,0.82));
  border: 1px solid rgba(234,179,8,0.4);
  color: #854d0e;
}
body.site-modern.site-modern--light .kpi-card:nth-child(3) {
  background: linear-gradient(140deg, rgba(252,165,165,0.25), rgba(254,242,242,0.8));
  border: 1px solid rgba(248,113,113,0.4);
  color: #b91c1c;
}
body.site-modern.site-modern--light .kpi-icon {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: rgba(37,99,235,0.12);
  color: inherit;
  font-size: 26px;
}
body.site-modern.site-modern--light .kpi-label {
  color: rgba(51,65,85,0.55);
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
body.site-modern.site-modern--light .kpi-diff {
  color: #0284c7;
}

body.site-modern.site-modern--light .kpi {
  padding: 18px 20px;
  box-shadow: 0 18px 38px rgba(15,23,42,0.12);
}
body.site-modern.site-modern--light .kpi .tag {
  color: rgba(71,85,105,0.78);
}
body.site-modern.site-modern--light .kpi .sub {
  color: rgba(100,116,139,0.7);
}

body.site-modern.site-modern--light .chart-head h3,
body.site-modern.site-modern--light .legal-head h2,
body.site-modern.site-modern--light .legal-body h3,
body.site-modern.site-modern--light .panel h2 {
  color: #0f172a;
}
body.site-modern.site-modern--light .chart-note,
body.site-modern.site-modern--light .chart-card p,
body.site-modern.site-modern--light .legal-body p,
body.site-modern.site-modern--light .note,
body.site-modern.site-modern--light table td,
body.site-modern.site-modern--light table th {
  color: rgba(51,65,85,0.85);
}
body.site-modern.site-modern--light table {
  border-color: rgba(203,213,225,0.6);
}
body.site-modern.site-modern--light table tr {
  border-color: rgba(226,232,240,0.7);
}
body.site-modern.site-modern--light table tbody tr:nth-child(odd) {
  background: rgba(148,163,184,0.12);
}
body.site-modern.site-modern--light table tbody tr:hover {
  background: rgba(59,130,246,0.12);
}

body.site-modern.site-modern--light details[open] {
  background: rgba(59,130,246,0.12);
}

body.site-modern.site-modern--light #map {
  border-radius: 24px;
  border: 1px solid rgba(148,163,184,0.28);
  box-shadow: 0 24px 48px rgba(15,23,42,0.12);
}
body.site-modern.site-modern--light .map-search,
body.site-modern.site-modern--light .map-select {
  background: rgba(255,255,255,0.94);
  color: #0f172a;
  border: 1px solid rgba(148,163,184,0.32);
}
body.site-modern.site-modern--light .map-search::placeholder {
  color: rgba(100,116,139,0.6);
}
body.site-modern.site-modern--light .map-toolbar {
  padding: 16px 20px;
}
body.site-modern.site-modern--light .adr-explain {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 20px 22px;
}
body.site-modern.site-modern--light .adr-badge {
  background: linear-gradient(180deg, rgba(37,99,235,0.35), rgba(96,165,250,0.2));
  border: 1px solid rgba(37,99,235,0.45);
  color: #1e3a8a;
  box-shadow: 0 18px 36px rgba(15,23,42,0.12);
}

body.site-modern.site-modern--light .legal-layout {
  gap: 28px;
}
body.site-modern.site-modern--light .toc-card {
  padding: 20px;
  position: sticky;
  top: 32px;
}
body.site-modern.site-modern--light .toc a {
  color: rgba(71,85,105,0.85);
}
body.site-modern.site-modern--light .toc a.active {
  background: rgba(59,130,246,0.18);
  color: #1e3a8a;
}
body.site-modern.site-modern--light .legal-card {
  padding: 0;
  overflow: hidden;
}
body.site-modern.site-modern--light .legal-head {
  background: rgba(241,245,255,0.92);
  border-bottom: 1px solid rgba(203,213,225,0.7);
  padding: 28px 32px 18px;
}
body.site-modern.site-modern--light .legal-body {
  padding: 32px;
}
body.site-modern.site-modern--light .note {
  border: 1px solid rgba(59,130,246,0.35);
  background: rgba(59,130,246,0.12);
}

body.site-modern.site-modern--light .site-footer {
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(148,163,184,0.35);
  border-radius: 24px;
  padding: 40px clamp(20px, 4vw, 48px);
  box-shadow: 0 -24px 56px rgba(15,23,42,0.12);
  backdrop-filter: blur(18px);
  color: #0f172a;
}
body.site-modern.site-modern--light .footer-kicker {
  color: rgba(71,85,105,0.78);
}
body.site-modern.site-modern--light .footer-link {
  color: #1e3a8a;
}
body.site-modern.site-modern--light .footer-link:hover {
  color: #1d4ed8;
}
body.site-modern.site-modern--light .made-by {
  color: rgba(71,85,105,0.7);
}

@media (max-width: 960px) {
  body.site-modern.site-modern--light .page {
    padding-bottom: 72px;
  }
  body.site-modern.site-modern--light .topbar {
    grid-template-columns: 1fr;
    row-gap: 18px;
    text-align: center;
  }
  body.site-modern.site-modern--light .brand-center { grid-column: auto; }
  body.site-modern.site-modern--light .top-actions { justify-self: center; flex-wrap: wrap; }
  body.site-modern.site-modern--light .intro-wrapper {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  body.site-modern.site-modern--light .page {
    padding: 32px 16px 64px;
    gap: 24px;
  }
  body.site-modern.site-modern--light .topbar {
    padding: 24px;
  }
  body.site-modern.site-modern--light .charts-shell,
  body.site-modern.site-modern--light .panel,
  body.site-modern.site-modern--light .form-card,
  body.site-modern.site-modern--light .info-card {
    padding: 20px;
  }
  body.site-modern.site-modern--light .kpi-card {
    flex-direction: column;
    align-items: flex-start;
  }
  body.site-modern.site-modern--light .site-footer {
    padding: 32px 20px;
  }
}