/* ============================================================
   GDC — EMDE Country Data
   Page-specific styles. Builds on tokens in main.css.
   ============================================================ */

.emde{padding:0 0 64px}
.emde .num{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}

/* coverage stats in the hero */
.emde-cov{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:26px;font-size:13px;color:#c7c7c4}
.emde-cov b{display:block;color:#fff;font-size:22px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}

/* group pills (brand tag colours) */
.emde-pills{display:flex;flex-wrap:wrap;gap:4px}
.emde .pill{font-size:10.5px;padding:3px 8px;white-space:nowrap}
.g-LDC{background:var(--amber-bg);color:var(--amber-fg)}
.g-LLDC{background:var(--trade-bg);color:var(--trade-fg)}
.g-SIDS{background:var(--teal-light);color:var(--finance-fg)}
.g-FCV{background:var(--proposed-bg);color:var(--proposed-fg)}
.g-IFL{background:var(--policy-bg);color:var(--policy-fg)}
.g-UNR{background:var(--white);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}

/* data mode (reported / gap-fills / 2026 estimates) */
.emde-mode{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;padding:22px 0 0}
.emde-mode-label{font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-faint);margin-right:12px}
.emde-mode button{
  font-family:inherit;font-size:12.5px;font-weight:600;padding:7px 13px;border:1px solid var(--border);
  background:var(--white);color:var(--text-mute);cursor:pointer;margin-left:-1px;
}
.emde-mode button:first-of-type{border-radius:6px 0 0 6px;margin-left:0}
.emde-mode button:last-of-type{border-radius:0 6px 6px 0}
.emde-mode button[aria-pressed="true"]{background:var(--ink);color:var(--white);border-color:var(--ink);position:relative}
.emde-mode button:focus-visible{outline:2px solid var(--teal);outline-offset:2px;position:relative}
.emde-mode-note{font-size:12.5px;color:var(--text-faint);margin-left:14px;flex-basis:auto}
@media (max-width:640px){.emde-mode-note{flex-basis:100%;margin:6px 0 0}}
.est{color:var(--amber-fg);font-style:italic}
.emde-est26{display:block;margin-top:6px;font-size:12.5px;color:var(--amber-fg);font-weight:500}
.emde-est26 em{display:block;font-style:normal;font-family:'Inter',sans-serif;font-size:11px;color:var(--text-faint);font-weight:400}
.emde-dl{margin-bottom:10px;padding:9px 16px}

/* filter bar */
.emde-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:18px 0 16px}
.emde-filters input,.emde-filters select{
  font-family:inherit;font-size:14px;color:var(--text);background:var(--white);
  border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;min-width:0;
}
.emde-filters input{flex:1 1 220px;max-width:300px}
.emde-filters input:focus,.emde-filters select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-light)}
.emde-chips{display:flex;flex-wrap:wrap;gap:6px}
.emde-chip{
  font-family:inherit;font-size:12px;font-weight:600;padding:7px 12px;border-radius:999px;
  border:1px solid var(--border);background:var(--white);color:var(--text-mute);cursor:pointer;
}
.emde-chip:hover{border-color:var(--ink);color:var(--ink)}
.emde-chip[aria-pressed="true"]{border-color:transparent}
.emde-chip[aria-pressed="true"].g-UNR{background:var(--ink);color:var(--white);box-shadow:none}
.emde-chip:not([aria-pressed="true"]){background:var(--white);color:var(--text-mute);box-shadow:none}
.emde-count{font-size:12.5px;color:var(--text-faint);margin-left:auto}

/* country register */
.emde-tablebox{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}
.emde-table{border-collapse:collapse;width:100%;min-width:880px;font-size:14px}
.emde-table th{
  font-size:10.5px;letter-spacing:.8px;text-transform:uppercase;color:var(--text-faint);font-weight:700;
  text-align:left;padding:11px 14px;border-bottom:1px solid var(--border);background:var(--page-grey);white-space:nowrap;
}
.emde-table th button{all:unset;cursor:pointer}
.emde-table th button:hover{color:var(--ink)}
.emde-table th button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.emde-table .r{text-align:right}
.emde-table td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle}
.emde-table tbody tr{cursor:pointer}
.emde-table tbody tr:hover td{background:var(--page-grey)}
.emde-table tbody tr:last-child td{border-bottom:none}
.emde-table .c-name{font-weight:600;color:var(--text)}
.emde-table .c-iso{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--text-faint);margin-left:6px}
.emde-table .yr{display:block;font-size:10.5px;color:var(--text-faint)}
.emde-table .rated{font-size:12.5px;color:var(--text-mute)}
.na{color:var(--text-faint)}
.emde-empty{color:var(--text-faint);font-size:13px}

/* country profile */
.emde-crumb{padding:24px 0 0;font-size:13px}
.emde-crumb a{font-weight:600}
.emde-phead{display:grid;grid-template-columns:1fr auto;gap:14px 36px;align-items:end;padding:14px 0 24px;border-bottom:1px solid var(--border)}
.emde-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;color:var(--text-mute);font-size:14px}
.emde-meta b{color:var(--text);font-weight:600}
.emde-rate{font-size:13px;color:var(--text-mute);max-width:300px;text-align:right}
.emde-rate strong{display:block;color:var(--text);font-size:14px}
@media (max-width:720px){.emde-phead{grid-template-columns:1fr}.emde-rate{text-align:left;max-width:none}}

