:root{
  --violet:#7258B8;
  --violet-soft:#EEE9FA;
  --teal:#157F73;
  --teal-soft:#E4F3F0;
  --navy:#2E4FA3;
  --navy-soft:#E7ECFA;
  --gold:#D69828;
  --gold-soft:#FBF1D8;
}



body{
  background:
    radial-gradient(circle at 85% 4%,rgba(114,88,184,.08),transparent 26%),
    radial-gradient(circle at 10% 18%,rgba(225,91,69,.07),transparent 25%),
    var(--paper);
}

.country-hero{max-width:1100px;padding-top:34px}

.dashboard-stage{margin:18px 0 52px;max-width:1100px}
.dashboard-stage h2{font-family:'Fraunces',serif;font-size:23px;margin-bottom:5px}
.stage-sub{font-size:13px;color:var(--ink-soft);margin-bottom:15px}

.profile-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}
.profile-metric{position:relative;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;min-height:126px;overflow:hidden}
.profile-metric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--coral)}
.profile-metric:nth-child(2):before{background:var(--navy)}
.profile-metric:nth-child(3):before{background:var(--teal)}
.profile-metric:nth-child(4):before{background:var(--gold)}
.pm-label{font:600 10px 'JetBrains Mono',monospace;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft)}
.pm-value{font-family:'Fraunces',serif;font-size:31px;line-height:1.05;font-weight:650;margin-top:8px}
.pm-def{font:500 10px 'JetBrains Mono',monospace;color:var(--ink-soft);margin-top:8px}
.pm-note{font-size:11px;color:var(--ink-soft);margin-top:5px}

.dashboard-board{display:grid;grid-template-columns:1.45fr .75fr;gap:14px}
.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;min-width:0}
.panel h3{font-family:'Fraunces',serif;font-size:17px;margin-bottom:3px}
.panel-sub{font:500 10px 'JetBrains Mono',monospace;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;margin-bottom:15px}

.hero-chart{min-height:310px}
.chart-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.chart-insight{padding:10px 11px;background:#FAF6EE;border-radius:11px}
.chart-insight span{display:block;font-size:10px;color:var(--ink-soft)}
.chart-insight strong{display:block;font-family:'JetBrains Mono',monospace;font-size:11px;margin-top:3px;line-height:1.35}

.signal-stack{display:grid;gap:14px}
.signal{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}
.signal-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.signal-label{font:600 10px 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}
.signal-value{font-family:'Fraunces',serif;font-size:30px;font-weight:650;line-height:1.05;margin-top:5px}
.signal-copy{font-size:12px;color:var(--ink-soft);margin-top:7px;line-height:1.45}

.snapshot-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0 0}
.snapshot{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}
.snapshot .s-lbl{font-size:11px;color:var(--ink-soft)}
.snapshot .s-val{font-family:'Fraunces',serif;font-size:20px;font-weight:650;margin-top:3px}
.snapshot .s-def{font:500 9px 'JetBrains Mono',monospace;color:var(--ink-soft);margin-top:4px}

.visual-triad-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-end}
.explain-kicker{font:600 10px 'JetBrains Mono',monospace;letter-spacing:.07em;text-transform:uppercase;color:var(--coral);margin-bottom:7px}
.visual-triad{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.triad-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;min-width:0}
.triad-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.triad-title h3{font-family:'Fraunces',serif;font-size:17px;margin-bottom:3px}
.mini-badge{font:600 9px 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--coral);background:var(--coral-soft);padding:5px 8px;border-radius:999px;white-space:nowrap}
.mini-badge.violet{color:var(--violet);background:var(--violet-soft)}
.mini-badge.teal{color:var(--teal);background:var(--teal-soft)}
.mini-badge.navy{color:var(--navy);background:var(--navy-soft)}
.mini-badge.gold{color:var(--gold);background:var(--gold-soft)}
.mini-badge.coral{color:var(--coral);background:var(--coral-soft)}

.latitude-card{padding:18px 6px 8px}
.latitude-line{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--navy),var(--violet));position:relative}
.lat-dot{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--coral);transform:translateY(-50%)}
.lat-dot.left{left:-1px}.lat-dot.right{right:-1px}
.latitude-labels{display:flex;justify-content:space-between;font:500 9px 'JetBrains Mono',monospace;color:var(--ink-soft);margin-top:7px}

