/* Origins Atlas drill-down. Uses the map's own tokens from atlas.css. */
.atlas-country.has-drill path { fill: color-mix(in srgb, var(--a-sel) 70%, var(--a-land)); stroke: var(--a-entry-line); stroke-width: 1.6; }
.lg--drill { background: color-mix(in srgb, var(--a-sel) 70%, var(--a-land)); border: 1px solid var(--a-entry-line); }
.ccaf-atlas__map.is-drilled .atlas-land { opacity: .3; pointer-events: none; }
.ccaf-atlas__map.is-drilled .atlas-markers, .ccaf-atlas__map.is-drilled .atlas-water { pointer-events: none; }
.ccaf-atlas__map.is-drilled .atlas-river { display: none; }
.ccaf-atlas__map.is-drilled ~ .ccaf-atlas__legend > span { display: none; }
.atlas-drill__area { cursor: pointer; outline: none; }
.atlas-drill__area path { stroke: var(--a-entry-line); stroke-width: 1; vector-effect: non-scaling-stroke; stroke-linejoin: round; transition: fill .15s; }
.atlas-drill__area.is-state path { fill: var(--a-land); }
.atlas-drill__area.is-lga path { fill: var(--a-land); stroke-width: .8; }
.atlas-drill__area:hover path { fill: color-mix(in srgb, var(--a-sel) 40%, var(--a-land)); }
.atlas-drill__area:focus-visible path { stroke: var(--a-focus); stroke-width: 3; }
.atlas-drill__area.is-on path { fill: var(--a-sel); stroke-width: 2; }
.atlas-drill__outline { fill: none; stroke: var(--a-entry-line); stroke-width: 2.2; vector-effect: non-scaling-stroke; pointer-events: none; stroke-linejoin: round; }
.atlas-drill__labels { pointer-events: none; }
.atlas-drill__labels text { fill: var(--text, #14231a); stroke: var(--a-land); paint-order: stroke; stroke-linejoin: round; text-anchor: middle; dominant-baseline: middle; font-weight: 700; }
.ccaf-drill { margin-block-start: 14px; padding: 18px; border: 1px solid var(--a-line); border-radius: 14px; background: var(--a-land); display: grid; gap: 14px; min-width: 0; }
.ccaf-drill > * { margin: 0; }
.ccaf-drill h3 { margin: 0; font-size: clamp(1.4rem, 3vw, 1.9rem); }
.ccaf-drill h3:focus { outline: none; }
.ccaf-drill h4 { margin: 0 0 8px; font-size: 1rem; }
.ccaf-drill__kicker { margin: 0 0 2px; font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; color: var(--text-muted, #4a4f4b); font-weight: 700; }
.ccaf-drill__crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; font-size: .9rem; }
.ccaf-drill__crumbs button { background: none; border: 0; padding: 2px 0; color: inherit; font: inherit; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.ccaf-drill__sep { color: var(--text-muted, #4a4f4b); }
.ccaf-drill__facts { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.ccaf-drill__facts div { padding: 8px 12px; border: 1px solid var(--a-line); border-radius: 10px; }
.ccaf-drill__facts dt { font-size: .75rem; color: var(--text-muted, #4a4f4b); }
.ccaf-drill__facts dd { margin: 0; font-weight: 700; }
.ccaf-drill__chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; max-block-size: 260px; overflow: auto; }
.ccaf-drill__chips a { display: inline-block; padding: 4px 11px; border: 1px solid var(--a-line); border-radius: 999px; font-size: .9rem; text-decoration: none; color: inherit; }
.ccaf-drill__chips a:hover { border-color: var(--a-entry-line); }
.ccaf-drill__gap { padding: 10px 14px; border: 1.5px dashed var(--a-entry-line); border-radius: 12px; }
.ccaf-drill__gap p { margin: 0; }
.ccaf-drill__ask ul { margin: 0; padding-inline-start: 1.2em; }
.ccaf-drill__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
#country-collection { margin-block-start: 28px; }