/* The country atlas shares the site chrome, with its own editorial layout. */
.rd-atlas { --atlas-muted: #a5acc0; --atlas-ink: #e7eaf4; }
.rd-atlas-breadcrumb { display:flex; gap:14px; padding:25px 0 0; color:var(--atlas-muted); font-size:13px; }
.rd-atlas-breadcrumb a:hover { color:var(--accent-border); }
.rd-atlas-hero { display:grid; grid-template-columns:1.15fr 1fr; align-items:center; gap:24px; padding:48px 0 35px; }
.rd-atlas-eyebrow { color:var(--atlas-muted); font-size:11px; font-weight:800; letter-spacing:.18em; }
.rd-atlas-eyebrow > span { margin-right:8px; color:var(--accent-border); font-size:20px; }
.rd-atlas h1 { margin:20px 0; color:var(--text-head); font-size:clamp(36px,3.5vw,64px); font-weight:800; line-height:1.06; letter-spacing:-.055em; }
.rd-atlas h1 em { font-style:normal; color:var(--accent-border); }
.rd-atlas-description { max-width:470px; color:var(--atlas-muted); line-height:1.75; font-size:16px; }
.rd-atlas-explore { display:inline-flex; align-items:center; gap:24px; margin-top:26px; padding:12px 18px; border:1px solid var(--accent); border-radius:6px; background:var(--accent); color:#fff; font-size:14px; font-weight:800; }
.rd-atlas-explore:hover { background:#c93d55; }
.rd-atlas-totals { display:flex; gap:32px; margin-top:32px; }
.rd-atlas-totals > div { display:flex; flex-direction:column-reverse; gap:4px; }
.rd-atlas-totals > div + div { padding-left:32px; border-left:1px solid var(--feature-border); }
.rd-atlas-totals dt { color:var(--atlas-muted); font-size:12px; }
.rd-atlas-totals dd { color:var(--text-head); font-size:25px; font-weight:800; line-height:1; letter-spacing:-.04em; }
.rd-atlas-art { position:relative; aspect-ratio:1.1; min-width:0; max-width:530px; width:100%; justify-self:center; background:radial-gradient(ellipse at center, #e24d6612, transparent 65%); }
.rd-atlas-globe { width:100%; height:100%; }
.rd-atlas-coordinate, .rd-atlas-art-caption { position:absolute; font:10px ui-monospace,monospace; color:var(--atlas-muted); letter-spacing:.12em; }
.rd-atlas-coordinate { right:12%; top:1%; }
.rd-atlas-art-caption { bottom:0; left:0; width:100%; text-align:center; font-size:9px; }
.rd-atlas-stamp { position:absolute; display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid #4a3a4a; border-radius:7px; background:#1f232fed; box-shadow:0 10px 25px #0004; }
.rd-atlas-stamp img { width:36px; height:27px; object-fit:cover; border-radius:2px; }
.rd-atlas-stamp span { font:11px ui-monospace,monospace; color:var(--atlas-ink); }
.rd-atlas-stamp--us { top:23%; left:1%; transform:rotate(-9deg); }
.rd-atlas-stamp--gb { top:6%; left:39%; transform:rotate(8deg); }
.rd-atlas-stamp--de { top:34%; right:0; transform:rotate(8deg); }
.rd-atlas-stamp--jp { bottom:25%; right:1%; transform:rotate(-7deg); }
.rd-atlas-stamp--br { bottom:17%; left:8%; transform:rotate(7deg); }
.rd-atlas-stamp--au { bottom:5%; left:49%; transform:rotate(-8deg); }
.rd-atlas-directory { scroll-margin-top:100px; padding-top:28px; }
.rd-atlas-section-heading { display:flex; justify-content:space-between; gap:20px; align-items:end; margin-bottom:26px; }
.rd-atlas-section-heading h2 { margin-top:8px; color:var(--text-head); font-size:36px; font-weight:800; line-height:1.1; letter-spacing:-.04em; }
.rd-atlas-section-heading h2 span { color:var(--accent-border); }
.rd-atlas-section-heading > p { color:var(--atlas-muted); font-size:13px; padding-bottom:3px; }
.rd-atlas-controls { display:flex; gap:18px; padding:20px; border:1px solid var(--feature-border); border-radius:8px; background:var(--card); }
.rd-atlas-controls label { display:block; color:var(--atlas-ink); margin-bottom:8px; font-size:12px; font-weight:700; }
.rd-atlas-search { flex:1; min-width:0; }
.rd-atlas-search > div { position:relative; }
.rd-atlas-search > div > span { position:absolute; top:6px; left:14px; color:var(--atlas-muted); font-size:23px; transform:rotate(-35deg); pointer-events:none; }
.rd-atlas-controls input, .rd-atlas-controls select { min-height:46px; width:100%; border:1px solid var(--feature-border); border-radius:5px; background:var(--page); color:var(--atlas-ink); font:inherit; font-size:14px; }
.rd-atlas-controls input { padding:10px 12px 10px 42px; }
.rd-atlas-controls input::placeholder { color:var(--atlas-muted); }
.rd-atlas-controls select { padding:10px 34px 10px 12px; color-scheme:dark; }
.rd-atlas-controls select option { background:#171a22; color:#e7eaf4; }
.rd-atlas-sort { width:190px; }
.rd-atlas-alphabet { display:flex; flex-wrap:wrap; gap:4px; padding:18px 0 0; }
.rd-atlas-alphabet button { min-width:32px; min-height:40px; flex:1; border:1px solid transparent; border-radius:4px; color:var(--atlas-muted); font-size:12px; font-weight:700; }
.rd-atlas-alphabet button:first-child { min-width:44px; }
.rd-atlas-alphabet button[aria-pressed="true"] { color:#fff; background:#e24d6624; border-color:var(--accent); }
.rd-atlas-alphabet button:hover:not(:disabled) { color:#fff; background:var(--feature); }
.rd-atlas-alphabet button:disabled { color:#596072; cursor:default; }
.rd-atlas-results { margin:22px 0 14px; color:var(--atlas-muted); font-size:12px; }
.rd-atlas-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.rd-atlas-card { display:flex; flex-direction:column; min-width:0; padding:22px; border:1px solid var(--card-border); border-radius:8px; background:linear-gradient(145deg,#20232d80,transparent 70%),var(--card); transition:border-color .18s,background-color .18s,transform .18s; }
.rd-atlas-card:hover { border-color:var(--accent); background-color:#24202b; transform:translateY(-3px); }
.rd-atlas-card-top { display:flex; justify-content:space-between; align-items:start; gap:12px; }
.rd-atlas-card-top img { width:48px; height:36px; object-fit:cover; border-radius:3px; box-shadow:0 3px 10px #0003; }
.rd-atlas-card-top > span { font:11px ui-monospace,monospace; letter-spacing:.1em; color:var(--atlas-muted); }
.rd-atlas-card h3 { margin:22px 0 14px; color:var(--text-head); font-size:19px; font-weight:800; line-height:1.25; overflow-wrap:anywhere; }
.rd-atlas-card-bottom { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto; color:var(--atlas-muted); font-size:12px; }
.rd-atlas-card-bottom b { color:var(--atlas-ink); font-weight:700; }
.rd-atlas-card-arrow { display:grid; place-items:center; width:28px; height:28px; flex-shrink:0; border:1px solid var(--feature-border); border-radius:50%; color:var(--atlas-muted); font-size:16px; }
.rd-atlas-card:hover .rd-atlas-card-arrow { border-color:var(--accent); background:var(--accent); color:#fff; }
.rd-atlas-empty { border:1px dashed var(--feature-border); border-radius:8px; padding:48px 20px; text-align:center; color:var(--atlas-muted); }
.rd-atlas-empty h3 { color:var(--text-head); font-size:22px; font-weight:800; margin-bottom:8px; }
.rd-atlas-empty button { min-height:44px; margin-top:18px; padding:10px 16px; border:1px solid var(--accent); border-radius:5px; color:var(--accent-border); font-weight:700; }
.rd-atlas-note { display:flex; align-items:center; gap:24px; margin-top:32px; padding:28px; border:1px solid #40323d; border-radius:8px; background:linear-gradient(110deg,#e24d6610,transparent 75%),var(--card); }
.rd-atlas-note-symbol { color:var(--accent-border); font-size:48px; line-height:1; }
.rd-atlas-note h2 { color:var(--text-head); font-size:19px; font-weight:800; }
.rd-atlas-note p { max-width:680px; margin-top:8px; color:var(--atlas-muted); font-size:13px; line-height:1.7; }
.rd-atlas-note a { margin-left:auto; flex-shrink:0; color:var(--accent-border); font-size:13px; font-weight:800; padding:12px 0; }
.rd-atlas-crosslinks { display:flex; flex-wrap:wrap; gap:24px; padding:24px 0 10px; color:var(--atlas-muted); font-size:13px; }
.rd-atlas-crosslinks > span { margin-right:auto; }
.rd-atlas-crosslinks a { color:var(--atlas-ink); }
.rd-atlas a:focus-visible, .rd-atlas button:focus-visible, .rd-atlas input:focus-visible, .rd-atlas select:focus-visible { outline:2px solid var(--accent-border); outline-offset:4px; }
.rd-atlas [hidden] { display:none !important; }
@media(min-width:1800px) { .rd-atlas-grid { grid-template-columns:repeat(5,minmax(0,1fr)); } }
@media(max-width:1100px) { .rd-atlas-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .rd-atlas-note { flex-wrap:wrap; } .rd-atlas-note > div { flex:1; } .rd-atlas-note a { margin-left:72px; } }
@media(max-width:767px) { .rd-atlas-hero { grid-template-columns:1fr; padding-top:32px; gap:12px; } .rd-atlas h1 { font-size:44px; max-width:580px; } .rd-atlas-art { max-width:360px; } .rd-atlas-totals { margin-top:24px; } .rd-atlas-section-heading { align-items:start; flex-direction:column; gap:12px; } .rd-atlas-controls { padding:14px; gap:12px; } .rd-atlas-sort { width:150px; } .rd-atlas-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .rd-atlas-card { padding:18px; } .rd-atlas-crosslinks { gap:18px; } .rd-atlas-crosslinks > span { width:100%; } }
@media(max-width:480px) { .rd-atlas h1 { font-size:36px; } .rd-atlas-art { max-width:300px; } .rd-atlas-controls { flex-direction:column; } .rd-atlas-sort { width:100%; } .rd-atlas-card { padding:16px; } .rd-atlas-card h3 { font-size:17px; } .rd-atlas-card-bottom { font-size:11px; } .rd-atlas-note { padding:20px; gap:14px; } .rd-atlas-note-symbol { display:none; } .rd-atlas-note a { margin-left:0; } .rd-atlas-note > div { flex-basis:100%; } }
@media(prefers-reduced-motion:reduce) { .rd-atlas-card { transition:none; } .rd-atlas-card:hover { transform:none; } }
