:root{--ink:#172c26;--muted:#52645b;--paper:#f6f7f3;--green:#183d32;--gold:#edcb83;--line:#d5ded7;--card:#fff;--rail:262px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:#235c48;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,summary,a{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bd651b;outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;z-index:50;padding:12px;background:white}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;padding:18px 32px;background:#122d25;color:white;border-bottom:1px solid #ffffff26}.brand{color:white;text-decoration:none;display:flex;gap:16px;align-items:center}.brand strong{font:800 1.7rem Georgia,serif;letter-spacing:.08em;color:var(--gold)}.brand span{max-width:none;font-size:.875rem;line-height:1.4;white-space:nowrap}.site-header nav{display:flex;gap:20px;margin-left:auto}.site-header nav a{color:white;font-size:.9rem;text-decoration:none}.site-header nav a:hover{color:var(--gold)}#menu{display:none;color:white;background:transparent;border:1px solid #a3b4a9;padding:8px 14px;font:inherit}main,footer{margin-right:var(--rail)}main section{padding:70px clamp(24px,5vw,90px);scroll-margin-top:20px}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.12}h1{font-size:clamp(2.65rem,5vw,5.5rem);font-weight:500;max-width:1000px;margin:20px 0 28px;letter-spacing:-.025em}h2{font-size:clamp(2rem,3.1vw,3.5rem);font-weight:500;margin:0 0 24px;max-width:880px}h3{font-size:1.35rem;margin:18px 0 12px}p{margin:0 0 18px}section>p{max-width:900px}.eyebrow{font-size:.875rem;font-weight:750;letter-spacing:.12em;line-height:1.5;color:#58684c;margin:0 0 14px}.hero{background:var(--green);color:#fff;min-height:610px;display:flex;flex-direction:column;justify-content:center}.hero .eyebrow{color:var(--gold)}.lede{font-size:1.2rem;line-height:1.65;max-width:760px;color:#e0ebe4}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 38px}.button{display:inline-block;background:var(--gold);color:#172c26;padding:12px 18px;border:1px solid transparent;text-decoration:none;font-weight:700;line-height:1.4}.button.ghost{background:transparent;border-color:#b0c6b7;color:white}.button.small{background:#e7eee7;font-size:.9rem}.hero-foot{border-top:1px solid #6d8877;padding-top:20px;font-size:.9rem;color:#d7e2db}.hero-foot span{font:1.6rem Georgia,serif;margin-right:18px;color:var(--gold)}.notice{padding:24px clamp(24px,5vw,90px);background:#e6ece3;border-bottom:1px solid var(--line)}section .notice{padding:20px;margin-top:24px;max-width:none}.section-intro{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}.cards article,.panel{background:var(--card);padding:26px;border:1px solid var(--line)}.record p{margin-bottom:16px}.record h3{margin-top:16px}.timeline{border-left:2px solid #8d9e88;margin:36px 0 0 7px}.timeline article{padding:0 0 35px 30px;max-width:900px;position:relative}.timeline article:before{content:"";position:absolute;left:-6px;top:8px;width:10px;height:10px;background:#617a60;border-radius:50%}.badge{display:inline-block;padding:4px 9px;border-radius:3px;font-size:.875rem;line-height:1.5;font-weight:650;letter-spacing:0}.v1{background:#d5eadb;color:#173b24}.v2{background:#e0eacb;color:#34451b}.t{background:#dce9fa;color:#203d69}.r{background:#f5e0d2;color:#703919}.l{background:#f3e9b9;color:#5c4910}.u{background:#eadff0;color:#58316c}.source-links{display:grid;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:.9rem}.direct-source{font-size:.9rem}.source-meta,.source{font-size:.9rem;color:var(--muted)}.source-cards article{scroll-margin-top:110px}.source-cards .eyebrow{letter-spacing:.05em;font-size:.875rem}.source-cards details{margin-top:18px}summary{font-weight:700}.panel{margin-top:30px;max-width:950px}.separate-track{border-block:2px solid #bcc9be;background:#e8eee7}#voices{background:#e4ece6}#contribute{background:#f0f3ee}ol{padding-left:24px}li{margin-bottom:8px}.public{background:var(--green);color:white}.public .eyebrow{color:var(--gold)}footer{display:flex;flex-wrap:wrap;gap:14px 30px;padding:32px;background:#122d25;color:#dce9de;font-size:.9rem}footer a{color:white;margin-left:auto}.key-rail{position:fixed;right:0;top:82px;bottom:0;width:var(--rail);padding:22px 18px;border-left:1px solid var(--line);background:#fff;overflow-y:auto;z-index:15}.key-rail summary{font:700 1.25rem Georgia,serif}.key-rail p{font-size:.875rem;line-height:1.55;color:var(--muted);margin:14px 0}.key-rail ul{list-style:none;padding:0;margin:18px 0}.key-rail li{margin-bottom:16px}.key-rail li>span:last-child{display:block;font-size:.875rem;line-height:1.45;margin-top:6px;color:var(--muted)}.key-note{border-top:1px solid var(--line);padding-top:14px}.key-rail .badge{font-size:.875rem}.record:target,.source-cards article:target{outline:3px solid #8eac8b;outline-offset:6px}
@media(min-width:1600px){:root{--rail:290px}.key-rail{padding:26px}}
@media(max-width:1199px){main,footer{margin-right:0}.key-rail{top:auto;bottom:12px;right:12px;width:min(360px,calc(100% - 24px));max-height:65vh;border:1px solid #abbcad;padding:14px 18px;box-shadow:0 4px 24px #10251930;border-radius:5px}.key-rail details:not([open])>summary{font:700 1rem system-ui}.key-rail details:not([open]){min-width:190px}.hero{min-height:560px}footer{padding-bottom:95px}.site-header{padding:16px 24px}.brand span{max-width:165px}.site-header nav{gap:16px}}
@media(max-width:850px){#menu{display:block;margin-left:auto}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#122d25;padding:20px 24px;flex-direction:column;gap:18px;max-height:75vh;overflow:auto}.site-header nav.open{display:flex}.cards{grid-template-columns:1fr}.hero{min-height:0}.hero-foot span{display:block;margin-bottom:8px}main section{padding:48px 24px}.brand span{font-size:.8rem;max-width:160px}.site-header{gap:12px}.source-links a{overflow-wrap:anywhere}h1{font-size:clamp(2.6rem,8vw,4rem)}.key-rail{width:auto;max-width:calc(100% - 24px)}.key-rail:has(details[open]){width:min(360px,calc(100% - 24px))}.cards article,.panel{padding:22px}.timeline article{padding-left:22px}.hero .eyebrow{letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.site-header,.key-rail,.skip,#menu{display:none}main,footer{margin:0}body{background:white}main section{padding:24px 0}.hero,.public{background:white;color:#111;min-height:0}.hero .lede,.hero-foot,.public .eyebrow{color:#111}.cards{display:block}.cards article{break-inside:avoid;margin-bottom:12px}.button{border:1px solid #555}.source-cards details{display:none}footer{background:white;color:#111}}

/* HVSR V3 visual system */
:root{--forest:#173b30;--mapgreen:#24483e;--olive:#303b32;--sage:#dce5d8;--warmgreen:#294438;--archive:#e5ece5;--investigate:#202d29;--evidence:#29322f}
.hero-v3{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(105deg,#14382e 0%,#183d32 55%,#1d4438 100%)}
.hero-v3>*:not(.hero-map){position:relative;z-index:2}.hero-map{position:absolute;inset:0;z-index:0;opacity:.46;background-image:linear-gradient(90deg,rgba(14,43,35,.78) 0%,rgba(14,43,35,.55) 48%,rgba(14,43,35,.30) 100%),url("assets/images/hvsr-central-america-honduras-map.png");background-size:cover;background-position:center center;background-repeat:no-repeat;transform:none}
.hero-v3:after{content:"HONDURAS";position:absolute;right:7%;top:43%;z-index:1;font:700 clamp(2rem,5vw,5rem) Georgia,serif;letter-spacing:.18em;color:#edcb8324;border:2px solid #edcb8330;padding:.2em .35em;transform:rotate(-8deg)}
#chronology{background:#f4f5f0}
#locations{background:#e3ebe4}
#incidents{background:#f0f1eb}
#units{background:#dfe8e1}
#engineering{background:#f2f3ed}

#recognition,
#recognition-support,
#jmua{background:#e1e9e2}

#voices{background:#edf1eb}
#contribute{background:#e0e9e2}

.section-research{background:#f0f2ec}
.section-coverage{background:#dfe7e1}

#evidence{background:#f1f2ed}

.public{background:#183d32}
.research-dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:30px 0}.research-dashboard article{background:#183d32;color:white;padding:20px;border-top:3px solid var(--gold)}.research-dashboard strong{display:block;font:500 2.5rem Georgia,serif;color:var(--gold)}.research-dashboard span{font-size:.86rem}.research-note{max-width:1050px;padding:18px 20px;background:#fff8df;border-left:4px solid #a98026;margin:0 0 28px}.research-case dl{display:grid;grid-template-columns:minmax(110px,.55fr) 1.45fr;gap:8px 14px;margin:20px 0 0;padding-top:16px;border-top:1px solid var(--line)}.research-case dt{font-weight:700}.research-case dd{margin:0}.status{display:inline-block;margin:0 8px 8px 0;padding:4px 8px;font-size:.76rem;font-weight:800;letter-spacing:.06em;border:1px solid}.status.active{background:#d9eadf;color:#17482d;border-color:#8eb39a}.status.pending{background:#f5ebc7;color:#5c4810;border-color:#c8b66e}.status.closed{background:#e2e5e4;color:#3e4b46;border-color:#aeb7b3}.research-chain{border-left:5px solid var(--gold)}
.library-tools{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:25px 0;padding:16px;background:#f7f8f5;border:1px solid var(--line)}.library-tools label{font-weight:700}.library-tools input{flex:1 1 260px;min-width:180px;padding:10px;border:1px solid #aab6ad;font:inherit}.library-tools .filter{padding:9px 11px;border:1px solid #7e9185;background:white;font:inherit}.library-tools .filter.active{background:#183d32;color:white}.source-cards article[hidden]{display:none}
@media(max-width:850px){.research-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.research-case dl{grid-template-columns:1fr}.hero-v3:after{right:-4%;top:38%;font-size:2.2rem}}

/* V3 mission brief */
.mission-brief{padding:clamp(2rem,5vw,4.5rem) max(5vw,calc((100vw - 1180px)/2));background:linear-gradient(135deg,rgba(20,49,39,.98),rgba(31,63,48,.96));border-top:1px solid rgba(207,170,91,.28);border-bottom:1px solid rgba(207,170,91,.28)}
.mission-brief h2{max-width:850px;margin:.25rem 0 1rem}.mission-brief>p{max-width:980px}.mission-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.mission-points div{padding:1rem 1.1rem;border:1px solid rgba(207,170,91,.32);background:rgba(0,0,0,.12);border-radius:.45rem}.mission-points strong,.mission-points span{display:block}.mission-points strong{color:#d6b56b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem}.mission-points span{font-size:.94rem;line-height:1.45}@media(max-width:720px){.mission-points{grid-template-columns:1fr}}


/* ===== HVSR LOCKED HERO RESTORATION ===== */

.hero-v3{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    background:#12362d;
}

.hero-v3 .hero-map{
    position:absolute;
    inset:0;
    z-index:0;
    opacity:.72;
    background-image:
        linear-gradient(
            90deg,
            rgba(8,35,29,.88) 0%,
            rgba(8,35,29,.74) 38%,
            rgba(8,35,29,.48) 67%,
            rgba(8,35,29,.60) 100%
        ),
        url("assets/images/hvsr-central-america-honduras-map.png");
    background-size:cover;
    background-position:58% 48%;
    background-repeat:no-repeat;
    transform:none;
}

.hero-v3:after{
    display:none !important;
    content:none !important;
}

.hero-v3 > *:not(.hero-map){
    position:relative;
    z-index:2;
}

/* Evidence key returns to the dark archival hero treatment */
.key-rail{
    background:rgba(10,42,34,.88) !important;
    color:#f7f4e9 !important;
    border:1px solid rgba(214,181,107,.55) !important;
    box-shadow:0 14px 38px rgba(0,0,0,.22);
}

.key-rail h2,
.key-rail h3,
.key-rail strong{
    color:#fff !important;
}

.key-rail p{
    color:rgba(255,255,255,.82) !important;
}

.key-rail details{
    border-color:rgba(214,181,107,.28) !important;
}

.key-rail summary{
    color:#f7f4e9 !important;
}

@media(max-width:850px){
    .hero-v3 .hero-map{
        background-position:55% center;
    }
}

/* ===== END LOCKED HERO RESTORATION ===== */

/* =========================================================
   HVSR HERO COMPOSITION
   Target: Image 3 composition + Image 2 Honduras treatment
   ========================================================= */

.hero-v3{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    padding:58px 4.5% 0;
    min-height:650px;
    background:#0b3028;
}

.hero-v3 .hero-map{
    position:absolute;
    inset:0;
    z-index:0;
    opacity:1;
    background-image:
        linear-gradient(
            90deg,
            rgba(5,30,25,.93) 0%,
            rgba(5,30,25,.82) 31%,
            rgba(5,30,25,.30) 52%,
            rgba(5,30,25,.48) 72%,
            rgba(5,30,25,.72) 100%
        ),
        linear-gradient(
            0deg,
            rgba(5,28,23,.55) 0%,
            rgba(5,28,23,.08) 48%,
            rgba(5,28,23,.32) 100%
        ),
        url("assets/images/hvsr-central-america-honduras-map.png");
    background-size:cover;
    background-position:52% 46%;
    background-repeat:no-repeat;
    transform:none;
}

.hero-v3:after{
    display:none !important;
    content:none !important;
}

.hero-layout{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(440px, 1.08fr) minmax(300px, .78fr) minmax(290px, .64fr);
    gap:30px;
    align-items:center;
    max-width:1500px;
    margin:0 auto;
}

.hero-copy{
    position:relative;
    z-index:3;
}

.hero-copy h1{
    max-width:720px;
    margin-top:28px;
}

.hero-copy .lede{
    max-width:650px;
}

.hero-map-window{
    min-height:430px;
    pointer-events:none;
}

.hero-v3 .key-rail{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:auto !important;
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
    align-self:center;
    z-index:4;

    background:rgba(8,42,34,.78) !important;
    color:#f5f2e7 !important;
    border:1px solid rgba(222,190,112,.62) !important;
    box-shadow:0 16px 42px rgba(0,0,0,.20);
    backdrop-filter:blur(2px);
    padding:20px 22px;
}

.hero-v3 .key-rail > details > summary{
    font-size:1.35rem;
    color:#fff !important;
}

.hero-v3 .key-rail p,
.hero-v3 .key-rail li > span:last-child{
    color:rgba(255,255,255,.78) !important;
}

.hero-v3 .key-rail ul{
    margin-bottom:12px;
}

.hero-v3 .key-rail li{
    margin-bottom:10px;
}

.hero-v3 .key-note{
    border-top:1px solid rgba(222,190,112,.35);
    padding-top:12px;
}

.hero-foot{
    position:relative;
    z-index:3;
    max-width:1500px;
    margin:30px auto 0;
    padding:18px 0 24px;
    border-top:1px solid rgba(255,255,255,.35);
}

.hero-foot span{
    color:#e7bd64;
}

/* Keep Honduras itself visually unobstructed */
.hero-map-window{
    visibility:visible;
}

/* Responsive collapse */
@media(max-width:1100px){
    .hero-layout{
        grid-template-columns:1.15fr .85fr;
    }

    .hero-map-window{
        display:none;
    }

    .hero-v3 .hero-map{
        background-position:58% center;
    }
}

@media(max-width:760px){
    .hero-v3{
        padding:40px 6% 0;
    }

    .hero-layout{
        display:block;
    }

    .hero-v3 .key-rail{
        margin-top:32px;
    }

    .hero-v3 .hero-map{
        background-position:55% center;
    }
}

/* =========================================================
   END HVSR HERO COMPOSITION
   ========================================================= */

/* HVSR V3: old external Evidence Key rail retired */
main,footer{margin-right:0 !important;width:100% !important}
.site-header{width:100% !important}


/* ===== HVSR MAP + EVIDENCE KEY RIGHT SHIFT ===== */

/* Use more of the available width for the three hero zones */
.hero-layout{
    max-width:1620px !important;
    grid-template-columns:
        minmax(440px,.88fr)
        minmax(440px,.94fr)
        minmax(280px,.48fr) !important;
    gap:18px !important;
}

/* Shift the actual map eastward.
   Honduras should occupy the open space between copy and key. */
.hero-v3 .hero-map{
    background-size:103% auto !important;
    background-position:64% 43% !important;
}

/* Push Evidence Key toward the right edge */
.hero-v3 .key-rail{
    width:290px !important;
    max-width:290px !important;
    justify-self:end !important;
    transform:translateX(28px);
}

/* Preserve a generous clear window for Honduras */
.hero-map-window{
    min-width:440px;
    min-height:420px !important;
}

/* ===== END MAP + EVIDENCE KEY RIGHT SHIFT ===== */

/* ===== HVSR MAP ZOOM-OUT ===== */

.hero-v3 .hero-map{
    background-size:88% auto !important;
    background-position:67% 43% !important;
    background-color:#0b3028;
}

/* ===== END MAP ZOOM-OUT ===== */

/* ===== HVSR CENTRAL AMERICA MAP FRAMING ===== */

.hero-v3 .hero-map{
    background-size:78% auto !important;
    background-position:68% 42% !important;
    background-color:#0b3028 !important;
}

/* ===== END CENTRAL AMERICA MAP FRAMING ===== */

/* HVSR MAP ZOOM-OUT 68% */
.hero-v3 .hero-map{background-size:68% auto !important;background-position:68% 42% !important;background-color:#0b3028 !important}


/* HVSR MAP PAN RIGHT */
.hero-v3 .hero-map{background-size:68% auto !important;background-position:76% 42% !important}


/* ===== HVSR V3 MISSION SECTION COLOR FIX ===== */

.mission-brief{
    background:linear-gradient(135deg,#173b30 0%,#24483e 100%) !important;
    color:#f6f7f3 !important;
    border-top:1px solid rgba(237,203,131,.38) !important;
    border-bottom:1px solid rgba(237,203,131,.38) !important;
}

.mission-brief .eyebrow{
    color:#edcb83 !important;
}

.mission-brief h2{
    color:#f6f7f3 !important;
}

.mission-brief > p{
    color:#dce7e0 !important;
}

.mission-brief .mission-points div{
    background:rgba(8,35,29,.32) !important;
    border:1px solid rgba(237,203,131,.42) !important;
}

.mission-brief .mission-points strong{
    color:#edcb83 !important;
}

.mission-brief .mission-points span{
    color:#e4ece7 !important;
}

/* ===== END MISSION SECTION COLOR FIX ===== */

/* ===== HVSR HERO OCEAN-GREEN MATCH ===== */

.hero-v3{
    background:#062d29 !important;
}

.hero-v3 .hero-map{
    background-color:#062d29 !important;
}

/* ===== END HERO OCEAN-GREEN MATCH ===== */

/* ===== HVSR ORIGINAL CENTRAL AMERICA MAP RESTORE ===== */

.hero-v3 .hero-map{
    background-image:url("assets/images/hvsr-central-america-honduras-map.png") !important;
    background-size:68% auto !important;
    background-position:80% 42% !important;
    background-repeat:no-repeat !important;
    background-color:#062d29 !important;
    opacity:1 !important;
}

/* ===== END ORIGINAL CENTRAL AMERICA MAP RESTORE ===== */

/* ===== HVSR HERO COPY-SIDE OCEAN GREEN ===== */

/* Keep original map completely unfiltered */
.hero-v3 .hero-map{
    background-image:url("assets/images/hvsr-central-america-honduras-map.png") !important;
    background-size:68% auto !important;
    background-position:80% 42% !important;
    background-repeat:no-repeat !important;
    background-color:#062d29 !important;
    opacity:1 !important;
    filter:none !important;
}

/* Dark ocean-green field behind headline only */
.hero-v3::after{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:43%;
    background:linear-gradient(
        90deg,
        #062d29 0%,
        #062d29 58%,
        rgba(6,45,41,.92) 72%,
        rgba(6,45,41,.55) 88%,
        rgba(6,45,41,0) 100%
    );
    pointer-events:none;
    z-index:1;
}

/* Keep all hero content above the copy-side shading */
.hero-v3 .hero-layout,
.hero-v3 .hero-foot{
    position:relative;
    z-index:2;
}

/* ===== END HERO COPY-SIDE OCEAN GREEN ===== */

/* ===== HVSR HERO COPY-SIDE DARKER FINAL TUNE ===== */

.hero-v3::after{
    width:41% !important;
    background:linear-gradient(
        90deg,
        #021f1d 0%,
        #021f1d 56%,
        rgba(2,31,29,.96) 68%,
        rgba(2,31,29,.72) 80%,
        rgba(2,31,29,.32) 91%,
        rgba(2,31,29,0) 100%
    ) !important;
}

/* ===== END HERO COPY-SIDE DARKER FINAL TUNE ===== */

/* ===== HVSR HERO FINAL DARK + CORNER MASK ===== */

/* Deeper copy-side Ocean Blue-Green */
.hero-v3::after{
    width:43% !important;
    background:linear-gradient(
        90deg,
        #001816 0%,
        #001816 58%,
        rgba(0,24,22,.98) 70%,
        rgba(0,24,22,.82) 82%,
        rgba(0,24,22,.42) 92%,
        rgba(0,24,22,0) 100%
    ) !important;
}

/* Hide exposed lower-left corner of map beneath the scale */
.hero-v3::before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:29%;
    height:13%;
    background:#001816;
    pointer-events:none;
    z-index:1;
}

.hero-v3 .hero-layout,
.hero-v3 .hero-foot{
    position:relative;
    z-index:2;
}

/* ===== END HVSR HERO FINAL DARK + CORNER MASK ===== */

/* ===== HVSR HERO SURROUND MATCH TO MAP ===== */

/* Match surrounding hero field to dark green sampled below map scale */
.hero-v3{
    background:#010e07 !important;
}

/* Match the map image's uncovered background area */
.hero-v3 .hero-map{
    background-color:#010e07 !important;
}

/* Copy-side transition begins with the same sampled map color */
.hero-v3::after{
    width:41% !important;
    background:linear-gradient(
        90deg,
        #010e07 0%,
        #010e07 58%,
        rgba(1,14,7,.96) 70%,
        rgba(1,14,7,.72) 82%,
        rgba(1,14,7,.32) 92%,
        rgba(1,14,7,0) 100%
    ) !important;
}

/* ===== END HVSR HERO SURROUND MATCH ===== */

/* ===== REMOVE OBSOLETE LOWER-LEFT MAP MASK ===== */

.hero-v3::before{
    content:none !important;
    display:none !important;
}

/* ===== END MASK REMOVAL ===== */
/* HVSR V3 approved header wordmark treatment */
.brand strong{
    color:var(--gold);
    -webkit-text-stroke:1px #073b3a;
    paint-order:stroke fill;
    text-shadow:
        1px 1px 0 #073b3a,
        -1px 1px 0 #073b3a,
        1px -1px 0 #073b3a,
        -1px -1px 0 #073b3a,
        0 2px 2px rgba(0,0,0,.28);
}

.brand span{
    max-width:none;
    white-space:nowrap;
}

/* HVSR V3 stronger outlined wordmark */
.brand strong {
    color: #edcb83 !important;
    -webkit-text-stroke: 2px #0b4b4b !important;
    paint-order: stroke fill;
    text-shadow:
        0 0 1px #0b4b4b,
        1px 1px 0 #062f30,
        -1px 1px 0 #062f30,
        1px -1px 0 #062f30,
        -1px -1px 0 #062f30,
        0 2px 2px rgba(0,0,0,.45);
}

/* HVSR V3 final wordmark contrast */
.brand strong {
    color: #edcb83 !important;
    -webkit-text-stroke: 2px #16706d !important;
    paint-order: stroke fill;
    text-shadow:
        0 0 1px #16706d,
        1px 1px 0 #073b3a,
        -1px 1px 0 #073b3a,
        1px -1px 0 #073b3a,
        -1px -1px 0 #073b3a,
        0 2px 2px rgba(0,0,0,.40);
}

/* HVSR V3 header spacing refinement */
.brand {
    gap: 14px !important;
}

.brand span {
    font-size: .82rem !important;
    white-space: nowrap;
    max-width: none;
}

/* HVSR V3 final cap-style wordmark */
.brand strong {
    color: #edcb83 !important;
    -webkit-text-stroke: 2px #2f8a84 !important;
    paint-order: stroke fill;
    text-shadow:
        0 0 0 #073b3a,
        1px 1px 0 #073b3a,
        -1px 1px 0 #073b3a,
        1px -1px 0 #073b3a,
        -1px -1px 0 #073b3a,
        0 2px 2px rgba(0,0,0,.40);
}

/* HVSR V3 cap-inspired header wordmark */
.brand strong {
    font-size: 1.9rem !important;
    color: #edcb83 !important;

    -webkit-text-stroke: 1px #0b4b4b !important;

    text-shadow:
        -2px -2px 0 #0b4b4b,
         0   -2px 0 #0b4b4b,
         2px -2px 0 #0b4b4b,
        -2px  0   0 #0b4b4b,
         2px  0   0 #0b4b4b,
        -2px  2px 0 #0b4b4b,
         0    2px 0 #0b4b4b,
         2px  2px 0 #0b4b4b,
         0    3px 2px rgba(0,0,0,.45);
}

/* HVSR V3 final wordmark prominence */
.brand strong {
    font-size: 2.15rem !important;
    font-weight: 800 !important;
    letter-spacing: .075em !important;
    color: #edcb83 !important;

    -webkit-text-stroke: 1px #0b4b4b !important;

    text-shadow:
        -2px -2px 0 #0b4b4b,
         0   -2px 0 #0b4b4b,
         2px -2px 0 #0b4b4b,
        -2px  0   0 #0b4b4b,
         2px  0   0 #0b4b4b,
        -2px  2px 0 #0b4b4b,
         0    2px 0 #0b4b4b,
         2px  2px 0 #0b4b4b,
         0    3px 2px rgba(0,0,0,.45);
}

/* HVSR V3 floating Evidence Key */
.key-rail {
    position: sticky !important;
    top: 92px !important;
    z-index: 900 !important;
    align-self: start !important;
}

.key-rail > details {
    max-height: calc(100vh - 112px);
    overflow-y: auto;
    box-shadow:
        0 8px 24px rgba(0,0,0,.24),
        0 0 0 1px rgba(237,203,131,.28);
}

/* Keep the floating key usable on normal desktop screens */
@media (min-width: 901px) {
    .key-rail {
        position: sticky !important;
        top: 92px !important;
    }
}

/* On smaller screens, return it to normal document flow */
@media (max-width: 900px) {
    .key-rail {
        position: static !important;
    }

    .key-rail > details {
        max-height: none;
        overflow: visible;
    }
}

/* ============================================================
   HVSR V3 FINAL HEADER WORDMARK + FLOATING EVIDENCE KEY
   ============================================================ */

/* Raised embroidered-style HVSR wordmark */
.brand strong {
    font-family: Georgia, serif !important;
    font-size: 2.35rem !important;
    font-weight: 800 !important;
    letter-spacing: .075em !important;

    color: #edcb83 !important;

    -webkit-text-stroke: 1px #064b49 !important;
    paint-order: stroke fill;

    text-shadow:
        -3px -3px 0 #064b49,
         0   -3px 0 #064b49,
         3px -3px 0 #064b49,
        -3px  0   0 #064b49,
         3px  0   0 #064b49,
        -3px  3px 0 #064b49,
         0    3px 0 #064b49,
         3px  3px 0 #064b49,
         0    5px 3px rgba(0,0,0,.55);
}

/* Keep full organization name on one line */
.brand span {
    max-width: none !important;
    white-space: nowrap !important;
}

/* Floating Evidence Key */
.key-rail {
    position: fixed !important;

    top: 105px !important;
    right: 28px !important;

    width: 290px !important;
    max-width: calc(100vw - 56px);

    z-index: 950 !important;

    margin: 0 !important;
}

.key-rail > details {
    max-height: calc(100vh - 130px);
    overflow-y: auto;

    background: rgba(3,45,36,.96) !important;

    border: none !important;

    box-shadow:
        0 10px 30px rgba(0,0,0,.38),
        0 0 0 1px rgba(6,75,73,.65);

    backdrop-filter: blur(5px);
}

/* Collapsed key becomes a compact floating reference */
.key-rail > details:not([open]) {
    max-height: none;
}

/* Mobile/tablet: return Evidence Key to normal flow */
@media (max-width: 900px) {

    .key-rail {
        position: static !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 24px 30px !important;
    }

    .key-rail > details {
        max-height: none;
        overflow: visible;
    }

    .brand strong {
        font-size: 1.85rem !important;
    }

    .brand span {
        white-space: normal !important;
    }
}

/* HVSR V3 Evidence Key readability */
.key-rail > details {
    color: #f4f1e6 !important;
}

.key-rail summary {
    color: #f7f3e7 !important;
}

.key-rail p,
.key-rail li,
.key-rail li > span:not(.badge),
.key-rail .key-note,
.key-rail .doc-key p {
    color: #e8e6dc !important;
}

.key-rail .doc-key summary {
    color: #edcb83 !important;
}

/* Preserve evidence classification badge colors */
.key-rail .badge {
    text-shadow: none !important;
}

/* HVSR V3 dark-ocean embroidered edge */
.brand strong {
    color: #edcb83 !important;

    -webkit-text-stroke: 1px #023f3d !important;
    paint-order: stroke fill;

    text-shadow:
        -3px -3px 0 #023f3d,
         0   -3px 0 #023f3d,
         3px -3px 0 #023f3d,
        -3px  0   0 #023f3d,
         3px  0   0 #023f3d,
        -3px  3px 0 #023f3d,
         0    3px 0 #023f3d,
         3px  3px 0 #023f3d,
         0    5px 3px rgba(0,0,0,.55);
}

/* HVSR V3 deep-ocean raised embroidered wordmark */
.brand strong {
    color: #edcb83 !important;

    /* Deep ocean green */
    -webkit-text-stroke: 1px #002f2d !important;
    paint-order: stroke fill;

    /* Heavy embroidered-style outer border */
    text-shadow:
        -4px -4px 0 #002f2d,
        -2px -4px 0 #002f2d,
         0   -4px 0 #002f2d,
         2px -4px 0 #002f2d,
         4px -4px 0 #002f2d,

        -4px -2px 0 #002f2d,
         4px -2px 0 #002f2d,

        -4px  0   0 #002f2d,
         4px  0   0 #002f2d,

        -4px  2px 0 #002f2d,
         4px  2px 0 #002f2d,

        -4px  4px 0 #002f2d,
        -2px  4px 0 #002f2d,
         0    4px 0 #002f2d,
         2px  4px 0 #002f2d,
         4px  4px 0 #002f2d,

         0    6px 4px rgba(0,0,0,.65);
}

/* ==========================================================
   HVSR RAISED EMBROIDERED WORDMARK
   Gold face + prominent dark pine border + dimensional depth
   ========================================================== */

.brand strong {
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 2.45rem !important;
    font-weight: 900 !important;
    letter-spacing: .07em !important;

    /* Gold face */
    color: #f0cd78 !important;

    /* Narrow definition around the gold face */
    -webkit-text-stroke: 1px #f5d88d !important;
    paint-order: stroke fill;

    /* Thick dark-pine embroidered backing + raised depth */
    filter:
        drop-shadow(-3px -3px 0 #063a30)
        drop-shadow( 3px -3px 0 #063a30)
        drop-shadow(-3px  3px 0 #063a30)
        drop-shadow( 3px  3px 0 #063a30)
        drop-shadow(-5px  0   0 #063a30)
        drop-shadow( 5px  0   0 #063a30)
        drop-shadow( 0   -5px 0 #063a30)
        drop-shadow( 0    5px 0 #063a30)
        drop-shadow( 0    7px 2px rgba(0,0,0,.85)) !important;

    /* Gold face embossing */
    text-shadow:
        0 -1px 0 #fff0b5,
        0  1px 0 #b47d25,
        0  2px 0 #8e601d !important;
}

/* HVSR V3 refined raised embroidered wordmark */
.brand strong {
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 2.45rem !important;
    font-weight: 900 !important;
    letter-spacing: .07em !important;

    /* Raised gold face */
    color: #f0cd78 !important;
    -webkit-text-stroke: 1px #f6dc98 !important;
    paint-order: stroke fill;

    /* Gold bevel */
    text-shadow:
        0 -1px 0 #fff1b7,
        0  1px 0 #c28b31,
        0  2px 0 #93651f !important;

    /* Smaller, darker pine-green embroidered backing */
    filter:
        drop-shadow(-2px -2px 0 #01352d)
        drop-shadow( 2px -2px 0 #01352d)
        drop-shadow(-2px  2px 0 #01352d)
        drop-shadow( 2px  2px 0 #01352d)
        drop-shadow(-3px  0   0 #01352d)
        drop-shadow( 3px  0   0 #01352d)
        drop-shadow( 0   -3px 0 #01352d)
        drop-shadow( 0    3px 0 #01352d)
        drop-shadow( 0    5px 2px rgba(0,0,0,.65)) !important;
}
#evidence-key { border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; }

/* HVSR V3 FINAL: Evidence Key presentation */
.key-rail {
    border: 1px solid rgba(214,181,107,.55) !important;
}

#evidence-key {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.key-rail .doc-key {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* HVSR V3 FINAL: fixed Evidence Key content clearance */

/*
   Desktop/laptop:
   The Evidence Key is a fixed right-side reference panel.
   Reserve enough page width so ordinary content cannot pass beneath it.
*/
@media (min-width: 1200px) {
    main,
    footer {
        margin-right: 340px !important;
        width: auto !important;
    }

    /*
       The approved hero remains full-width beneath its intentionally
       positioned Evidence Key. Do not alter hero geometry.
    */
    .hero-v3 {
        margin-right: -340px !important;
    }
}

/*
   Below the desktop rail breakpoint the Evidence Key returns to the
   existing responsive behavior and page content uses full width.
*/
@media (max-width: 1199px) {
    main,
    footer {
        margin-right: 0 !important;
        width: 100% !important;
    }

    .hero-v3 {
        margin-right: 0 !important;
    }
}


/* Evidence Key clearance at narrower desktop widths. At >=1200px the existing
   approved clearance above applies; the hero remains full viewport width. */
@media (min-width: 901px) and (max-width: 1199px) {
    main, footer { margin-right: 340px !important; width: auto !important; }
    .hero-v3 { margin-right: -340px !important; }
    .cards { grid-template-columns: 1fr; }
}


/* ===== V3 SECTION PALETTE QA LOCK · 2026-09-24 ===== */
.mission-brief{background:linear-gradient(135deg,#173b30 0%,#24483e 100%) !important;color:#f6f7f3 !important}
.mission-brief .eyebrow,.mission-brief .mission-points strong{color:#edcb83 !important}
.mission-brief h2{color:#f6f7f3 !important}.mission-brief>p,.mission-brief .mission-points span{color:#e4ece7 !important}
#chronology{background:#f4f1e7 !important}#locations{background:#dce9df !important}#incidents{background:#ecefe4 !important}#units{background:#d8e6dc !important}#engineering{background:#f2efe5 !important}
#recognition,#recognition-support,#jmua{background:#d9e6db !important}#voices{background:#e8eee6 !important}#contribute{background:#d8e6dc !important}.section-research{background:#edeedf !important}.section-coverage{background:#d8e4db !important}#evidence{background:#edece1 !important}#about{background:#183d32 !important;color:#fff !important}
/* ===== END V3 SECTION PALETTE QA LOCK ===== */