/* ============================================================
   Countries index — page specific styles
   Reuses site.css + country.css (cg-hero, cg-stats, btn).
   ============================================================ */
.ci-hero{padding-bottom:46px;}
.ci-hero .cg-stats{margin-top:30px;}
.ci-hero .lede{font-size:19px;color:#cfe0dd;font-style:italic;max-width:600px;margin:14px 0 26px;text-wrap:pretty;}
.ci-hero h1{font-family:var(--display);font-weight:700;font-size:clamp(34px,5vw,56px);line-height:1.0;letter-spacing:-.02em;margin:0 0 6px;color:#fff;}
.ci-hero h1 em{font-style:italic;color:var(--accent);}
.ci-hero .eyebrow{color:#a9c8ee;}

/* sticky controls */
.ci-controls{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;box-shadow:var(--shadow);}
.ci-controls .wrap{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:15px 28px;}
.ci-search{flex:1;min-width:220px;display:flex;align-items:center;gap:9px;background:var(--card-2);border:1px solid var(--line-2);border-radius:11px;padding:10px 14px;}
.ci-search svg{color:var(--muted);flex:0 0 auto;}
.ci-search input{flex:1;border:0;background:transparent;font-family:var(--body);font-size:16px;color:var(--ink);outline:none;}
.ci-chips{display:flex;gap:8px;flex-wrap:wrap;}
.ci-chips button{font-family:var(--mono);font-size:11.5px;letter-spacing:.03em;border:1px solid var(--line-2);background:#fff;color:var(--ink-soft);border-radius:30px;padding:8px 14px;cursor:pointer;transition:.16s;}
.ci-chips button:hover{border-color:var(--accent);color:var(--accent-ink);}
.ci-chips button.on{background:var(--deep);color:#fff;border-color:var(--deep);}
.ci-count{font-family:var(--mono);font-size:11.5px;color:var(--muted);white-space:nowrap;}

/* region sections */
.ci-sec{padding:54px 0 10px;}
.ci-sec:last-of-type{padding-bottom:64px;}
.ci-head{display:flex;align-items:baseline;gap:14px;margin-bottom:6px;flex-wrap:wrap;}
.ci-head h2{font-family:var(--display);font-weight:600;font-size:clamp(24px,3vw,32px);letter-spacing:-.01em;margin:0;color:var(--deep);}
.ci-head .tag{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--accent-ink);background:var(--accent-soft);border-radius:30px;padding:4px 11px;}
.ci-sub{color:var(--muted);font-style:italic;font-size:16px;margin:0 0 26px;max-width:680px;}

.ci-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
@media (max-width:900px){.ci-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.ci-grid{grid-template-columns:1fr;}}

.ncard{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s var(--ease),box-shadow .2s,border-color .2s;}
.ncard:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--accent);}
.ncard .ntop{display:flex;align-items:center;gap:14px;padding:18px 20px 14px;}
.ncard .nflag{font-size:38px;line-height:1;flex:0 0 auto;filter:drop-shadow(0 3px 6px rgba(12,30,60,.18));}
.ncard .nid b{font-family:var(--display);font-weight:600;font-size:20px;color:var(--deep);display:block;line-height:1.1;}
.ncard .nid .tier{font-family:var(--mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-top:3px;}
.ncard .nstat{margin:0 20px 12px;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;border-radius:30px;padding:5px 11px;}
.ncard .nstat .sdot{width:8px;height:8px;}
.ncard .nblurb{padding:0 20px 16px;font-size:14px;color:var(--ink-soft);line-height:1.55;flex:1;}
.ncard .nfoot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:13px 20px;font-family:var(--mono);font-size:12px;color:var(--accent-ink);}
.ncard .nfoot .stat{display:flex;gap:5px;align-items:center;color:var(--muted);}
.ncard .nfoot .arw{transition:transform .2s;}
.ncard:hover .nfoot .arw{transform:translateX(4px);}
.ncard.hide{display:none;}
.ci-sec.hide{display:none;}

.ci-empty{display:none;text-align:center;padding:50px 20px;color:var(--muted);font-style:italic;}
.ci-empty.show{display:block;}