/*
 * The Atlas (page-atlas.php, coc-atlas.js). The map is always night: the stories glow amber like the candles at
 * the end of each chronicle. Around it, the reader's choice: light (a field notebook on warm paper, the default)
 * or dark (body.dark-mode). Desktop: list left, sticky map right. Phones: map with a swipeable row of cards, or
 * the list. Every colour is a token, so the two modes differ only in the two token blocks.
 */
.coc-atlas {
    --atlas-bg: #fff;
    --atlas-line: rgba(20, 20, 23, .12);
    --atlas-text: rgba(20, 20, 23, .86);
    --atlas-muted: rgba(20, 20, 23, .62);
    --atlas-amber: #d08a1e;                /* decorative only: 2.9:1 on white */
    --atlas-amber-text: #8f5410;           /* amber as text: 6:1 */
    --atlas-ink: #141417;                  /* titles, links, pressed chip, focus ring */
    --atlas-on-ink: #fff;                  /* text and icons on an ink fill */
    --atlas-control: #141417;              /* labels of buttons, the select, the tags */
    --atlas-chip: #141417;
    --atlas-edge: rgba(20, 20, 23, .5);    /* control outlines: 3:1 on white and on paper */
    --atlas-edge-hover: #141417;
    --atlas-edge-strong: #141417;
    --atlas-press: #f6f4ef;                /* a control under the pointer */
    --atlas-raised: #f6f4ef;               /* the select, the no-map note */
    --atlas-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5' fill='none' stroke='%23141417' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
    --atlas-hover: #faf8f4;
    --atlas-active: color-mix(in srgb, var(--atlas-amber) 9%, #fff);  /* the chosen story: candlelight on paper */
    --atlas-mark: color-mix(in srgb, var(--atlas-amber) 70%, var(--atlas-amber-text));  /* its rule and ring: 3:1 */
    --atlas-dot: 0 0 0 3px rgba(208, 138, 30, .2);
    --atlas-img-edge: 1px solid rgba(20, 20, 23, .08);
    --atlas-ev: #f6f4ef;                   /* «everywhere»: the notebook's last page */
    --atlas-tag: #fff;
    /* Over the night map: light cards and controls that float. */
    --atlas-card: #fff;
    --atlas-card-line: rgba(20, 20, 23, .1);
    --atlas-card-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 20px 44px -16px rgba(0, 0, 0, .85);
    --atlas-card-hover: #faf8f4;
    --atlas-card-active: var(--atlas-active);
    --atlas-ring: 2px;
    --atlas-glass: rgba(255, 255, 255, .94);
    --atlas-glass-line: rgba(20, 20, 23, .1);
    --atlas-glass-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 24px -12px rgba(0, 0, 0, .75);
    --atlas-icon: none;                    /* MapLibre's own icons are drawn dark */
    --atlas-attrib: rgba(255, 255, 255, .9);
    --atlas-attrib-ink: rgba(20, 20, 23, .72);
    --atlas-attrib-link: #141417;
    --atlas-pop: #fff;
    --atlas-close: rgba(20, 20, 23, .62);
    --atlas-close-ring: -2px;              /* inside the card: outside, it would fall on the night map */
    display: grid;
    grid-template-columns: minmax(340px, 440px) minmax(0, 1fr);
    grid-template-areas: "filters map" "list map" "ev map";
    grid-template-rows: auto 1fr auto;
    border-top: 1px solid var(--atlas-line);
    background: var(--atlas-bg);
    color: var(--atlas-text);
    font-family: var(--coc-sans);
}
body.dark-mode .coc-atlas {
    --atlas-bg: #0b0b0d;
    --atlas-line: rgba(255, 255, 255, .1);
    --atlas-text: #ececec;
    --atlas-muted: rgba(255, 255, 255, .64);
    --atlas-amber: #f2b45a;
    --atlas-amber-text: #ecc68f;
    --atlas-ink: #fff;
    --atlas-on-ink: #111;
    --atlas-control: #eee;
    --atlas-chip: #e8e8e8;
    --atlas-edge: rgba(255, 255, 255, .45);
    --atlas-edge-hover: rgba(255, 255, 255, .75);
    --atlas-edge-strong: rgba(255, 255, 255, .8);
    --atlas-press: transparent;
    --atlas-raised: #121215;
    --atlas-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5' fill='none' stroke='%23ccc' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
    --atlas-hover: rgba(255, 255, 255, .035);
    --atlas-active: rgba(242, 180, 90, .07);
    --atlas-mark: var(--atlas-amber);
    --atlas-dot: 0 0 6px var(--atlas-amber);
    --atlas-img-edge: none;
    --atlas-ev: transparent;
    --atlas-tag: transparent;
    --atlas-card: rgba(14, 14, 18, .94);
    --atlas-card-line: rgba(255, 255, 255, .12);
    --atlas-card-shadow: 0 18px 40px -18px rgba(0, 0, 0, .9);
    --atlas-card-hover: rgba(20, 20, 24, .96);
    --atlas-card-active: rgb(26, 22, 17);
    --atlas-ring: 1px;
    --atlas-glass: rgba(18, 18, 22, .88);
    --atlas-glass-line: rgba(255, 255, 255, .14);
    --atlas-glass-shadow: none;
    --atlas-icon: invert(1);
    --atlas-attrib: rgba(11, 11, 13, .72);
    --atlas-attrib-ink: rgba(255, 255, 255, .7);
    --atlas-attrib-link: rgba(255, 255, 255, .85);
    --atlas-pop: rgba(16, 16, 20, .94);
    --atlas-close: #ccc;
    --atlas-close-ring: 3px;
}
/* More contrast asked for: light only (the dark block wins on specificity, and already runs high). */
@media (prefers-contrast: more) {
    .coc-atlas { --atlas-muted: rgba(20, 20, 23, .78); --atlas-line: rgba(20, 20, 23, .3); --atlas-edge: #141417; }
}

.coc-atlas__filters { grid-area: filters; padding: 1.1rem clamp(1.2rem, 2.4vw, 2rem) .9rem; border-bottom: 1px solid var(--atlas-line); }
.coc-atlas__chips { display: none; flex-wrap: wrap; gap: .4rem; margin-bottom: .7rem; }
.coc-atlas.is-ready .coc-atlas__chips { display: flex; }
.coc-atlas__chips button,
.coc-atlas__view {
    min-height: 38px;
    padding: 0 .95rem;
    border: 1px solid var(--atlas-edge);
    border-radius: 999px;
    background: transparent;
    color: var(--atlas-chip);
    font: 500 .85rem/1 var(--coc-sans);
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.coc-atlas__chips button:hover, .coc-atlas__view:hover { border-color: var(--atlas-edge-hover); }
/* Paper under the pointer (light), only where hover is real: after a tap it would stick. Before the pressed chip. */
@media (hover: hover) {
    :is(.coc-atlas__chips button, .coc-atlas__view, .coc-atlas__fly, .coc-atlas__listen):hover { background: var(--atlas-press); }
}
.coc-atlas__chips button[aria-pressed="true"] { background: var(--atlas-ink); border-color: var(--atlas-ink); color: var(--atlas-on-ink); }
.coc-atlas__tools { display: flex; gap: .5rem; align-items: center; }
.coc-atlas__comarca { display: none; flex: 1; margin: 0; }
.coc-atlas.is-ready .coc-atlas__comarca { display: block; }
.coc-atlas__comarca select {
    width: 100%;
    min-height: 40px;
    padding: 0 2.2rem 0 .9rem;
    border: 1px solid var(--atlas-edge);
    border-radius: 12px;
    background: var(--atlas-raised) var(--atlas-chevron) no-repeat right .7rem center / 16px;
    color: var(--atlas-control);
    font: 400 .9rem/1.2 var(--coc-sans);
    appearance: none;
}
.coc-atlas__view { display: none; }
.coc-atlas__count { margin: .8rem 0 0; font-size: .72rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--atlas-muted); }
.coc-atlas :is(button, select, a):focus-visible { outline: 2px solid var(--atlas-ink); outline-offset: 3px; }

/* Skip link: off-screen until focused. */
.coc-atlas__skip { position: absolute; left: -9999px; }
.coc-atlas__skip:focus { position: fixed; z-index: 80; left: 1rem; top: calc(var(--coc-nav-h) + .5rem); padding: .6rem 1rem; border-radius: 999px; background: var(--atlas-ink); color: var(--atlas-on-ink); }

/* The map: night in both modes (this box shows while the tiles load). */
.coc-atlas__stage {
    grid-area: map;
    position: sticky;
    top: var(--coc-nav-live, var(--coc-nav-h));
    align-self: start;
    height: calc(100svh - var(--coc-nav-live, var(--coc-nav-h)));
    background: radial-gradient(120% 90% at 60% 40%, #15151a 0%, #0b0b0d 70%);
    border-left: 1px solid var(--atlas-line);
}
.coc-atlas__map { position: absolute; inset: 0; }
.coc-atlas__fallback { position: absolute; inset: auto 1.5rem 1.5rem; margin: 0; padding: 1rem 1.2rem; border: 1px solid var(--atlas-line); border-radius: 14px; background: var(--atlas-raised); color: var(--atlas-muted); }

/* The list. */
.coc-atlas__list { grid-area: list; margin: 0; padding: .4rem 0 1rem; list-style: none; outline: none; }
.coc-atlas__item[hidden] { display: none; }
.coc-atlas__card {
    position: relative;
    display: grid;
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 1rem;
    padding: 1rem clamp(1.2rem, 2.4vw, 2rem);
    border-bottom: 1px solid var(--atlas-line);
    transition: background-color .25s ease;
}
.coc-atlas__item:hover .coc-atlas__card, .coc-atlas__item.is-hover .coc-atlas__card { background: var(--atlas-hover); }
.coc-atlas__item.is-active .coc-atlas__card { background: var(--atlas-active); box-shadow: inset 3px 0 0 var(--atlas-mark); }
.coc-atlas__img { width: 104px; height: 104px; border-radius: 12px; object-fit: cover; filter: saturate(.85); outline: var(--atlas-img-edge); outline-offset: -1px; }
.coc-atlas__body { min-width: 0; }
.coc-atlas__where { margin: .1rem 0 .3rem; font-size: .7rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--atlas-amber-text); }
.coc-atlas__name { margin: 0 0 .35rem; font-family: var(--coc-serif); font-size: 1.22rem; font-weight: 500; line-height: 1.2; }
.coc-atlas__name a { color: var(--atlas-ink); text-decoration: none; }
.coc-atlas__name a:hover { text-decoration: underline; text-underline-offset: .18em; }
.coc-atlas__place { display: flex; align-items: center; gap: .3rem; margin: 0 0 .45rem; color: var(--atlas-muted); font-size: .82rem; line-height: 1.35; }
.coc-atlas__place::before { content: ""; flex: none; width: 5px; height: 5px; border-radius: 50%; background: var(--atlas-amber); box-shadow: var(--atlas-dot); }
.coc-atlas__excerpt { margin: 0 0 .7rem; color: var(--atlas-muted); font-size: .88rem; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.coc-atlas__actions { display: flex; flex-wrap: wrap; gap: .4rem; }
.coc-atlas__fly,
.coc-atlas__listen {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 36px;
    padding: 0 .85rem 0 .65rem;
    border: 1px solid var(--atlas-edge);
    border-radius: 999px;
    background: transparent;
    color: var(--atlas-control);
    font: 500 .8rem/1 var(--coc-sans);
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.coc-atlas__fly svg { width: 16px; height: 16px; }
.coc-atlas__fly { display: none; }
.coc-atlas.is-ready:not(.is-nomap) .coc-atlas__fly { display: inline-flex; }
.coc-atlas__fly:hover, .coc-atlas__listen:hover { border-color: var(--atlas-edge-strong); }
/* Never under the sticky header when tabbing (2.4.11). */
.coc-atlas__item, .coc-atlas__list { scroll-margin-top: calc(var(--coc-nav-h) + 1rem); }
/* Touch screens wider than a phone (tablets) get finger-sized targets too. */
@media (pointer: coarse) {
    .coc-atlas__chips button, .coc-atlas__fly, .coc-atlas__listen, .coc-atlas__comarca select { min-height: 44px; }
    .coc-atlas .maplibregl-ctrl-group button { width: 44px; height: 44px; }
}
@media (forced-colors: active) {
    .coc-atlas__chips button[aria-pressed="true"] { forced-color-adjust: none; background: Highlight; color: HighlightText; }
    .coc-atlas__item.is-active .coc-atlas__card { outline: 3px solid Highlight; outline-offset: -3px; }
}
.coc-atlas__listen-i { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--atlas-ink); color: var(--atlas-on-ink); }
.coc-atlas__listen-i svg { width: 12px; height: 12px; }
.coc-atlas__listen .i-pause, .coc-atlas__listen[data-playing] .i-play { display: none; }
.coc-atlas__listen[data-playing] .i-pause { display: block; }
.coc-atlas__listen-t { color: var(--atlas-muted); }

.coc-atlas__everywhere { grid-area: ev; padding: 1.6rem clamp(1.2rem, 2.4vw, 2rem) 2.4rem; background: var(--atlas-ev); }
.coc-atlas__everywhere h2 { margin: 0 0 .3rem; font-family: var(--coc-serif); font-size: 1.5rem; font-weight: 500; color: var(--atlas-ink); }
.coc-atlas__everywhere p { margin: 0 0 .8rem; color: var(--atlas-muted); font-size: .92rem; }
.coc-atlas__everywhere ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: .4rem; }
.coc-atlas__everywhere a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 1rem; border: 1px solid var(--atlas-line); border-radius: 999px; background: var(--atlas-tag); color: var(--atlas-control); text-decoration: none; font-size: .88rem; }
.coc-atlas__everywhere a:hover { border-color: var(--atlas-edge); }

/* MapLibre controls and popups, in the site's voice: they float over the night map in the page's colours. */
.coc-atlas .maplibregl-ctrl-group { background: var(--atlas-glass); border: 1px solid var(--atlas-glass-line); border-radius: 14px; box-shadow: var(--atlas-glass-shadow); overflow: hidden; }
.coc-atlas .maplibregl-ctrl-group button { width: 40px; height: 40px; }
.coc-atlas .maplibregl-ctrl-group button + button { border-top-color: var(--atlas-line); }
.coc-atlas .maplibregl-ctrl-group button .maplibregl-ctrl-icon { filter: var(--atlas-icon); }
.coc-atlas .maplibregl-ctrl-group button:focus-visible { box-shadow: inset 0 0 0 2px var(--atlas-ink); }
.coc-atlas .coc-atlas__home svg { width: 18px; height: 18px; margin: auto; color: var(--atlas-control); }
.coc-atlas .maplibregl-ctrl-attrib { background: var(--atlas-attrib); color: var(--atlas-attrib-ink); font-size: 11px; }
.coc-atlas .maplibregl-ctrl-attrib a { color: var(--atlas-attrib-link); }
.coc-atlas .maplibregl-ctrl-attrib.maplibregl-compact { background: var(--atlas-glass); box-shadow: var(--atlas-glass-shadow); }
.coc-atlas .maplibregl-ctrl-attrib-button { filter: var(--atlas-icon); }
/* The canvas ring is drawn on the map itself: white in both modes. */
.coc-atlas .maplibregl-canvas:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }

