/* Country page styles — shared by the 400 static /pais + /country pages.
 * Extracted from the generator's inline <style> (~2.8 KB repeated per page);
 * hub-only rules are emitted inline on the two hub pages by
 * tools/build-country-pages.js. Base theme comes from /css/styles.css. */
main.wrap{width:100%;max-width:var(--maxw);padding:16px 14px 8px;flex:1}
.crumbs{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:14px}
.crumbs a{color:var(--text-dim);text-decoration:none}
.crumbs a:hover{color:var(--accent)}
.page-h1{font-family:var(--font-display);font-weight:700;font-size:1.7rem;line-height:1.14;letter-spacing:.005em;margin:2px 0 8px}
.sub{color:var(--text-dim);margin-bottom:20px;max-width:62ch;font-size:.97rem}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0 4px}
@media(max-width:560px){.hero{grid-template-columns:1fr}}
.card{background:var(--surface);border:2px solid var(--panel-line);border-radius:var(--radius);padding:14px}
.card>h2{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-family:var(--font-mono);margin-bottom:10px;font-weight:600}
.flagbox{display:flex;align-items:center;justify-content:center;min-height:150px}
.flagbox img{width:100%;max-width:250px;height:auto;border:1px solid var(--panel-line);border-radius:2px}
.mapbox{display:flex;align-items:center;justify-content:center;min-height:150px}
.silhouette{width:100%;max-height:210px;height:auto}
.silhouette path{fill:var(--accent);stroke:var(--accent-2);stroke-width:2;vector-effect:non-scaling-stroke}
.swatches{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.swatch{width:22px;height:22px;border-radius:2px;border:1px solid var(--panel-line)}
.block{margin-top:22px}
.block>h2{font-size:1.05rem;color:var(--text);font-family:var(--font-display);font-weight:600;margin-bottom:10px;letter-spacing:0}
.block>h2 .em{color:var(--accent-magenta)}
dl.facts{display:grid;grid-template-columns:auto 1fr;gap:9px 16px;font-size:.95rem}
dl.facts dt{color:var(--text-dim);font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;padding-top:3px}
dl.facts dd{color:var(--text)}
.anatomy p{color:var(--text);opacity:.94}
ul.facts-list{list-style:none;display:grid;gap:10px}
ul.facts-list li{background:var(--bg-2);border:1px solid var(--panel-line);border-left:3px solid var(--accent);border-radius:2px;padding:11px 13px;font-size:.95rem}
.related{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.related a{background:var(--surface);border:1px solid var(--panel-line);border-radius:var(--radius-pill);padding:6px 12px;font-size:.82rem;font-family:var(--font-mono);color:var(--text);text-decoration:none}
.related a:hover{border-color:var(--accent);color:var(--accent)}
.related a img{width:18px;height:auto;vertical-align:-3px;margin-right:6px;border-radius:2px}
.header-actions a{text-decoration:none}
.mode-switch a.seg-btn,.mode-switch a.mode-btn{display:inline-block}
.lang-switch .seg-btn,.lang-switch .lang-btn{display:inline-block}