.emde-legend{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:12px;color:var(--text-mute);padding:16px 0 0}
.emde-legend i{display:inline-block;vertical-align:middle;margin-right:6px}
.emde-legend .k-me{width:10px;height:10px;border-radius:50%;background:var(--teal)}
.emde-legend .k-dot{width:8px;height:8px;border-radius:50%;background:#c4c4bf}
.emde-legend .k-med{width:2px;height:12px;background:var(--ink)}

.emde-theme{padding:30px 0 4px}
.emde-theme h3{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--teal);margin-bottom:2px}
.emde-row{
  display:grid;grid-template-columns:minmax(0,1.5fr) minmax(110px,.7fr) 170px minmax(0,1.4fr);
  gap:14px 24px;align-items:center;padding:15px 0;border-bottom:1px solid var(--border);
}
.emde-row .lbl{min-width:0}
.emde-row .lbl b{display:block;font-weight:600;font-size:14.5px;color:var(--text)}
.emde-row .lbl small{display:block;color:var(--text-faint);font-size:12px}
.emde-row .lbl a{font-size:12px;color:var(--text-mute)}
.emde-val{font-family:'IBM Plex Mono',monospace;font-size:20px;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}
.emde-val small{display:block;font-family:'Inter',sans-serif;font-size:11.5px;color:var(--text-faint);font-weight:400}
.emde-row svg{display:block;width:100%;height:auto;overflow:visible}
.emde-cap{display:flex;justify-content:space-between;font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--text-faint);margin-top:2px}
.emde-note{font-size:12px;color:var(--text-mute);margin-top:2px}
@media (max-width:820px){
  .emde-row{grid-template-columns:1fr auto}
  .emde-row .spark,.emde-row .strip{grid-column:1 / -1}
}

.emde-reports{margin-top:34px;padding:24px 26px;border:1px dashed var(--border);border-radius:var(--radius);background:var(--page-grey)}
.emde-reports h3{font-size:17px;margin-bottom:6px}
.emde-reports p{color:var(--text-mute);font-size:14.5px;max-width:70ch}

/* sources & method */
.emde-method{border-top:1px solid var(--border);margin-top:44px;padding-top:30px;font-size:13.5px;color:var(--text-mute)}
.emde-method h3{color:var(--ink);font-size:18px;margin-bottom:14px}
.emde-method h4{color:var(--text-faint);font-size:11px;letter-spacing:1px;text-transform:uppercase;margin:26px 0 10px}
.emde-method ul{padding-left:18px;display:grid;gap:6px;max-width:90ch}
.emde-src{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px 30px}
.emde-src div{min-width:0}
.emde-src b{color:var(--text);font-weight:600}
.emde-src code{font-family:'IBM Plex Mono',monospace;font-size:11.5px}

.emde-tip{position:fixed;pointer-events:none;background:var(--ink);color:var(--white);font-size:12px;padding:5px 8px;border-radius:4px;z-index:200;white-space:nowrap;font-family:'IBM Plex Mono',monospace}

/* scores */
.emde-scores{display:grid;grid-template-columns:repeat(3,minmax(0,1.3fr)) repeat(3,minmax(0,1fr));border:1px solid var(--border);border-radius:var(--radius);margin-top:20px}
.emde-scores div{padding:12px 14px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:2px;min-width:0}
.emde-scores div:last-child{border-right:none}
.emde-scores b{font-size:26px;line-height:1.1;color:var(--ink);font-weight:600}
.emde-scores span{font-size:13px;font-weight:600;color:var(--text)}
.emde-scores small{font-size:11.5px;color:var(--text-faint)}
@media (max-width:720px){.emde-scores{grid-template-columns:repeat(3,minmax(0,1fr))}.emde-scores div{border-bottom:1px solid var(--border)}}
.emde-scorenote{font-size:12px;color:var(--text-faint);margin-top:8px}
.emde-scorechip{display:inline-block;margin-top:6px;font-family:'Inter',sans-serif;font-size:11px;font-weight:600;color:var(--finance-fg);background:var(--teal-light);padding:2px 8px;border-radius:999px}
.emde-scores div.sub{background:var(--page-grey)}
.emde-scores div.sub b{font-size:20px}
.emde-scores div:nth-child(4){border-left:2px solid var(--teal)}
.an-link{font-size:13.5px;font-weight:600;margin-top:12px}
.emde-limited{margin-top:18px;padding:12px 16px;border-radius:var(--radius-sm);background:var(--amber-bg);color:var(--amber-fg);font-size:13.5px;line-height:1.55}
.emde-limited strong{font-weight:700}

/* MOBILE (added) */
@media (max-width:640px){
  .emde-mode button{padding:10px 13px}
  .emde-chip{padding:10px 14px}
  .emde-filters input{flex-basis:100%;max-width:none;min-height:46px}
  .emde-filters select{flex:1 1 150px;min-height:46px}
  .emde-count{margin-left:0;flex-basis:100%}
  .emde-table th:first-child,.emde-table td:first-child{position:sticky;left:0;z-index:1;box-shadow:1px 0 0 var(--border)}
  .emde-table td:first-child{background:var(--white)}
  .emde-table th:first-child{z-index:2}
  .emde-table tbody tr:hover td:first-child{background:var(--page-grey)}
}