.coc-atlas-pop .maplibregl-popup-content,
.coc-atlas-tip .maplibregl-popup-content {
    padding: .75rem .95rem .8rem;
    border: 1px solid var(--atlas-glass-line);
    border-radius: 14px;
    background: var(--atlas-pop);
    color: var(--atlas-control);
    box-shadow: 0 18px 40px -16px rgba(0, 0, 0, .8);
    font-family: var(--coc-sans);
}
.coc-atlas-tip .maplibregl-popup-content { padding: .5rem .75rem; pointer-events: none; }
/* The tip takes the card's colour on whichever side MapLibre points it. */
:is(.coc-atlas-pop, .coc-atlas-tip)[class*="-anchor-bottom"] .maplibregl-popup-tip { border-top-color: var(--atlas-pop); }
:is(.coc-atlas-pop, .coc-atlas-tip)[class*="-anchor-top"] .maplibregl-popup-tip { border-bottom-color: var(--atlas-pop); }
:is(.coc-atlas-pop, .coc-atlas-tip).maplibregl-popup-anchor-left .maplibregl-popup-tip { border-right-color: var(--atlas-pop); }
:is(.coc-atlas-pop, .coc-atlas-tip).maplibregl-popup-anchor-right .maplibregl-popup-tip { border-left-color: var(--atlas-pop); }
.coc-atlas-pop__where { margin: 0 0 .2rem; font-size: .66rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--atlas-amber-text); }
.coc-atlas-pop__title { margin: 0 0 .5rem; font-family: var(--coc-serif); font-size: 1.12rem; line-height: 1.2; color: var(--atlas-ink); }
.coc-atlas-tip .coc-atlas-pop__title { margin: 0; font-size: 1rem; }
.coc-atlas-pop a { display: inline-flex; align-items: center; min-height: 32px; color: var(--atlas-ink); font-size: .85rem; font-weight: 600; text-underline-offset: .2em; }
.coc-atlas-pop .maplibregl-popup-close-button { width: 32px; height: 32px; color: var(--atlas-close); font-size: 20px; border-radius: 10px; }
.coc-atlas-pop .maplibregl-popup-close-button:focus-visible { outline: 2px solid var(--atlas-ink); outline-offset: var(--atlas-close-ring); }

