/* Web map + knowledge gallery editorial layer. Kept separate from the mobile product line. */
body.desktop-ui:is([data-view="map-home"],[data-view="map"]){--map-ink:#183c3a;--map-paper:#f4f0e7;--map-jade:#176b60;--map-gold:#b06b2a}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .split-stage{grid-template-columns:minmax(320px,34vw) minmax(0,1fr);background:#132624}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .split-list{padding:20px 18px;background:linear-gradient(150deg,#f7f4ec,#edf4f0);border-right:1px solid rgba(24,60,58,.15);color:var(--map-ink)}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .split-tip{margin:-20px -18px 18px;padding:13px 18px;border:0;border-bottom:1px solid rgba(24,60,58,.14);border-radius:0;background:rgba(255,255,255,.5);color:#59726e;font-size:11px;letter-spacing:.04em}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .layer-nav{z-index:12;border-color:rgba(24,60,58,.16);border-radius:18px;background:rgba(247,244,236,.94);box-shadow:0 18px 40px rgba(23,44,39,.14);backdrop-filter:blur(18px);color:var(--map-ink)}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .ln-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:5px;border-radius:12px;background:rgba(23,107,96,.08)}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .ln-tab{border:0;border-radius:9px;background:transparent;color:#67807b;font-size:12px;padding:9px 5px;cursor:pointer}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .ln-tab.on{background:#176b60;color:#fff;box-shadow:0 4px 10px rgba(23,107,96,.18)}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .ln-index-note{display:grid;gap:4px;margin:13px 2px 10px;color:#66807b;font-size:10px;line-height:1.5}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .ln-index-note b{color:#244d48;font-size:12px}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .ln-provs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .ln-prov-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .ln-prov,.ln-prov-quiz{min-height:38px;border:1px solid rgba(24,60,58,.1);background:rgba(255,255,255,.62);color:#294d49;cursor:pointer}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .ln-prov{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:6px 8px;border-radius:9px;text-align:left;font-size:11px}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .ln-prov:hover,.ln-prov:focus-visible{border-color:#72a99a;background:#fff}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .ln-prov.on{border-color:#4d9485;background:#dfeee8;color:#176b60;font-weight:750;box-shadow:inset 3px 0 #b06b2a}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .ln-prov.completed{background:rgba(225,242,232,.8)}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .ln-qcount{font-size:9px;color:#8a6540;white-space:nowrap}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .ln-qcount small{font-size:8px;color:#82918c}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .ln-prov-quiz{padding:0 5px;border-radius:9px;color:#a36a2b;font-size:10px}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .ln-prov-quiz:hover{background:#fff3df;border-color:#d7a56c}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .split-map{background:#152725;box-shadow:inset 16px 0 35px rgba(5,18,17,.12)}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .home-toolbar{z-index:8;border:1px solid rgba(255,255,255,.2);border-radius:99px;background:rgba(18,42,39,.84);backdrop-filter:blur(14px)}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .spot-modal-backdrop{background:rgba(7,22,20,.58);backdrop-filter:blur(5px)}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .sd-card{border:1px solid rgba(31,91,82,.16);border-radius:20px;background:#f7f4ec;color:#193a37;box-shadow:0 22px 70px rgba(8,27,23,.25)}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .sd-hero{height:230px;background-color:#2a6f64;background-size:cover;background-position:center}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .sd-body{padding:22px 24px;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent)}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .sd-title{font:800 30px/1.15 "Songti SC","STSong",Georgia,serif;color:#183c3a}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .sd-section{border-color:rgba(31,91,82,.16)}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .spot-knowledge-entry{border-color:rgba(31,91,82,.18);border-radius:13px;background:#eaf4f0;color:#183c3a;transition:transform .2s ease,box-shadow .2s ease}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .spot-knowledge-entry:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(24,60,58,.1)}
.exam-map-gallery{background:radial-gradient(circle at 90% 0,rgba(214,174,99,.18),transparent 28rem),#f4f0e7;color:#183c3a}
.exam-map-gallery-head{background:rgba(244,240,231,.9);border-color:rgba(31,91,82,.16)}
.exam-map-gallery-head h2{font-family:"Songti SC","STSong",Georgia,serif;color:#183c3a}
.exam-map-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:20px}
.exam-map-gallery-item{border:1px solid rgba(31,91,82,.13);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 14px 30px rgba(46,51,44,.08);transition:transform .22s ease,box-shadow .22s ease}
.exam-map-gallery-item:hover{transform:translateY(-4px);box-shadow:0 22px 42px rgba(46,51,44,.14)}
.exam-map-gallery-item>span{aspect-ratio:auto;min-height:190px;background:#e4e0d6;padding:10px}
.exam-map-gallery-item.is-portrait>span{min-height:280px}.exam-map-gallery-item.is-square>span{min-height:230px}
.exam-map-gallery-item>span img{width:100%;height:100%;object-fit:contain;border-radius:8px}
.exam-map-gallery-item>em{border-top:1px solid rgba(31,91,82,.1)}
.exam-map-gallery-item>em b{color:#a36a2b}.exam-map-gallery-item>em strong{color:#176b60}
body.desktop-ui:is([data-view="map-home"],[data-view="map"]) :is(.layer-nav,.ln-prov,.ln-prov-quiz,.ln-tab,.spot-knowledge-entry,.exam-map-gallery-item,.sd-actions .btn):focus-visible{outline:3px solid rgba(176,107,42,.7);outline-offset:3px}
@media(max-width:900px){body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .split-stage{grid-template-columns:1fr;grid-template-rows:48dvh 52dvh;height:100dvh}body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .split-list{height:48dvh;max-height:none;overflow:auto;border-right:0;border-bottom:1px solid rgba(24,60,58,.15)}body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .split-map{height:52dvh;min-height:0}body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .split-tip{display:none}body.desktop-ui:is([data-view="map-home"],[data-view="map"]) .ln-provs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){body.desktop-ui:is([data-view="map-home"],[data-view="map"]) *,body.desktop-ui:is([data-view="map-home"],[data-view="map"]) *::before,body.desktop-ui:is([data-view="map-home"],[data-view="map"]) *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.exam-map-gallery *{transition:none!important}}