.dive-series-page{--series-accent:#66e1d8;--series-warm:#f0c46b}.series-hero{padding:92px 0 62px;background:radial-gradient(circle at 76% 24%,rgba(102,225,216,.18),transparent 32%),linear-gradient(135deg,#061822,#0a2c38 58%,#071822);border-bottom:1px solid var(--line)}
.series-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:56px;align-items:center}.series-hero h1{font-size:clamp(44px,6.2vw,86px);line-height:.95;letter-spacing:-.055em;margin:14px 0 20px;max-width:1000px}.series-subtitle{font-size:clamp(18px,2.2vw,25px);line-height:1.5;color:#c6dce2;max-width:900px}.rank-badge{display:inline-flex;margin-top:18px;padding:7px 11px;border:1px solid rgba(102,225,216,.4);border-radius:999px;color:var(--series-accent);font-weight:900;font-size:11px;letter-spacing:.14em}.rank-badge.special{color:var(--series-warm);border-color:rgba(240,196,107,.45)}
.hero-mini-map .series-map-svg{width:100%;height:auto;max-height:360px}.series-map-svg{display:block;width:100%;height:auto}.map-island-label{font:800 12px Inter,Arial,sans-serif;letter-spacing:.18em;fill:#9cc5cc;opacity:.8;text-anchor:middle}.map-pin circle:first-child{fill:#e7fbf9;stroke:#061822;stroke-width:2}.map-pin .map-pin-core{fill:#0a7f7b;stroke:none}.map-pin.active circle:first-child{fill:#f0c46b;filter:drop-shadow(0 0 9px rgba(240,196,107,.75))}.map-pin.active .map-pin-core{fill:#071822}.master-map a:hover .map-pin circle:first-child{fill:#66e1d8;filter:drop-shadow(0 0 8px rgba(102,225,216,.8))}
.series-lead{font-size:21px;line-height:1.75;color:#e8f2f4}.site-glance{margin:34px 0 46px;padding:28px;border:1px solid rgba(102,225,216,.2);border-radius:22px;background:linear-gradient(145deg,rgba(12,43,55,.78),rgba(7,27,36,.9))}.site-glance h2{margin-top:0}.glance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.glance-grid>div{padding:16px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(4,20,27,.4)}.glance-grid span,.glance-grid strong{display:block}.glance-grid span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#7da4ad;margin-bottom:6px}.glance-grid strong{font-size:14px;color:#eaf6f7}.single-site-map,.master-map{border:1px solid rgba(102,225,216,.18);border-radius:28px;overflow:hidden;background:#061a24;box-shadow:0 24px 65px rgba(0,0,0,.2)}.single-site-map{margin:18px 0}.single-site-map .series-map-svg{max-height:460px}.gps-note{font-size:13px!important;color:#8fb0b8!important}.watch-dive{margin:42px 0;padding:28px;display:flex;gap:28px;justify-content:space-between;align-items:center;border:1px solid rgba(240,196,107,.3);border-radius:22px;background:linear-gradient(135deg,rgba(89,63,17,.22),rgba(8,29,39,.88))}.watch-dive h2{margin:7px 0 4px}.watch-dive p{margin:0}.series-back{margin-top:42px}.series-nav{padding:70px 0;border-top:1px solid var(--line);background:#061923}.series-nav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.series-nav-grid a{padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(12,39,50,.65);text-decoration:none}.series-nav-grid span,.series-nav-grid strong{display:block}.series-nav-grid span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#7399a3;margin-bottom:7px}.series-nav-grid strong{color:#e6f3f5}.hub-hero{text-align:left;padding-bottom:74px}.hub-hero .shell{max-width:1180px}.hub-intro,.series-method{padding:58px 0}.article-narrow{max-width:840px}.article-narrow p{font-size:19px;line-height:1.75;color:#c9dce1}.series-map-section{padding:20px 0 74px}.master-map{padding:0}.master-map .series-map-svg{max-height:620px}.top-three{padding:78px 0;background:rgba(7,26,35,.65);border-block:1px solid var(--line)}.top-three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.top-card{position:relative;min-height:360px;padding:30px;border:1px solid rgba(102,225,216,.2);border-radius:24px;background:linear-gradient(155deg,rgba(15,49,61,.9),rgba(6,23,31,.98));overflow:hidden}.top-card.rank-1{border-color:rgba(240,196,107,.45)}.top-number{position:absolute;right:18px;top:2px;font-size:96px;font-weight:950;line-height:1;color:rgba(255,255,255,.05)}.top-card h3{font-size:28px;line-height:1.08;margin:20px 0 16px;position:relative}.top-card p{color:#a9c4cb;line-height:1.65;position:relative}.home-water{padding:70px 0}.home-water-card{padding:40px;border:1px solid rgba(240,196,107,.35);border-radius:26px;background:radial-gradient(circle at 90% 20%,rgba(240,196,107,.13),transparent 35%),#0a2430;display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center}.home-water-card h2{font-size:42px;margin:8px 0}.home-water-card p{font-size:18px;line-height:1.7;color:#bed4da;margin:0}.all-sites{padding:78px 0;background:#061923}.island-group{margin-top:48px}.island-group>h3{font-size:34px;margin-bottom:16px}.site-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.site-link-card{position:relative;padding:22px 48px 22px 22px;border:1px solid var(--line);border-radius:18px;background:rgba(13,42,54,.72);text-decoration:none;transition:transform .18s,border-color .18s}.site-link-card:hover{transform:translateY(-2px);border-color:rgba(102,225,216,.48)}.site-link-card span,.site-link-card strong,.site-link-card small{display:block}.site-kind{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#65ddd6}.site-link-card strong{font-size:19px;color:#edf7f8;margin:6px 0}.site-link-card small{color:#82a7b0;line-height:1.45}.site-link-card .arrow{position:absolute;right:19px;top:50%;transform:translateY(-50%);font-size:22px;color:#66e1d8}.series-method{padding-bottom:90px}
@media(max-width:980px){.series-hero-grid{grid-template-columns:1fr}.hero-mini-map{max-width:680px}.top-three-grid,.site-link-grid{grid-template-columns:1fr 1fr}.glance-grid{grid-template-columns:1fr 1fr}.home-water-card{grid-template-columns:1fr}.series-nav-grid{grid-template-columns:1fr}}
@media(max-width:640px){.series-hero{padding:60px 0 44px}.series-hero h1{font-size:43px}.hero-mini-map{display:none}.top-three-grid,.site-link-grid,.glance-grid{grid-template-columns:1fr}.top-card{min-height:0}.home-water-card{padding:26px}.watch-dive{align-items:flex-start;flex-direction:column}.master-map{overflow-x:auto}.master-map .series-map-svg{min-width:720px}.site-glance{padding:20px}}


/* Interactive dive maps · v2 */
.map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:17px 18px;border-bottom:1px solid rgba(102,225,216,.16);background:linear-gradient(180deg,rgba(10,37,48,.96),rgba(7,28,37,.96))}.map-filter-row{display:flex;gap:8px;flex-wrap:wrap}.map-filter{appearance:none;border:1px solid rgba(132,181,192,.25);border-radius:999px;background:rgba(4,20,27,.55);color:#c9dde2;padding:9px 14px;font:700 12px/1.1 Inter,system-ui,sans-serif;letter-spacing:.03em;cursor:pointer;transition:border-color .18s,background .18s,color .18s,transform .18s}.map-filter:hover{border-color:rgba(102,225,216,.55);transform:translateY(-1px)}.map-filter.is-active{background:#65ddd6;border-color:#65ddd6;color:#052029}.map-count{font:700 11px/1.2 Inter,system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#86aab3}.interactive-map{position:relative;width:100%;background:#071c26}.master-interactive-map{height:620px}.single-interactive-map{height:500px}.interactive-map:focus{outline:3px solid rgba(102,225,216,.75);outline-offset:-3px}.map-footer,.map-action-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:14px 18px;border-top:1px solid rgba(102,225,216,.14);background:#071b24;color:#86aab3;font-size:12px;line-height:1.45}.map-action-row a,.map-footer a{color:#8bf1e9;font-weight:750;text-decoration:none}.map-action-row a:hover,.map-footer a:hover{text-decoration:underline}.map-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.map-legend span{display:inline-flex;align-items:center;gap:6px}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:#65ddd6;border:2px solid #06202a}.legend-dot.top{width:13px;height:13px;background:#f0c46b}.master-map-v2,.single-site-map.interactive-map-shell{padding:0;overflow:hidden}.map-unavailable{min-height:360px;display:grid;place-content:center;text-align:center;gap:7px;padding:30px;color:#c7dce1}.map-unavailable span{color:#88aab2}.hero-site-locator{height:100%;min-height:255px;border:1px solid rgba(102,225,216,.2);border-radius:24px;padding:28px;background:radial-gradient(circle at 82% 18%,rgba(102,225,216,.12),transparent 38%),linear-gradient(145deg,rgba(12,43,55,.86),rgba(6,23,31,.98));display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.hero-site-locator::before{content:'⌖';position:absolute;right:22px;top:2px;font:900 120px/1 Inter,system-ui,sans-serif;color:rgba(102,225,216,.075)}.hero-site-locator .locator-kicker{position:relative;color:#65ddd6;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.hero-site-locator strong{position:relative;margin-top:8px;color:#f3f9fa;font-size:23px;line-height:1.18}.hero-site-locator .locator-gps{position:relative;margin-top:8px;color:#8fb2ba;font:650 13px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace}.hero-site-locator a{position:relative;margin-top:18px;color:#8bf1e9;text-decoration:none;font-weight:800;font-size:13px}.hero-site-locator a:hover{text-decoration:underline}.dive-marker-host{background:none!important;border:0!important}.dive-marker{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#65ddd6;border:3px solid #06202a;box-shadow:0 4px 12px rgba(0,0,0,.55),0 0 0 2px rgba(255,255,255,.8);color:#052029;font:900 11px/1 Inter,system-ui,sans-serif}.dive-marker.rank-1,.dive-marker.rank-2,.dive-marker.rank-3{width:40px;height:40px;background:#f0c46b;border-width:4px;box-shadow:0 7px 20px rgba(0,0,0,.55),0 0 0 2px rgba(255,255,255,.88);font-size:17px}.dive-marker.rank-2{background:#b7d9df}.dive-marker.rank-3{background:#cf9d72}.leaflet-container{font-family:Inter,system-ui,sans-serif;background:#071c26}.leaflet-control-layers,.leaflet-bar a{border-color:rgba(0,0,0,.16)!important}.leaflet-control-layers{border:0!important;border-radius:10px!important;box-shadow:0 7px 25px rgba(0,0,0,.24)!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#09232e;color:#dcecef}.leaflet-popup-content-wrapper{border-radius:14px;box-shadow:0 14px 45px rgba(0,0,0,.4)}.leaflet-popup-content{margin:14px 16px}.dive-map-popup{display:grid;gap:5px;min-width:210px}.dive-map-popup strong{font-size:16px;color:#fff;line-height:1.25}.dive-map-popup>span{font-size:12px;color:#a8c3ca}.dive-map-popup .dive-popup-rank{width:max-content;padding:4px 7px;border-radius:999px;background:#f0c46b;color:#172027;font-size:9px;font-weight:900;letter-spacing:.1em}.dive-map-popup .dive-popup-gps{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#7de6de}.dive-popup-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}.dive-popup-actions a{padding:7px 9px;border-radius:8px;background:#65ddd6;color:#06202a!important;text-decoration:none;font-size:11px;font-weight:850}.dive-popup-actions a+ a{background:rgba(255,255,255,.09);color:#dfeef0!important}.marker-cluster-small,.marker-cluster-medium,.marker-cluster-large{background:rgba(5,31,40,.72)!important}.marker-cluster-small div,.marker-cluster-medium div,.marker-cluster-large div{background:#65ddd6!important;color:#052029!important;font-weight:900!important}.map-top-shortcuts{display:flex;gap:8px;flex-wrap:wrap}.map-focus{appearance:none;border:1px solid rgba(240,196,107,.36);border-radius:999px;background:rgba(240,196,107,.08);color:#f3dfb4;padding:8px 11px;font:800 11px/1 Inter,system-ui,sans-serif;cursor:pointer}.map-focus:hover{background:rgba(240,196,107,.16)}
@media(max-width:760px){.master-interactive-map{height:500px}.single-interactive-map{height:410px}.map-toolbar{align-items:flex-start}.map-toolbar,.map-footer,.map-action-row{padding:13px}.map-filter{padding:9px 12px}.hero-site-locator{min-height:190px;padding:22px}.hero-site-locator::before{font-size:92px}.hero-site-locator strong{font-size:20px}}
@media(max-width:420px){.master-interactive-map{height:460px}.single-interactive-map{height:380px}.map-filter-row{gap:6px}.map-filter{font-size:11px;padding:8px 10px}.map-count{width:100%}.map-legend{gap:9px}.leaflet-control-layers{font-size:12px}}

/* 2026-09-23: per-site relative map inside each dive-site hero */
.hero-relative-map-card{position:relative;overflow:hidden;border:1px solid rgba(102,225,216,.24);border-radius:24px;background:#061822;box-shadow:0 22px 55px rgba(0,0,0,.28);min-width:0}.hero-relative-map-card img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover}.hero-relative-map-card .hero-map-action{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:999px;background:rgba(3,24,33,.9);border:1px solid rgba(102,225,216,.55);color:#9bf4ee;text-decoration:none;font-size:12px;font-weight:850;letter-spacing:.03em;backdrop-filter:blur(8px)}.hero-relative-map-card .hero-map-action:hover{background:#0b3542;color:#fff}.hero-relative-map-card .hero-map-action:focus-visible{outline:3px solid rgba(102,225,216,.55);outline-offset:3px}@media(max-width:860px){.hero-relative-map-card{max-width:680px}.series-hero-grid{grid-template-columns:1fr}.hero-relative-map-card .hero-map-action{position:static;margin:10px 12px 12px}}

/* YBB HERO MAP PATCH V5 — 2026-09-23 */
.hero-relative-map-card{position:relative!important;overflow:hidden!important;padding:0!important}.hero-relative-map-card img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1200/630!important;object-fit:cover!important}.hero-relative-map-card .hero-map-action{z-index:3!important}