/* ---------------------------------------------------------------- Phones and tablets */
@media (max-width: 991.98px) {
    .coc-atlas {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "filters" "map" "ev";
        grid-template-rows: auto;
    }
    .coc-atlas__filters { padding: .3rem 16px .8rem; border-bottom: 0; }
    .coc-atlas__chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: -6px -16px .6rem; padding: 6px 16px; }
    .coc-atlas__chips::-webkit-scrollbar { display: none; }
    .coc-atlas__chips button { flex: none; min-height: 44px; }
    .coc-atlas__comarca select { min-height: 44px; }
    .coc-atlas.is-ready:not(.is-nomap) .coc-atlas__view { display: inline-flex; align-items: center; min-height: 44px; flex: none; }
    .coc-atlas__stage { position: relative; top: auto; height: min(76svh, 720px); border-left: 0; border-top: 1px solid var(--atlas-line); }

    /* Cards as a row over the bottom of the map; the gap below leaves room for the cookie button and the dock. */
    .coc-atlas__list {
        grid-area: map;
        align-self: end;
        z-index: 3;
        display: flex;
        gap: 10px;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scroll-snap-type: x mandatory;
        scroll-padding: 0 16px;
        scrollbar-width: none;
        /* The gap for the cookie button and the dock is a margin, so the row only covers the cards (a scroller
           with pointer-events: none does not scroll in iOS Safari). */
        margin-bottom: 76px;
        padding: 4px 16px;
    }
    .coc-atlas__list::-webkit-scrollbar { display: none; }
    .coc-atlas__item { flex: 0 0 min(80vw, 340px); scroll-snap-align: center; }
    .coc-atlas__card {
        grid-template-columns: 60px minmax(0, 1fr);
        gap: .7rem;
        height: 100%;
        padding: .6rem .7rem .6rem .6rem;
        border: 1px solid var(--atlas-card-line);
        border-radius: 18px;
        background: var(--atlas-card);
        box-shadow: var(--atlas-card-shadow);
    }
    .coc-atlas__img { width: 60px; height: 60px; border-radius: 10px; }
    .coc-atlas__where { margin: 0 0 .1rem; font-size: .62rem; }
    .coc-atlas__name { margin: 0 0 .15rem; font-size: .98rem; line-height: 1.18; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .coc-atlas__place { display: block; margin: 0 0 .35rem; font-size: .76rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .coc-atlas__place::before { display: inline-block; margin-right: .35rem; vertical-align: middle; }
    /* One row of actions: the pin alone, and the play with its minutes (the full words stay in aria-label). */
    .coc-atlas__actions { flex-wrap: nowrap; gap: .35rem; }
    .coc-atlas.is-ready:not(.is-nomap) .coc-atlas__fly { width: 44px; padding: 0; justify-content: center; }
    .coc-atlas__fly span { display: none; }
    .coc-atlas__fly svg { width: 18px; height: 18px; }
    .coc-atlas__listen { padding: 0 .75rem 0 .5rem; }
    .coc-atlas__listen [data-coc-label] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
    .coc-atlas__excerpt { display: none; }
    .coc-atlas__fly, .coc-atlas__listen { min-height: 44px; }
    /* The clamped title would clip its own focus ring: the card wears it instead. */
    @supports selector(:has(*)) {
        .coc-atlas__name a:focus-visible { outline: none; }
        .coc-atlas__card:has(.coc-atlas__name a:focus-visible) { outline: 2px solid var(--atlas-ink); outline-offset: -5px; }
    }
    /* Solid cards over the map: the desktop hover/active tints are see-through. */
    .coc-atlas__item:hover .coc-atlas__card, .coc-atlas__item.is-hover .coc-atlas__card { background: var(--atlas-card-hover); }
    .coc-atlas__item.is-active .coc-atlas__card { background: var(--atlas-card-active); box-shadow: inset 0 0 0 var(--atlas-ring) var(--atlas-mark), var(--atlas-card-shadow); }

    /* «Show the list»: the map steps aside and the cards stack. */
    .coc-atlas[data-view="list"] .coc-atlas__stage { display: none; }
    .coc-atlas[data-view="list"] .coc-atlas__list { display: block; align-self: start; margin-bottom: 0; padding: 0 0 84px; border-top: 1px solid var(--atlas-line); }
    .coc-atlas[data-view="list"] .coc-atlas__item:not(.is-active) .coc-atlas__card { background: none; }
    .coc-atlas[data-view="list"] .coc-atlas__card { border: 0; border-bottom: 1px solid var(--atlas-line); border-radius: 0; background: none; box-shadow: none; padding: 1rem 16px; }
    .coc-atlas[data-view="list"] .coc-atlas__excerpt { display: -webkit-box; }
    .coc-atlas[data-view="list"] .coc-atlas__card { grid-template-columns: 76px minmax(0, 1fr); gap: .8rem; }
    .coc-atlas[data-view="list"] .coc-atlas__img { width: 76px; height: 76px; }
    .coc-atlas[data-view="list"] .coc-atlas__name { font-size: 1.08rem; -webkit-line-clamp: unset; }
    .coc-atlas[data-view="list"] .coc-atlas__place { white-space: normal; }
    .coc-atlas[data-view="list"] .coc-atlas__actions { flex-wrap: wrap; }
    .coc-atlas[data-view="list"].is-ready:not(.is-nomap) .coc-atlas__fly { width: auto; padding: 0 .85rem 0 .65rem; }
    .coc-atlas[data-view="list"] .coc-atlas__fly span { display: inline; }
    .coc-atlas[data-view="list"] .coc-atlas__listen [data-coc-label] { position: static; width: auto; height: auto; overflow: visible; clip-path: none; }
    .coc-atlas.is-nomap .coc-atlas__stage { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .coc-atlas *, .coc-atlas-pop, .coc-atlas-tip { transition: none !important; }
}
@media print {
    .coc-atlas__stage, .coc-atlas__filters { display: none; }
    .coc-atlas { display: block; background: none; color: #000; }
}