/* Moraph for Good: what's available in your country (build/pages/countries.py). */

/* Country picker: a plain list of links; countries.js adds the select that jumps to a country */
.cn-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,11rem),1fr));gap:.2rem 1.2rem}
.cn-list a{display:inline-block;padding:.45rem 0;min-height:24px}
.cn-list a[aria-current]{font-weight:600;text-decoration:none}
.cn-pick{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.8rem;margin:0 0 1.4rem}
.cn-pick .field{flex:1 1 14rem;margin:0}
.cn-pick[hidden]{display:none}
.gd-aside .cn-list{grid-template-columns:1fr}
.cn-other{margin-top:2rem}

/* Overview cards */
.cn-cards{list-style:none;padding:0;margin:0}
.cn-card h3 a{text-decoration:none}
.cn-card h3 a:hover,.cn-card h3 a:focus-visible{text-decoration:underline}
.cn-dl{margin:.6rem 0 0}
.cn-dl div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.2rem 1rem;padding:.55rem 0;border-top:1px solid var(--line)}
.cn-dl dt{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:.15rem}
.cn-dl dd{margin:0;font-size:.95rem;overflow-wrap:anywhere;text-align:right}
.cn-dl .cn-no{color:var(--muted);font-style:italic}
.cn-gaps{margin-top:2rem;max-width:46rem}

/* Country pages */
.cn-cols{columns:2 16rem;column-gap:2rem}
.cn-cols li{break-inside:avoid}
.cn-progs li{margin:.45rem 0}
.cn-status{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:normal}
.cn-gap{border-left:3px solid var(--sun);padding-left:1rem}
.cn-quote q{font-style:italic}
.gd-body .gd-url{display:inline}

@media print{.cn-pick,.cn-other,.cn-other+nav{display:none}}