.dd-feature { display:grid; grid-template-columns: .9fr 1.1fr; margin-bottom:24px; overflow:hidden; border-radius:16px; background:#142c29; color:#eef5ec; }
.dd-feature-copy { padding:clamp(24px,4vw,48px); align-self:center; }
.dd-feature .section-label { color:#b4d4b9; }
.dd-feature h3, .dd-feature h1 { color:#eff5ec; font-size:clamp(2.4rem,4vw,3.8rem); letter-spacing:-.055em; margin:12px 0; }
.dd-feature-copy p { color:#c1d4ca; max-width:46ch; }
.dd-feature-copy .dd-standfirst { color:#f0e8c9; font-size:1.35rem; margin-bottom:16px; }
.dd-feature .button { background:#d0ecc4; color:#193c2c; border-color:#d0ecc4; }
.dd-external { color:#d0ecc4; font-size:.82rem; text-decoration:underline; text-underline-offset:4px; }
.dd-map { min-width:0; align-self:stretch; background:#102522; padding:24px; display:flex; flex-direction:column; justify-content:center; }
.dd-map-top { display:flex; justify-content:space-between; gap:12px; color:#b0c8bd; font: .65rem var(--mono); }
.dd-map svg { display:block; width:100%; height:auto; margin:22px 0 8px; }
.dd-points { fill:#d7ef9f; stroke:#d7ef9f; stroke-width:2; filter:drop-shadow(0 0 7px #c4eb9370); transition:opacity .25s; }
.dd-weather, .dd-water { opacity:0; }
[data-layer="weather"] .dd-bikes, [data-layer="water"] .dd-bikes { opacity:0; }
[data-layer="weather"] .dd-weather, [data-layer="water"] .dd-water { opacity:1; }
.dd-water { fill:#b1e5f0; stroke:#b1e5f0; }
.dd-weather { fill:#f4d68c; stroke:#f4d68c; }
.dd-controls { display:flex; gap:8px; margin:10px 0 18px; flex-wrap:wrap; }
.dd-controls[hidden] { display:none; }
.dd-controls button { cursor:pointer; font:inherit; font-size:.8rem; padding:8px 16px; border:1px solid #648376; border-radius:100px; background:transparent; color:#d1dfd5; }
.dd-controls button[aria-pressed="true"] { background:#d0ecc4; border-color:#d0ecc4; color:#193c2c; }
.dd-feature a:focus-visible, .dd-controls button:focus-visible { outline:3px solid #f4d68c; outline-offset:4px; }
.dd-caption { min-height:76px; border-top:1px solid #365348; padding-top:16px; }
.dd-caption strong { font-size:1rem; color:#eff5ec; }
.dd-caption p { color:#b8ccc1; font-size:.82rem; margin:5px 0 0; }
.dd-notes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:32px; }
.dd-notes article { border-top:1px solid var(--line-strong); padding-top:20px; }
.dd-notes span { font:.7rem var(--mono); color:var(--muted); }
.dd-notes h3 { margin:16px 0 12px; font-size:1.3rem; }
.dd-notes p { color:var(--ink-soft); }
@media(max-width:740px) { .dd-feature, .dd-notes { grid-template-columns:1fr; } .dd-map { padding:22px; } .dd-feature-copy { padding:28px; } }
@media(prefers-reduced-motion:reduce) { .dd-points { transition:none; } }