.island-visual{height:102px;display:flex;align-items:flex-end;gap:9px;padding:4px 8px 10px}
.island{display:block;border-radius:30px 8px 30px 8px;background:linear-gradient(180deg,#5F9B89,var(--teal));transform:rotate(-12deg)}
.i1{width:32px;height:48px}.i2{width:47px;height:78px}.i3{width:29px;height:42px}.i4{width:34px;height:54px}.i5{width:23px;height:29px}

.peak-bars{display:grid;gap:13px;margin-top:4px}
.peak-row{display:grid;grid-template-columns:92px 1fr 43px;gap:8px;align-items:center}
.peak-row span{font-size:11px;color:var(--ink-soft)}
.peak-row strong{font:500 10px 'JetBrains Mono',monospace;text-align:right}
.peak-track{height:9px;background:#F1ECE4;border-radius:999px;overflow:hidden}
.peak-fill{height:100%;background:var(--coral);border-radius:999px}
.w-100{width:100%}.w-84-6{width:84.6%}.w-84-5{width:84.5%}.w-84-2{width:84.2%}

.climate-stack{display:grid;gap:9px;margin-top:2px}
.climate-row{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}
.climate-no{font:600 11px 'JetBrains Mono',monospace;color:var(--violet)}
.climate-row strong{display:block;font-size:12px}
.climate-row small{display:block;font-size:10.5px;line-height:1.4;color:var(--ink-soft);margin-top:3px}

.env-ring-row{display:grid;grid-template-columns:112px 1fr;gap:14px;align-items:center;margin-top:4px}
.env-ring{width:112px;height:112px;border-radius:50%;background:conic-gradient(var(--teal) 0 66.2%,#ECE3D6 66.2% 100%);position:relative}
.env-ring-hole{position:absolute;inset:15px;background:var(--card);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.env-ring-hole span{font:500 9px 'JetBrains Mono',monospace;color:var(--ink-soft);text-transform:uppercase}
.env-ring-hole b{font-family:'Fraunces',serif;font-size:22px}
.env-values{display:grid;gap:8px}
.env-values span{display:block;font-size:10px;color:var(--ink-soft)}
.env-values strong{display:block;font-family:'JetBrains Mono',monospace;font-size:11px}
.env-values small{display:block;font-size:9px;color:var(--ink-soft)}

.env-bars{display:grid;gap:9px;margin-top:14px}
.env-bar-row{display:grid;grid-template-columns:92px 1fr 42px;gap:7px;align-items:center}
.env-bar-row span{font-size:10px;color:var(--ink-soft)}
.env-bar-row strong{font:500 9px 'JetBrains Mono',monospace;text-align:right}
.env-track{height:8px;background:#F1ECE4;border-radius:999px;overflow:hidden}
.env-fill{height:100%;background:var(--teal);border-radius:999px}
.env-fill.navy-fill{background:var(--navy)}
.env-fill.gold-fill{background:var(--gold)}
.w-20-8{width:20.8%}.w-13-3{width:13.3%}.w-22-9{width:22.9%}

.hazard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hazard-panel p,.hazard-rules li{font-size:12.5px;color:var(--ink-soft);line-height:1.55}
.hazard-rules ul{margin:10px 0 0 18px}
.hazard-rules li{margin-bottom:7px}

.profile-divider{height:1px;background:var(--line);margin:0 0 42px;max-width:900px}
.explain-zone{margin:0 0 48px;max-width:900px}
.explain-zone .eyebrow{font:600 10px 'JetBrains Mono',monospace;letter-spacing:.07em;text-transform:uppercase;color:var(--coral);margin-bottom:7px}
.explain-zone h2{font-family:'Fraunces',serif;font-size:24px;margin-bottom:11px}
.explain-zone p{font-size:14.5px;color:var(--ink-soft);margin-bottom:12px;line-height:1.68}
.explain-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}
.explain-card{border-top:3px solid var(--line);padding-top:13px}
.explain-card:nth-child(1){border-top-color:var(--coral)}
.explain-card:nth-child(2){border-top-color:var(--navy)}
.explain-card h3{font-family:'Fraunces',serif;font-size:16px;margin-bottom:6px}

.method-callout{margin-top:14px;padding:14px 16px;background:#FFF8EC;border:1px solid #F1DFC0;border-radius:12px;font-size:12.5px;color:var(--ink-soft)}
.method-callout strong{color:var(--ink)}
.source-item strong a{color:var(--ink);text-decoration:none}
.source-item strong a:hover{color:var(--coral);text-decoration:underline;text-underline-offset:3px}

.related{margin:0 0 48px;max-width:900px}
.related h2{font-family:'Fraunces',serif;font-size:21px;margin-bottom:12px}

@media(max-width:900px){
  .profile-metrics{grid-template-columns:repeat(2,1fr)}
  .dashboard-board{grid-template-columns:1fr}
  .snapshot-strip{grid-template-columns:repeat(2,1fr)}
  .visual-triad{grid-template-columns:1fr}
  .hazard-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .dashboard-stage{margin-left:0;margin-right:0}
  .profile-metrics{grid-template-columns:1fr 1fr;gap:9px}
  .profile-metric{padding:15px;min-height:115px}
  .pm-value{font-size:24px}
  .chart-insights{grid-template-columns:1fr}
  .snapshot-strip{grid-template-columns:1fr 1fr}
  .peak-row{grid-template-columns:82px 1fr 40px}
  .env-ring-row{grid-template-columns:1fr}
  .related{margin-left:0;margin-right:0}
}




.data-table-wrap {
  margin:0 0 20px;
  max-width: 900px;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 16px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.data-table { width: 100%; border-collapse: collapse; min-width: 420px; }
.data-table th {
  text-align: left;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--ink-soft);
  padding: 14px 18px;
  border-bottom: 1px solid var(--line);
  background: #FAF6EE;
}
.data-table td {
  padding: 13px 18px;
  font-size: 13.5px;
  border-bottom: 1px solid var(--line);
}
.data-table tr:last-child td { border-bottom: none; }
.data-table tr:hover { background: #FDFAF4; }
.data-table td.hl { font-weight: 600; color: var(--ink); }
.data-table td.num, .data-table th.num { text-align: right; }
.data-table td.year { font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--ink-soft); white-space: nowrap; }



.source-list { margin:0 0 20px; max-width: 900px; display: grid; gap: 10px; }
.source-item {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 14px 18px;
}
.source-item strong { display: block; font-size: 14px; margin-bottom: 3px; }
.source-item p { font-size: 12.5px; color: var(--ink-soft); }
.source-item a { color: var(--coral); }


.content-section > .data-table-wrap.data-table-full{
  margin-left:0;
  margin-right:0;
  max-width:100%;
}
.content-section > .source-list.source-list-full{
  margin-left:0;
  margin-right:0;
  max-width:100%;
}

.data-table td{font-family:'Inter',sans-serif}
.data-table th,.data-table td.year{font-family:'JetBrains Mono',monospace}
.content-section h2,.related h2{font-family:'Fraunces',serif}



.relief-scale{margin:20px 0 4px}
.relief-track{height:14px;background:#F1ECE4;border-radius:999px;position:relative;overflow:hidden}
.relief-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--teal),var(--navy));border-radius:999px}
.relief-points{display:flex;justify-content:space-between;margin-top:8px;font:500 9px 'JetBrains Mono',monospace;color:var(--ink-soft)}
.landcover-list{display:grid;gap:11px;margin-top:8px}
.landcover-row{display:grid;grid-template-columns:105px 1fr 40px;gap:8px;align-items:center}
.landcover-row span{font-size:10px;color:var(--ink-soft)}
.landcover-row strong{font:500 9px 'JetBrains Mono',monospace;text-align:right}
.landcover-track{height:9px;background:#F1ECE4;border-radius:999px;overflow:hidden}
.landcover-fill{height:100%;border-radius:999px;background:var(--teal)}
.landcover-fill.agri{background:var(--gold)}
.landcover-fill.artificial{background:var(--coral)}
.landcover-fill.shrub{background:var(--violet)}
.landcover-fill.water{background:var(--navy)}
.w-41{width:41%}.w-20{width:20%}.w-16{width:16%}.w-22{width:22%}.w-1{width:1%}
.omission-note{margin-top:16px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#FAF6EE;font-size:12px;color:var(--ink-soft);line-height:1.55}
.omission-note strong{color:var(--ink)}

.dashboard-board-spaced{margin-top:14px}


.content-section > .data-table-wrap.data-table-full{margin-left:0!important;margin-right:0!important;max-width:100%!important}
.content-section > .source-list.source-list-full{margin-left:0!important;margin-right:0!important;max-width:100%!important}
.data-table td{font-family:'Inter',sans-serif!important}
.data-table th,.data-table td.year{font-family:'JetBrains Mono',monospace!important}
.content-section h2{font-family:'Fraunces',serif!important}


.profile-metric .pm-value{font-size:clamp(22px,2.4vw,31px)!important;overflow-wrap:anywhere;line-height:1.08}.signal-value{font-size:clamp(20px,2.2vw,28px)!important;overflow-wrap:anywhere}

.signal.signal-copy-only .signal-copy{margin-top:8px}