.hdc-archive { --hdc-ink:#e9e7de; --hdc-muted:#b3bdb4; --hdc-accent:#c79a53; color:var(--hdc-ink); background:#101b19; padding:clamp(20px,4vw,48px); font-family:Inter,system-ui,sans-serif; }
.hdc-archive * { box-sizing:border-box; }
.hdc-archive a { text-decoration:none; }
.hdc-section-head { margin:0 0 28px; }
.hdc-section-head h2 { color:#f4efe3; font-size:clamp(28px,3.8vw,52px); line-height:1.05; letter-spacing:-.04em; margin:10px 0; }
.hdc-section-head p, .hdc-map-note { color:var(--hdc-muted); max-width:60ch; line-height:1.6; }
.hdc-eyebrow { color:var(--hdc-accent); letter-spacing:.14em; text-transform:uppercase; font-size:11px; font-weight:750; }
.hdc-cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,225px),1fr)); gap:16px; }
.hdc-card { display:block; color:#f2efe5!important; background:#1b2925; border:1px solid #34413b; overflow:hidden; transition:transform .18s,border-color .18s; }
.hdc-card:hover,.hdc-card:focus-visible { transform:translateY(-3px); border-color:#b48b4c; }
.hdc-card-media { aspect-ratio:16/10; position:relative; background:#25302c; }
.hdc-card-media img { display:block; width:100%; height:100%; object-fit:cover; }
.hdc-card-media:after { content:""; position:absolute; inset:30% 0 0; background:linear-gradient(transparent,#0b1312a8); }
.hdc-play { position:absolute; right:14px; bottom:12px; z-index:1; width:32px; height:32px; display:grid; place-items:center; border-radius:50%; background:#ca9b52; color:#121b17; font-size:13px; }
.hdc-play svg { width:16px; height:16px; margin-left:2px; }
.hdc-card-copy { padding:14px 16px 20px; }
.hdc-card h3 { color:#f2efe5; font-size:17px; line-height:1.35; margin:8px 0 0; }
.hdc-player { width:100%; aspect-ratio:16/9; background:#080b0a; }
.hdc-player iframe { width:100%; height:100%; border:0; }
.hdc-years { display:flex; gap:8px; overflow-x:auto; padding:0 0 18px; }
.hdc-years a { color:#fff!important; background:#23312b; border:1px solid #415046; border-radius:24px; padding:9px 16px; white-space:nowrap; }
.hdc-years a:hover,.hdc-years a:focus-visible { background:#a57e43; }
.hdc-time-list { border-left:1px solid #79664b; padding-left:22px; max-width:900px; }
.hdc-time-list h3 { color:#d2ab68; font-size:26px; margin:32px 0 10px; }
.hdc-time-event { display:grid; gap:8px; color:#f6f1e8!important; background:#1a2824; padding:18px 22px; margin-bottom:10px; border:1px solid #31413b; }
.hdc-time-event:hover,.hdc-time-event:focus-visible { border-color:#c49754; }
.hdc-time-event span { color:#cfa762; font-size:12px; text-transform:uppercase; }
.hdc-time-event strong { font-size:18px; }
.hdc-time-event small { color:#bac6bd; font-size:12px; }
.hdc-map-app { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,340px); grid-template-rows:auto minmax(540px,68vh); border:1px solid #506057; background:#172821; }
.hdc-map-toolbar { grid-column:1/-1; display:flex; flex-wrap:wrap; align-items:center; gap:9px; padding:10px 12px; border-bottom:1px solid #415047; }
.hdc-map-toolbar button { border:1px solid #65726a; background:#17231f; color:#eee8dc; cursor:pointer; padding:7px 12px; font:inherit; font-size:13px; }
.hdc-map-toolbar button:hover,.hdc-map-toolbar button:focus-visible,.hdc-map-toolbar button.is-active { background:#ba8e4d; color:#15211b; }
.hdc-map-count { color:#d7ded5; font-size:12px; margin-left:auto; }
.hdc-map-filters { display:flex; gap:6px; overflow:auto; max-width:100%; }
.hdc-map-surface { height:100%; min-height:540px; background:#152522; }
.hdc-map-app--osm .leaflet-tile-pane img.leaflet-tile { filter:invert(1) hue-rotate(180deg) saturate(.75) brightness(.78); }
.hdc-map-detail { min-width:0; max-height:68vh; overflow:auto; padding:24px 20px; border-left:1px solid #405248; }
.hdc-map-detail h3 { color:#f4f1e8; font-size:28px; line-height:1.05; margin:12px 0; }
.hdc-map-detail p,.hdc-detail-subtitle { color:#bfc9bf; line-height:1.5; }
.hdc-map-video { border-top:1px solid #48564a; padding:16px 0; display:grid; gap:8px; }
.hdc-map-video small { color:#d3ad74; }
.hdc-map-video strong { color:#f7f2e8; font-size:16px; line-height:1.4; }
.hdc-map-video-actions { display:flex; gap:12px; align-items:center; }
.hdc-map-video-actions button,.hdc-map-video-actions a { background:#c69c5b; color:#112017!important; padding:8px 10px; border:0; cursor:pointer; font:inherit; font-size:12px; font-weight:700; }
.hdc-map-video-actions a { background:transparent; color:#e8dbc2!important; text-decoration:underline; }
.hdc-map-embed { aspect-ratio:16/9; }
.hdc-map-embed--short { aspect-ratio:9/16; max-width:280px; margin-inline:auto; }
.hdc-map-embed iframe { width:100%; height:100%; border:0; }
.hdc-marker-wrap { background:none; border:none; }
.hdc-marker { display:grid; place-items:center; width:13px; height:13px; margin:8px; border:2px solid #f6e8c8; background:var(--hdc-marker-color); border-radius:50%; box-shadow:0 0 0 4px #0a1717ac,0 2px 8px #050908; color:#101816; font-size:10px; font-weight:800; }
.hdc-marker:not(:empty) { width:27px; height:27px; margin:1px; border-width:2px; }
.hdc-marker.is-cluster { background:#ddb375; }
.hdc-map-app .leaflet-control-zoom a { background:#152721; color:#f5eddb; border-color:#485c51; }
@media(max-width:830px) { .hdc-map-app { grid-template-columns:1fr; grid-template-rows:auto minmax(480px,55vh) auto; } .hdc-map-detail { max-height:none; border-left:0; border-top:1px solid #415047; } }
@media(max-width:600px) { .hdc-archive { padding:16px; } .hdc-map-toolbar { padding:8px; } .hdc-map-count { margin-left:0; } .hdc-map-surface { min-height:480px; } }
/* Editorial baseline entries remain discoverable while their dates are checked. */
.hdc-undated{margin-top:48px;border-top:1px solid #526052;padding-top:30px}
.hdc-undated h3{margin:0 0 9px;color:#e6c48c;font-size:24px}
.hdc-undated p{color:#bec9bb;line-height:1.5}
.hdc-undated>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:9px;margin-top:20px}
.hdc-undated a{display:block;padding:14px 16px;border:1px solid #526052;color:#e8eee5;background:#182a22;line-height:1.4}
.hdc-undated a:hover,.hdc-undated a:focus-visible{border-color:#c79b56}
