.countries-page{padding-top:var(--app-nav-h);background:var(--bg);min-height:100vh}.countries-shell{width:min(1180px,calc(100% - 2rem));margin-inline:auto}.countries-hero{padding:clamp(3.2rem,7vw,6.5rem) 0 3.2rem;border-bottom:1px solid var(--border);background:radial-gradient(circle at 80% 22%,rgba(52,211,153,.14),transparent 30%),linear-gradient(145deg,#07111f,#07101a);color:#f8fafc}.breadcrumbs{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;color:#91a0b4;font-size:.72rem}.breadcrumbs a{color:inherit;text-decoration:none}.breadcrumbs a:hover{color:#34d399}.countries-kicker,.section-label{display:block;color:var(--gold);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.countries-hero h1{margin:.65rem 0 .8rem;font-size:clamp(2.4rem,6vw,4.7rem);letter-spacing:-.045em}.countries-hero p{max-width:710px;color:#b8c4d4;font-size:clamp(.9rem,1.7vw,1.05rem);line-height:1.75}.directory-stats{display:flex;align-items:center;gap:.75rem;margin-top:1.7rem}.directory-stats strong{font-size:2rem;color:#34d399}.directory-stats span{max-width:190px;color:#94a3b8;font-size:.72rem;line-height:1.4}.directory-section{padding-block:2.5rem 4rem}.directory-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.directory-heading h2,.worldwide-links h2{margin-top:.3rem;font-size:clamp(1.45rem,3vw,2rem)}.country-directory-search{display:flex;align-items:center;gap:.45rem;min-width:min(100%,290px);padding:.65rem .8rem;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.country-directory-search:focus-within{border-color:rgba(52,211,153,.65);box-shadow:0 0 0 3px rgba(52,211,153,.08)}.country-directory-search span{color:var(--muted)}.country-directory-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:.78rem}.alphabet-filter{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:1.5rem}.alphabet-filter button{min-width:34px;padding:.45rem .55rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);font:inherit;font-size:.68rem;cursor:pointer}.alphabet-filter button:hover,.alphabet-filter button.active{border-color:rgba(52,211,153,.4);background:rgba(52,211,153,.1);color:#34d399}.directory-status{margin-bottom:1rem;color:var(--muted);font-size:.72rem}.country-groups{display:grid;gap:1.5rem}.country-group h3{margin-bottom:.65rem;padding-bottom:.45rem;border-bottom:1px solid var(--border);color:#34d399;font-size:1rem}.country-link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:.55rem}.country-directory-link{display:flex;align-items:center;gap:.7rem;padding:.8rem .9rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);text-decoration:none;font-size:.76rem;font-weight:650;transition:.18s}.country-directory-link:hover{transform:translateY(-1px);border-color:rgba(52,211,153,.38);background:rgba(52,211,153,.06)}.country-directory-link .flag{font-size:1.15rem}.country-directory-link .arrow{margin-left:auto;color:var(--muted)}.directory-empty{padding:3rem;text-align:center;color:var(--muted)}.worldwide-links{padding-bottom:5rem}.worldwide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:1rem}.worldwide-grid a{display:flex;justify-content:space-between;gap:.5rem;padding:1rem;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);text-decoration:none;font-size:.74rem;font-weight:700}.worldwide-grid a:hover{border-color:var(--gold-dim);color:var(--gold)}.hidden{display:none!important}@media(max-width:760px){.directory-heading{align-items:stretch;flex-direction:column}.country-directory-search{width:100%}.worldwide-grid{grid-template-columns:1fr 1fr}}@media(max-width:460px){.countries-shell{width:min(100% - 1.25rem,1180px)}.country-link-grid,.worldwide-grid{grid-template-columns:1fr}}
html.theme-light .countries-hero{background:radial-gradient(circle at 80% 22%,rgba(16,185,129,.13),transparent 34%),linear-gradient(145deg,#fbfdff,#eef5f7);color:#0f172a}
html.theme-light .countries-hero .breadcrumbs,html.theme-light .countries-hero .directory-stats span{color:#64748b}
html.theme-light .countries-hero p{color:#475569}