:root {
  --ink: #19211f;
  --muted: #69716c;
  --paper: #f4f1e9;
  --panel: #fbfaf6;
  --cream: #e9e3d7;
  --line: rgba(25,33,31,.14);
  --green: #1d4a3a;
  --green-2: #2f6a54;
  --gold: #c78f2d;
  --rust: #9b4d35;
  --blue: #496a78;
  --shadow: 0 22px 60px rgba(38,43,38,.12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: "DM Sans", "Noto Sans Myanmar", sans-serif; }
button, input { font: inherit; }
button { color: inherit; }
.topline { height: 4px; background: linear-gradient(90deg,var(--green) 0 68%, var(--gold) 68% 82%, var(--rust) 82%); }
.site-header { min-height: 70px; padding: 10px clamp(20px,4vw,68px); display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); background: rgba(244,241,233,.92); backdrop-filter: blur(16px); position: sticky; top: 0; z-index: 20; }
.brand { display:flex; gap:11px; align-items:center; color:inherit; text-decoration:none; }
.brand-mark { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:var(--green); color:#fff; font-family:"Newsreader",serif; font-size:26px; }
.brand strong,.brand small { display:block; }
.brand strong { font-family:"Newsreader",serif; font-size:19px; line-height:1; }
.brand small { color:var(--muted); margin-top:4px; font-size:9px; text-transform:uppercase; letter-spacing:.14em; }
.header-actions { display:flex; align-items:center; gap:12px; }
.private-pill { padding:8px 11px; border:1px solid var(--line); border-radius:999px; font-size:11px; display:flex; gap:7px; align-items:center; background:rgba(255,255,255,.34); }
.private-pill span { width:7px;height:7px;border-radius:50%;background:#3a8a64;box-shadow:0 0 0 4px rgba(58,138,100,.12); }
.ghost-button,.language-switch button { border:0; background:transparent; cursor:pointer; font-size:11px; }
.ghost-button { border-bottom:1px solid var(--ink); padding:5px 0; margin:0 6px; }
.language-switch { display:flex; background:#e6e1d5; padding:3px; border-radius:8px; }
.language-switch button { padding:7px 9px; border-radius:6px; color:var(--muted); }
.language-switch button.active { background:#fff; color:var(--ink); box-shadow:0 2px 9px rgba(30,35,30,.08); }

.intro { padding: clamp(38px,6vw,86px) clamp(20px,4vw,68px) clamp(30px,4vw,58px); display:grid; grid-template-columns:1.15fr .85fr; gap:8vw; align-items:end; }
.eyebrow { margin:0 0 14px; color:var(--rust); text-transform:uppercase; letter-spacing:.15em; font-weight:700; font-size:11px; }
h1,h2,h3,p { margin-top:0; }
h1 { margin-bottom:0; font-family:"Newsreader",serif; font-weight:650; font-size:clamp(46px,6.2vw,92px); line-height:.87; letter-spacing:-.045em; }
h1 em { font-weight:500; color:var(--green-2); }
.intro-copy > p { font-family:"Newsreader",serif; font-size:clamp(18px,1.65vw,25px); line-height:1.42; color:#3f4944; max-width:700px; }
.confidence-key { display:flex; gap:18px; flex-wrap:wrap; color:var(--muted); font-size:11px; }
.confidence-key span { display:flex; align-items:center; gap:7px; }
.dot { width:8px; height:8px; border-radius:50%; display:inline-block; }
.dot.established,.confidence-badge.established { background:#dce9df;color:#245b42; }
.dot.probable,.confidence-badge.probable { background:#eee2c4;color:#815f19; }
.dot.disputed,.confidence-badge.disputed { background:#ead7d2;color:#863b2a; }
.confidence-badge.hazard-method { background:#e4dce8;color:#68466f; }
.confidence-key .dot.established { background:#2e7757; }
.confidence-key .dot.probable { background:#c99533; }
.confidence-key .dot.disputed { background:#a94d36; }

.explorer { margin:0 clamp(12px,2vw,30px); min-height:760px; display:grid; grid-template-columns:240px minmax(410px,1fr) minmax(310px,390px); border:1px solid rgba(255,255,255,.1); border-radius:18px; overflow:hidden; box-shadow:var(--shadow); background:#fff; }
.control-rail { background:#173c31; color:#eef2eb; padding:25px 20px; display:flex; flex-direction:column; overflow:auto; }
.control-title { display:flex; gap:12px; align-items:center; padding-bottom:21px; border-bottom:1px solid rgba(255,255,255,.13); }
.control-title > span { display:grid; place-items:center; width:35px; height:35px; border:1px solid rgba(255,255,255,.28); border-radius:50%; font-family:"Newsreader",serif; }
.control-title small,.control-title strong { display:block; }
.control-title small { font-size:9px; letter-spacing:.16em; color:#9fb7ad; }
.control-title strong { margin-top:3px; font-family:"Newsreader",serif; font-size:18px; }
.search-box { display:flex; align-items:center; margin:22px 0 18px; padding:11px 10px; border:1px solid rgba(255,255,255,.18); border-radius:9px; background:rgba(255,255,255,.06); gap:8px; }
.search-box svg { width:16px; fill:none; stroke:#aebdb6; stroke-width:1.7; }
.search-box input { min-width:0; flex:1; border:0; outline:0; color:#fff; background:transparent; font-size:11px; }
.search-box input::placeholder { color:#aebdb6; }
kbd { font-family:inherit; border:1px solid rgba(255,255,255,.16); padding:1px 5px; border-radius:4px; font-size:9px; color:#9fb0a9; }
.filter-group { margin-top:16px; }
.filter-label { display:flex; align-items:center; justify-content:space-between; margin-bottom:9px; color:#96aaa2; font-size:9px; letter-spacing:.13em; text-transform:uppercase; }
.filter-label button { color:#d9c08a; background:0;border:0;cursor:pointer;font-size:9px;text-transform:uppercase; }
.chip-row { display:flex; flex-wrap:wrap; gap:6px; }
.chip-row button { border:1px solid rgba(255,255,255,.14); color:#c4d1cb; background:transparent; padding:6px 9px; border-radius:999px; cursor:pointer; font-size:10px; }
.chip-row button small,.people-list button small { display:block;margin-top:2px;font-family:"Noto Sans Myanmar","Myanmar Text",sans-serif;font-size:9px;line-height:1.3;color:inherit;opacity:.78; }
.chip-row button.active { background:#f0e8d7; color:#183c31; border-color:#f0e8d7; }
.people-list { display:grid; grid-template-columns:1fr 1fr; gap:5px; }
.people-list button { text-align:left; background:transparent;border:0;color:#d4ddd8;padding:4px 2px;cursor:pointer;font-size:10px; }
.people-list button::before { content:""; display:inline-block; width:6px;height:6px;border-radius:50%;background:var(--person-color,#c78f2d);margin-right:7px;opacity:.55; }
.people-list button.active { color:#fff;font-weight:700; }
.people-list button.active::before { opacity:1; box-shadow:0 0 0 4px rgba(255,255,255,.08); }
.layers label { display:flex; align-items:center; gap:8px; margin:10px 0; color:#d5ded9; font-size:11px; cursor:pointer; }
.layers label b { font:inherit;line-height:1.35; }
.layers input { position:absolute; opacity:0; }
.layers label span { width:26px;height:14px;background:rgba(255,255,255,.12);border-radius:99px;position:relative;transition:.2s; }
.layers label span::after { content:"";position:absolute;width:8px;height:8px;left:3px;top:3px;border-radius:50%;background:#b9c7c1;transition:.2s; }
.layers input:checked + span { background:#c39a46; }
.layers input:checked + span::after { transform:translateX(12px);background:#fff; }
.source-button { margin-top:auto; display:flex; align-items:center; justify-content:space-between; background:transparent;color:#e7ede9;border:0;border-top:1px solid rgba(255,255,255,.14);padding:18px 0 0;cursor:pointer;text-align:left; }
.source-button small,.source-button strong { display:block; }
.source-button small { color:#91a9a0;font-size:9px;text-transform:uppercase;letter-spacing:.12em; }
.source-button strong { margin-top:4px;font-family:"Newsreader",serif;font-size:15px; }

.map-stage { position:relative; background:#e9e4d9; min-width:0; display:flex;flex-direction:column; }
.map-toolbar { min-height:58px;padding:12px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(25,33,31,.1);gap:8px; }
.region-tabs { display:flex;gap:4px;overflow-x:auto;scrollbar-width:none; }
.region-tabs button { white-space:nowrap;border:0;background:transparent;padding:8px 9px;border-radius:7px;font-size:10px;color:#68716b;cursor:pointer; }
.region-tabs button.active { background:#fff;color:#1c4b3b;box-shadow:0 2px 8px rgba(40,45,40,.08); }
.icon-button { width:32px;height:32px;border:1px solid var(--line);background:rgba(255,255,255,.5);border-radius:8px;cursor:pointer; }
.map-wrap { position:relative;flex:1;overflow:hidden;min-height:700px;background-image:radial-gradient(rgba(30,45,39,.07) .6px,transparent .6px);background-size:10px 10px; }
#historyMap { position:absolute;inset:0;width:100%;height:100%;transition:view-box .4s ease; }
.sea-plane { fill:#dce8ea;opacity:.74; }
.context-label { font-family:"DM Sans","Noto Sans Myanmar","Myanmar Text",sans-serif;font-size:7.5px;font-weight:700;letter-spacing:.11em;paint-order:stroke;stroke:#e9e4d9;stroke-width:3px;stroke-linejoin:round; }
.context-label .label-mm { font-family:"Noto Sans Myanmar","Myanmar Text",sans-serif;font-size:7px;font-weight:500;letter-spacing:0; }
.water-label { fill:#6b8e9b; }
.land-label { fill:#88908a;opacity:.76; }
.country-outline { fill:none;stroke:#56665f;stroke-width:2.3;stroke-linejoin:round; }
.region-shape { stroke:rgba(255,255,255,.7);stroke-width:1.5;opacity:.78;transition:opacity .2s; }
.region-shape.north{fill:#d8dfd3}.region-shape.central{fill:#eadfc5}.region-shape.west{fill:#d8d2c7}.region-shape.east{fill:#cfdbd0}.region-shape.delta{fill:#ddd4c0}
.river { fill:none;stroke:#6f99a7;stroke-width:2.2;opacity:.8;stroke-linecap:round;stroke-linejoin:round; }
.river.primary { stroke:#1879ae;stroke-width:4.25;opacity:.96; }
.river.secondary { stroke-width:1.55;opacity:.72;stroke-dasharray:2.5 2; }
.river.delta-branch { stroke-width:1.35;opacity:.56; }
.river-label { fill:#496f7d;font-family:"DM Sans","Noto Sans Myanmar","Myanmar Text",sans-serif;font-size:7.4px;font-weight:700;letter-spacing:.035em;paint-order:stroke;stroke:#ece7dc;stroke-width:3px;stroke-linejoin:round; }
.river-label.primary-label { fill:#0f6697;font-size:8.2px;font-weight:800;stroke-width:3.6px; }
.river-label.compact { font-size:6.7px; }
.river-label .label-mm { font-family:"Noto Sans Myanmar","Myanmar Text",sans-serif;font-weight:600;letter-spacing:0; }
.influence-zone { opacity:.2;filter:url(#softGlow);transition:.4s; }
.zone-outline { fill:none;stroke-width:1.4;stroke-dasharray:5 5;opacity:.58; }
.map-centre { cursor:pointer; }
.map-centre .halo { opacity:.25;filter:url(#pointGlow); }
.map-centre .point { stroke:#fff;stroke-width:2; }
.map-centre text { font-family:"DM Sans","Noto Sans Myanmar",sans-serif;font-size:11px;font-weight:700;paint-order:stroke;stroke:#f1ede3;stroke-width:4px;stroke-linejoin:round; }
.map-centre text tspan:last-child { font-size:8px;font-weight:500;fill:#59645f; }
.reference-cities { pointer-events:none; }
.reference-city .reference-ring { fill:rgba(252,250,244,.92);stroke:#183c31;stroke-width:1.15; }
.reference-city .reference-point { fill:#183c31; }
.reference-city text { fill:#183c31;font-family:"DM Sans","Noto Sans Myanmar","Myanmar Text",sans-serif;font-size:7.6px;font-weight:800;letter-spacing:.035em;text-transform:uppercase;paint-order:stroke;stroke:#f5f0e5;stroke-width:3px;stroke-linejoin:round; }
.reference-city .label-mm { font-family:"Noto Sans Myanmar","Myanmar Text",sans-serif;font-size:7px;font-weight:600;letter-spacing:0;text-transform:none;fill:#59645f; }
.migration-route,.trade-route { fill:none;stroke:#d8a843;stroke-width:2.4;stroke-dasharray:7 5;opacity:.88; }
.trade-route { stroke:#9c6c3b; }
.migration-label rect { fill:#fffaf0;stroke:#d8a843;stroke-width:.8; }
.migration-label text { font-size:8px;fill:#6d5527; }
.hazard-layer { pointer-events:none; }
.hazard-corridors { opacity:.72; }
.fault-corridor { fill:none;stroke:#a74636;stroke-width:1.45;stroke-dasharray:3 4;stroke-linecap:round; }
.offshore-fault { stroke:#8b5c78;stroke-dasharray:2 5; }
.fault-label { fill:#7c3f35;font-family:"DM Sans","Noto Sans Myanmar","Myanmar Text",sans-serif;font-size:6.8px;font-weight:700;letter-spacing:.035em;paint-order:stroke;stroke:#ece7dc;stroke-width:3px;stroke-linejoin:round; }
.fault-label .label-mm { font-family:"Noto Sans Myanmar","Myanmar Text",sans-serif;font-size:6.4px;font-weight:600;letter-spacing:0; }
.hazard-marker { pointer-events:auto;cursor:pointer;outline:none; }
.hazard-marker .marker-hit { fill:transparent; }
.hazard-marker .marker-ring { fill:rgba(251,248,239,.88);stroke:#9b3f32;stroke-width:1.5;transition:transform .18s ease,fill .18s ease;transform-box:fill-box;transform-origin:center; }
.hazard-marker .marker-core { fill:#a74636;stroke:#fffaf2;stroke-width:1; }
.hazard-marker .marker-symbol { fill:none;stroke:#a74636;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round; }
.hazard-marker.cyclone .marker-ring { stroke:#74527b; }
.hazard-marker.cyclone .marker-symbol { stroke:#74527b; }
.hazard-marker.flood-landslide .marker-ring { stroke:#39728a; }
.hazard-marker.flood-landslide .marker-core { fill:#39728a; }
.hazard-marker.flood-landslide .marker-symbol { stroke:#39728a; }
.hazard-year-badge { pointer-events:none;opacity:.88; }
.hazard-year-badge rect { fill:rgba(255,250,240,.96);stroke:rgba(89,73,61,.35);stroke-width:.65; }
.hazard-year-badge text { fill:#564b42;font-family:"DM Sans","Noto Sans Myanmar","Myanmar Text",sans-serif;font-size:6.8px;font-weight:800;letter-spacing:.015em;paint-order:stroke;stroke:#fffaf0;stroke-width:1.8px;stroke-linejoin:round; }
.hazard-marker.is-current .marker-ring,.hazard-marker:hover .marker-ring,.hazard-marker:focus-visible .marker-ring { fill:#fff2cd;transform:scale(1.28); }
.hazard-marker.is-current .marker-core { fill:#f0a928; }
.hazard-marker.is-current .hazard-year-badge { opacity:1; }
.hazard-marker.is-current .hazard-year-badge rect,.hazard-marker:hover .hazard-year-badge rect,.hazard-marker:focus-visible .hazard-year-badge rect { fill:#fff0bd;stroke:#8d6120;stroke-width:1; }
.hazard-marker.is-current .hazard-year-badge text { fill:#6e4311; }
.hazard-marker:focus-visible .marker-ring { stroke-width:2.4; }
.hazard-legend { position:absolute;z-index:3;right:16px;top:16px;width:205px;padding:11px 12px;border:1px solid rgba(122,58,48,.2);border-radius:9px;background:rgba(251,248,239,.94);box-shadow:0 8px 24px rgba(48,41,31,.12);opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s ease,transform .2s ease; }
.hazard-legend.is-visible { opacity:1;transform:translateY(0); }
.hazard-legend strong,.hazard-legend > span,.hazard-legend small { display:block; }
.hazard-legend strong { color:#7d3527;font-size:9px;letter-spacing:.06em;text-transform:uppercase; }
.hazard-legend > span { display:flex;align-items:center;gap:7px;margin-top:7px;color:#56625c; }
.hazard-legend span b { font-size:9px;font-weight:600;line-height:1.25; }
.hazard-legend i { flex:0 0 10px;width:10px;height:10px;border-radius:50%;border:1.5px solid #9b3f32;position:relative; }
.hazard-legend .legend-quake::after { content:"";position:absolute;inset:2px;border-radius:50%;background:#a74636; }
.hazard-legend .legend-cyclone { border-color:#74527b;border-style:dashed; }
.hazard-legend .legend-flood { border-radius:2px;border-color:#39728a;border-width:0 0 2px; }
.hazard-legend small { margin-top:8px;padding-top:7px;border-top:1px solid rgba(25,33,31,.1);color:#747e79;font-size:8px;line-height:1.35; }
.modern-borders-layer { opacity:0;pointer-events:none;transition:opacity .35s ease; }
.modern-borders-layer.is-visible { opacity:1; }
.modern-border-wash { fill:#f5f0e5;fill-opacity:.92; }
.modern-border-lines path { fill:none;stroke:#ae4b35;stroke-width:1.65;stroke-dasharray:4 3;stroke-linecap:round;stroke-linejoin:round; }
.modern-country-edge { fill:none;stroke:#8e3d2c;stroke-width:3;stroke-linejoin:round; }
.modern-border-labels text { fill:#183c31;font-family:"DM Sans","Noto Sans Myanmar","Myanmar Text",sans-serif;font-size:8.4px;font-weight:800;letter-spacing:.045em;text-anchor:middle;paint-order:stroke;stroke:#f5f0e5;stroke-width:3.5px;stroke-linejoin:round; }
.modern-border-labels .label-mm { font-family:"Noto Sans Myanmar","Myanmar Text",sans-serif;font-size:7.4px;font-weight:600;letter-spacing:0; }
.hidden { display:none !important; }
.map-label { font-size:9px;fill:#728078;letter-spacing:.05em;text-transform:uppercase; }
.map-note { position:absolute;left:16px;bottom:16px;max-width:290px;background:rgba(252,250,244,.9);border:1px solid rgba(25,33,31,.11);backdrop-filter:blur(8px);padding:10px 12px;border-radius:9px;box-shadow:0 8px 22px rgba(40,45,40,.08); }
.map-note b,.map-note span { display:block; }
.map-note b { font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--green); }
.map-note span { font-family:"Newsreader",serif;font-size:12px;line-height:1.25;margin-top:3px;color:#63706a; }
.modern-borders-notice { position:absolute;z-index:4;top:16px;left:50%;width:min(390px,calc(100% - 32px));transform:translate(-50%,-10px);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 13px 12px 15px;border:1px solid rgba(142,61,44,.28);border-radius:10px;background:rgba(251,248,239,.96);box-shadow:0 10px 30px rgba(48,41,31,.16);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease; }
.modern-borders-notice.is-visible { opacity:1;pointer-events:auto;transform:translate(-50%,0); }
.modern-borders-notice strong,.modern-borders-notice span { display:block; }
.modern-borders-notice strong { color:#7d3527;font-size:10px;line-height:1.35;text-transform:uppercase;letter-spacing:.045em; }
.modern-borders-notice span { margin-top:3px;color:#5d655f;font-family:"Newsreader",serif;font-size:12px;line-height:1.35; }
.modern-borders-notice button { flex:0 0 30px;width:30px;height:30px;border:1px solid rgba(142,61,44,.25);border-radius:50%;background:#fffaf1;color:#7d3527;font-size:20px;line-height:1;cursor:pointer; }
.compass { position:absolute;right:18px;bottom:20px;display:flex;flex-direction:column;align-items:center;font-size:9px;color:#64726b; }
.compass span { display:block;width:1px;height:28px;background:#64726b;position:relative; }
.compass span::before { content:"";position:absolute;top:-1px;left:-3px;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-bottom:7px solid #64726b;transform:rotate(180deg); }

.story-panel { background:#faf8f2;display:flex;flex-direction:column;min-width:0; }
.story-top { min-height:68px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between; }
.year-lockup small,.year-lockup strong { display:block; }
.year-lockup small { font-size:8px;color:var(--muted);letter-spacing:.15em; }
.year-lockup strong { margin-top:4px;font-family:"Newsreader",serif;font-size:19px; }
.confidence-badge { border-radius:999px;padding:6px 9px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em; }
.story-scroll { flex:1;padding:31px 27px;overflow:auto; }
.story-count { font-size:10px;color:#929a95;letter-spacing:.12em; }
.story-count span:first-child { color:var(--rust);font-weight:700; }
.story-scroll h2 { margin:24px 0 8px;font-family:"Newsreader",serif;font-size:clamp(28px,2.65vw,43px);line-height:.98;letter-spacing:-.025em; }
.myanmar-title { font-family:"Noto Sans Myanmar",sans-serif;color:var(--green-2);font-size:17px;font-weight:600; }
.hazard-dateline { margin:18px 0 4px;padding:13px 14px 14px;border:1px solid rgba(145,63,48,.2);border-left:4px solid #a74636;border-radius:0 9px 9px 0;background:#f3e9df; }
.hazard-dateline[hidden] { display:none; }
.hazard-kind { margin:0;color:#8b3d31;font-size:10px;font-weight:800;line-height:1.35;letter-spacing:.07em;text-transform:uppercase; }
.hazard-data-grid { display:grid;grid-template-columns:1.18fr .82fr;gap:13px;margin-top:10px; }
.hazard-data-grid > div + div { padding-left:13px;border-left:1px solid rgba(91,74,61,.16); }
.hazard-data-grid small { display:block;color:#8a7569;font-size:8px;font-weight:700;line-height:1.35;letter-spacing:.1em; }
.hazard-data-grid p { margin:5px 0 0;color:#1f2c28;font-family:"DM Sans","Noto Sans Myanmar","Myanmar Text",sans-serif;font-size:14px;font-weight:800;line-height:1.35; }
.hazard-data-grid .localized-mm { margin-top:4px;color:#376657;font-size:12px;font-weight:650;line-height:1.55; }
.event-summary { margin:24px 0;color:#4f5a55;font-family:"Newsreader",serif;font-size:18px;line-height:1.5; }
.localized-line { display:block; }
.localized-mm { margin-top:11px;font-family:"Noto Sans Myanmar","Myanmar Text",sans-serif;font-size:16px;line-height:1.75;color:#315f52; }
.event-facts .localized-mm,.interpretation .localized-mm { margin-top:6px;font-size:13px;line-height:1.65; }
.event-facts { display:grid;grid-template-columns:1fr 1fr;gap:13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin-bottom:19px; }
.event-facts small,.interpretation small { font-size:8px;letter-spacing:.13em;color:#8a938e; }
.event-facts p { margin:5px 0 0;font-size:11px;line-height:1.4; }
.interpretation { display:flex;gap:11px;background:#efe8da;border-left:3px solid #bb8c36;padding:13px;border-radius:0 8px 8px 0; }
.interpretation > span { display:grid;place-items:center;flex:0 0 23px;height:23px;border:1px solid #b98b37;border-radius:50%;color:#9b6c1f;font-weight:700;font-size:11px; }
.interpretation p { margin:4px 0 0;font-size:11px;line-height:1.45;color:#625a4b; }
.citation-link { margin-top:18px;padding:0 0 4px;border:0;border-bottom:1px solid #9caaa3;background:transparent;color:#365e4f;font-size:11px;cursor:pointer; }
.citation-link span { margin-left:7px; }
.empty-reset { margin-top:16px;padding:10px 12px;border:1px solid rgba(24,60,49,.28);border-radius:8px;background:#fff;color:var(--green);font-family:"DM Sans","Noto Sans Myanmar",sans-serif;font-size:12px;line-height:1.5;cursor:pointer; }
.empty-reset[hidden] { display:none; }
.empty-reset:hover { background:#eee8dc; }
.story-nav { min-height:104px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:52px 1fr 52px;align-items:center; }
.story-nav > button { height:100%;border:0;background:transparent;font-size:22px;cursor:pointer; }
.story-nav > button:first-child { border-right:1px solid var(--line); }.story-nav > button:last-child { border-left:1px solid var(--line); }
.story-nav > button:hover { background:#eee9dd; }
.story-nav > button:disabled { opacity:.28;cursor:not-allowed; }
.scrubber { position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:44px 13px 7px; }
.scrubber input { position:relative;z-index:2;width:100%;margin:0;accent-color:var(--green);cursor:grab; }
.scrubber input:active { cursor:grabbing; }
.scrubber input:focus-visible { outline:3px solid rgba(47,106,84,.22);outline-offset:4px;border-radius:999px; }
.timeline-readout { --timeline-position:0%;position:absolute;z-index:6;left:clamp(72px,var(--timeline-position),calc(100% - 72px));top:6px;width:max-content;max-width:min(235px,calc(100% - 12px));padding:8px 12px;border-radius:8px;background:#183c31;color:#f8f3e8;box-shadow:0 7px 20px rgba(24,38,33,.18);opacity:0;pointer-events:none;transform:translate(-50%,-5px);transition:opacity .16s ease,transform .16s ease; }
.timeline-readout.is-visible { opacity:1;transform:translate(-50%,0); }
.timeline-readout::after { content:"";position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #183c31; }
.timeline-readout span,.timeline-readout strong { display:block; }
.timeline-readout span { color:#b9cbbf;font-size:8px;font-weight:700;letter-spacing:.12em; }
.timeline-readout strong { margin-top:3px;font-family:"Newsreader",serif;font-size:13px;line-height:1.2; }
.timeline-readout[data-confidence="probable"] { background:#7a5a1d; }.timeline-readout[data-confidence="probable"]::after { border-top-color:#7a5a1d; }
.timeline-readout[data-confidence="disputed"] { background:#803a2b; }.timeline-readout[data-confidence="disputed"]::after { border-top-color:#803a2b; }
.timeline-axis { position:relative;height:25px;margin:1px 8px 0; }
.timeline-mark { --mark-position:0%;position:absolute;left:var(--mark-position);top:0;min-width:1px;height:25px;padding:0;border:0;background:transparent;color:#7a837e;cursor:pointer;transform:translateX(-50%); }
.timeline-mark[data-edge="start"] { transform:none; }.timeline-mark[data-edge="end"] { transform:translateX(-100%); }
.timeline-mark::before { content:"";display:block;width:1px;height:7px;margin:0 auto;background:#a8afab;transition:height .15s ease,background .15s ease; }
.timeline-mark small { display:block;margin-top:3px;font-size:8px;line-height:1;white-space:nowrap; }
.timeline-mark:hover,.timeline-mark:focus-visible { color:var(--green);outline:0; }
.timeline-mark:hover::before,.timeline-mark:focus-visible::before { height:10px;background:var(--green); }

.field-notes { padding:clamp(72px,9vw,130px) clamp(20px,6vw,96px); }
.section-heading { display:flex;align-items:center;gap:16px;margin-bottom:44px; }
.section-heading > span { width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font-family:"Newsreader",serif; }
.section-heading small { font-size:9px;color:var(--rust);letter-spacing:.15em; }
.section-heading h2 { margin:3px 0 0;font-family:"Newsreader",serif;font-size:clamp(30px,4vw,52px); }
.note-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,4vw,62px); }
.note-grid article { border-top:1px solid var(--ink);padding-top:17px; }
.note-grid article > b { color:var(--rust);font-family:"Newsreader",serif; }
.note-grid h3 { font-family:"Newsreader",serif;font-size:22px;margin:30px 0 10px; }
.note-grid p { color:#59635e;line-height:1.65;font-size:13px; }
.note-action { width:100%;margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 13px;border:1px solid rgba(24,60,49,.25);border-radius:8px;background:transparent;color:var(--green);text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease; }
.note-action:hover { background:#eee8dc;border-color:rgba(24,60,49,.45);transform:translateY(-1px); }
.note-action:focus-visible,.modern-borders-notice button:focus-visible { outline:3px solid rgba(174,75,53,.3);outline-offset:3px; }
.note-action span { font-size:12px;font-weight:700;line-height:1.3; }
.note-action small { color:#7b847f;font-size:9px;line-height:1.25;text-align:right;text-transform:uppercase;letter-spacing:.06em; }

dialog { width:min(780px,calc(100vw - 32px));border:0;border-radius:18px;padding:clamp(28px,5vw,58px);background:#fbfaf6;color:var(--ink);box-shadow:0 30px 100px rgba(0,0,0,.3); }
dialog::backdrop { background:rgba(16,29,25,.72);backdrop-filter:blur(6px); }
.dialog-close { position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:28px;cursor:pointer; }
dialog h2 { font-family:"Newsreader",serif;font-size:clamp(34px,5vw,56px);line-height:1; }
.guide-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px; }
.guide-grid > div { border:1px solid var(--line);border-radius:11px;padding:18px; }
.guide-grid p { margin:18px 0 0;color:#5b6661;font-size:12px;line-height:1.6; }
.dialog-foot { margin:28px 0 0;border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:11px; }
.sources-dialog { max-height:min(820px,calc(100vh - 40px));overflow:auto; }
.sources-intro { color:#56625c;line-height:1.65;max-width:620px; }
.source-list { margin-top:28px;display:grid;gap:9px; }
.source-item { display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--line);text-decoration:none;color:inherit; }
.source-item b { color:var(--rust);font-family:"Newsreader",serif; }
.source-item strong,.source-item small { display:block; }
.source-item strong { font-size:12px; }.source-item small { margin-top:3px;color:var(--muted);font-size:10px; }
.source-item > span:last-child { color:var(--green); }
.editorial-note { margin-top:24px;padding:16px;background:#eee8dc;border-radius:10px; }
.editorial-note p { margin:6px 0 0;color:#5d655f;font-size:11px;line-height:1.55; }
.toast { position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);background:#183c31;color:#fff;padding:10px 15px;border-radius:8px;opacity:0;pointer-events:none;transition:.2s;z-index:99;font-size:11px; }
.toast.show { opacity:1;transform:translate(-50%,0); }

body[data-lang="en"] .myanmar-title,body[data-lang="en"] .map-centre text tspan:last-child,body[data-lang="en"] .river-label .label-mm,body[data-lang="en"] .context-label .label-mm,body[data-lang="en"] .fault-label .label-mm,body[data-lang="en"] .modern-border-labels .label-mm,body[data-lang="en"] .reference-city .label-mm { display:none; }
body[data-lang="mm"] .map-centre text tspan:first-child,body[data-lang="mm"] .river-label .label-en,body[data-lang="mm"] .context-label .label-en,body[data-lang="mm"] .fault-label .label-en,body[data-lang="mm"] .modern-border-labels .label-en,body[data-lang="mm"] .reference-city .label-en,body[data-lang="mm"] #eventTitle { display:none; }
body[data-lang="mm"] .myanmar-title { font-size:27px;color:var(--ink);margin-top:28px; }
body[data-lang="en"] .localized-mm,body[data-lang="mm"] .localized-en { display:none; }
body[data-lang="mm"] .localized-mm { margin-top:0;color:inherit;font-size:17px; }

@media(max-width:1100px){
  .explorer{grid-template-columns:215px 1fr}.story-panel{grid-column:1/-1;min-height:580px}.story-scroll{min-height:430px}.map-wrap{min-height:650px}
}
@media(max-width:760px){
  .site-header{align-items:flex-start}.header-actions{gap:7px}.ghost-button,.private-pill{display:none}.language-switch button{padding:6px;font-size:9px}
  .intro{grid-template-columns:1fr;gap:28px}.explorer{grid-template-columns:1fr;margin:0 8px}.control-rail{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;overflow:visible}.control-title,.search-box{grid-column:1/-1}.filter-group{margin-top:4px}.layers{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 10px}.layers .filter-label{grid-column:1/-1}.source-button{display:none}.people-list{grid-template-columns:1fr 1fr}.map-wrap{min-height:570px}.region-tabs button{padding:7px}.story-scroll{padding:26px 21px}.note-grid,.guide-grid{grid-template-columns:1fr}.note-grid{gap:34px}.header-actions{margin-left:10px}.brand small{display:none}
}
@media(max-width:460px){.control-rail{grid-template-columns:1fr}.filter-group{grid-column:1/-1}.layers{grid-template-columns:repeat(2,minmax(0,1fr))}.map-wrap{min-height:520px}.event-facts,.hazard-data-grid{grid-template-columns:1fr}.hazard-data-grid>div+div{padding-left:0;padding-top:10px;border-left:0;border-top:1px solid rgba(91,74,61,.16)}.map-note{max-width:230px}.hazard-legend{right:10px;top:10px;width:185px}.modern-borders-notice{top:10px;width:calc(100% - 20px)}.modern-borders-notice strong{font-size:9px}.modern-borders-notice span{font-size:11px}.note-action{align-items:flex-start;flex-direction:column}.note-action small{text-align:left}.timeline-mark.minor small{display:none}.timeline-readout{left:clamp(64px,var(--timeline-position),calc(100% - 64px));max-width:200px}.site-header{padding-inline:13px}.brand strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}