/* Opt-in presentation only; the original sidebar catalogue is the mobile fallback. */
#alternativeMaps .mt-card-ui { display:none; }
@media (min-width:901px) {
    #mapLegendControls > #alternativeMapsMenu.mt-card-trigger { margin-bottom:18px; }
    #mapSidebar #alternativeMapsMenu.mt-card-trigger[aria-expanded="false"] { background-color:#61615d !important; color:#fff; }
    #mapSidebar #alternativeMapsMenu.mt-card-trigger[aria-expanded="false"]:hover { background-color:#74786d !important; }
    #mapSidebar #alternativeMapsMenu.mt-card-trigger[aria-expanded="true"] {
        position:relative; border-radius:5px 5px 0 0; border-bottom-color:transparent;
        background-color:#1fd32e !important; color:#fff; box-shadow:none;
        background-image:url('../new-flat-icons/additional-layers-icon.svg') !important;
        background-position:12px center !important; background-size:30px;
    }
    #mapSidebar #alternativeMapsMenu.mt-card-trigger[aria-expanded="true"]::after {
        content:''; position:absolute; right:13px; top:calc(50% - 7px); width:19px; height:14px;
        border-top:2px solid #fff; border-bottom:2px solid #fff;
        background:linear-gradient(#fff,#fff) center / 100% 2px no-repeat;
    }
    #mapSidebar #alternativeMaps.mt-card {
        box-sizing:border-box;
        position:fixed; inset:auto; left:var(--mt-card-left, 12px); top:var(--mt-card-top, 140px);
        width:min(720px, calc(100vw - 24px)); max-width:none;
        max-height:min(580px, var(--mt-card-height, calc(100dvh - 160px)));
        margin:0; padding:14px 18px 10px; overflow:visible;
        border:2px solid #1fd32e; border-radius:0 9px 9px 9px;
        background:#fff; color:#25333e; box-shadow:0 5px 18px #0005;
        font:14px/1.4 Arial, Helvetica, sans-serif;
    }
    #mapSidebar #alternativeMaps.mt-card:not(:popover-open) { display:none !important; }
    #mapSidebar #alternativeMaps.mt-card:popover-open { display:flex !important; flex-direction:column; }
    #alternativeMaps.mt-card.mt-card-joined::before { content:''; position:absolute; top:-2px; left:0; width:var(--mt-card-join-width, 0px); height:2px; background:#1fd32e; pointer-events:none; }
    #alternativeMaps.mt-card::backdrop { background:transparent; pointer-events:none; }
    #alternativeMaps.mt-card .mt-card-ui { display:flex; flex-shrink:0; }
    #alternativeMaps.mt-card .mt-card-header { align-items:center; justify-content:space-between; gap:10px; margin:0 0 12px; }
    #alternativeMaps.mt-card #mapTypesCardTitle { margin:0; padding:0; background:none; border:0; color:#30472e; font:700 24px/29px Arial,sans-serif; letter-spacing:0; }
    #alternativeMaps.mt-card #mapTypesCardClose { display:flex; align-items:center; justify-content:center; width:34px; height:32px; border-radius:4px; color:#5a6268; font:30px/1 Arial,sans-serif; }
    #alternativeMaps.mt-card #mapTypesCardClose:hover { background:#edf4e9; color:#30472e; }
    #alternativeMaps.mt-card #mapSearchWrapper { flex-shrink:0; height:40px; }
    #alternativeMaps.mt-card #mapSearchWrapper:focus-within { border-color:#61944b; box-shadow:0 0 0 1px #61944b; }
    #alternativeMaps.mt-card #mapSearchBox { font-size:15px; }
    #alternativeMaps.mt-card #moreMapsSearchHint { margin:5px 0 8px; }
    #alternativeMaps.mt-card .mt-card-tabs { gap:4px; margin:0; padding:0; }
    #alternativeMaps.mt-card .mt-card-tabs button { position:relative; bottom:-1px; min-height:35px; padding:7px 14px; border:1px solid #b6c8b0; border-radius:5px 5px 0 0; background:#f2f4ef; color:#25333e; font-weight:700; }
    #alternativeMaps.mt-card .mt-card-tabs button[aria-pressed="true"] { z-index:1; background:#fff; border-bottom-color:#fff; color:#30472e; box-shadow:inset 0 2px #58983d; }
    #alternativeMaps.mt-card .mt-card-tabs button:hover { background:#edf4e9; color:#30472e; }
    #alternativeMaps.mt-card .mt-card-tabs button[aria-pressed="true"]:hover { background:#fff; }
    #alternativeMaps.mt-card #moreMapsBrowse, #alternativeMaps.mt-card #moreMapsResults { min-height:0; overflow:auto; overscroll-behavior:contain; padding:6px 8px; border:1px solid #b6c8b0; border-radius:0 5px 5px 5px; }
    #alternativeMaps.mt-card .other-title { min-height:35px; padding:8px 5px; font-size:14px; }
    #alternativeMaps.mt-card .other-title[aria-expanded="true"] { background:#edf4e9; color:#30472e; }
    #alternativeMaps.mt-card .other-title[aria-expanded="true"] i { border-color:#58983d; }
    #alternativeMaps.mt-card .other-list:not(.displayNone), #alternativeMaps.mt-card .mm-result-list { display:block; columns:3; column-gap:22px; padding:7px 0 10px; }
    #alternativeMaps.mt-card .other-list li, #alternativeMaps.mt-card .mm-result-list li { display:block; min-width:0; border:0; break-inside:avoid; }
    #alternativeMaps.mt-card .other-list a, #alternativeMaps.mt-card .mm-result,
    #alternativeMaps.mt-card .usa-multi-launch { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:2px; width:100%; min-height:32px; margin:0; padding:6px 5px; border:0; border-radius:0; background:transparent; box-shadow:none; color:#285d97; font:400 14px/20px Arial,sans-serif; text-decoration:none; white-space:normal; text-align:left; }
    #alternativeMaps.mt-card .other-list a:hover, #alternativeMaps.mt-card .mm-result:hover, #alternativeMaps.mt-card .usa-multi-launch:hover { background:#f0f5fb; color:#1f3d68; text-decoration:underline; text-underline-offset:3px; }
    #alternativeMaps.mt-card a[aria-current="page"] { background:transparent; color:#243f70; font-weight:700; }
    #alternativeMaps.mt-card a[aria-current="page"]::after { content:'Current map'; display:block; color:#346698; font:12px/16px Arial,sans-serif; }
    #alternativeMaps.mt-card .mm-access { margin:0; }
    #alternativeMaps.mt-card .nav-dot, #alternativeMaps.mt-card .mm-result-chevron,
    #alternativeMaps.mt-card .mm-result .mm-external, #alternativeMaps.mt-card .usa-multi-launch > span { display:none; }
    #alternativeMaps.mt-card .mm-result-name { flex:0 1 auto; }
    #alternativeMaps.mt-card .usa-multi-launch { font-weight:700; }
    #alternativeMaps.mt-card .mm-result-group h3 { margin:6px 0 0; padding:6px; font-size:12px; }
    #alternativeMaps.mt-card .mm-show-more { padding:8px 3px; }
    #alternativeMaps.mt-card .mm-footer { flex-shrink:0; margin:6px 0 0; padding:6px 0 0; }
}