/* Shared navigation must not inherit an archive-specific breakpoint. */
@media(min-width:1150px){.public-header{display:flex;flex-wrap:nowrap;position:relative;gap:14px}.public-header .logo{margin-right:0}.public-header .brand-image{width:190px;height:66px}.public-header #main-nav{display:flex;width:auto;flex:1;order:0;flex-wrap:nowrap;justify-content:center;gap:11px;border:0;padding:0}.public-header #main-nav a{width:auto;padding:10px 0;font:600 13px/1.4 'Be Vietnam Pro',sans-serif;text-transform:none;white-space:nowrap}.public-header .menu-toggle{display:none}.public-header .site-search{display:none}.public-header .site-mobile-search{display:flex}.public-header .header-actions{flex:none;gap:10px}.public-header .header-action-label{font-size:11px}}
@media(min-width:1150px) and (max-width:1240px){.public-header{gap:10px;padding-inline:2%}.public-header .brand-image{width:165px}.public-header #main-nav{gap:9px}.public-header #main-nav a{font-size:12px}.public-header .header-actions{gap:7px}}
@media print{.skip-link{display:none!important}}

/* Brand lockup: shared across public pages and admin. */
.logo .brand-slogan{display:block;text-align:center;font:500 8px/1.5 'Be Vietnam Pro',sans-serif;letter-spacing:1.1px;color:#795337;white-space:nowrap;margin:0 0 7px}
.public-header .logo{align-items:center;gap:0}
.public-header .brand-image{width:240px;height:76px;object-fit:contain}
@media(min-width:1400px){.public-header{gap:24px}.public-header .brand-image{width:300px;height:92px}.public-header .logo .brand-slogan{font-size:9px;letter-spacing:1.5px;margin-top:-4px}.public-header #main-nav{justify-content:flex-start}}
@media(min-width:1150px) and (max-width:1399px){.public-header .brand-image{width:225px;height:72px}.public-header #main-nav{gap:9px}.public-header .logo .brand-slogan{font-size:7px;letter-spacing:.8px}}
@media(max-width:600px){.public-header .brand-image{width:210px;height:65px}.public-header .logo .brand-slogan{font-size:6.8px;letter-spacing:.8px;margin-bottom:6px}.public-header{min-height:86px}}
footer .logo .brand-slogan{font-size:6.5px;letter-spacing:.7px;color:inherit;margin-top:0}

/* Slogan sits below the wordmark, clear of the treble clef. */
.logo .brand-slogan{box-sizing:border-box;width:70%;margin-left:25%;margin-right:5%;text-align:justify;text-align-last:justify;font-weight:400;font-size:6.4px;line-height:1.5;letter-spacing:.2px;white-space:nowrap}
.public-header .logo .brand-slogan{font-size:6px;letter-spacing:.2px;margin-top:-8px;margin-bottom:8px}
@media(min-width:1400px){.public-header .logo .brand-slogan{font-size:7px;letter-spacing:.45px;margin-top:-11px;margin-bottom:10px}}
@media(max-width:600px){.public-header .logo .brand-slogan{font-size:5.5px;letter-spacing:.15px;margin-top:-6px;margin-bottom:7px}}
footer .logo .brand-slogan{font-size:4.8px;letter-spacing:.1px;margin-top:-5px}

/* Optical alignment: continuous caption, no justified word spacing. */
.logo .brand-slogan,.public-header .logo .brand-slogan,footer .logo .brand-slogan{width:auto;align-self:flex-end;margin:0 6% 8px 23%;text-align:center;text-align-last:auto;font:400 6.5px/1.4 'Be Vietnam Pro',sans-serif;letter-spacing:.35px;word-spacing:0;color:#87674c;white-space:nowrap}
.public-header .logo .brand-slogan{margin-top:-5px}
@media(min-width:1400px){.public-header .logo .brand-slogan{font-size:8px;letter-spacing:.6px;margin-top:-8px;margin-bottom:12px}}
@media(max-width:600px){.public-header .logo .brand-slogan{font-size:6px;letter-spacing:.25px;margin-top:-4px;margin-bottom:8px}}
footer .logo .brand-slogan{font-size:5.3px;letter-spacing:.18px;margin-top:-3px;color:inherit}

/* Uniform tracking across the caption, matching the approved reference. */
.logo .brand-slogan,.public-header .logo .brand-slogan,footer .logo .brand-slogan{display:block;align-self:auto;width:63%;margin-left:27%;margin-right:10%;letter-spacing:normal;line-height:1;color:#805137}
.logo .brand-slogan svg{display:block;width:100%;height:auto;overflow:visible}
.logo .brand-slogan text{font:500 9px 'Be Vietnam Pro',Arial,sans-serif;fill:currentColor;letter-spacing:normal;word-spacing:normal}
.public-header .logo .brand-slogan{margin-top:-6px;margin-bottom:9px}
@media(min-width:1400px){.public-header .logo .brand-slogan{margin-top:-9px;margin-bottom:11px}}
@media(max-width:600px){.public-header .logo .brand-slogan{margin-top:-5px;margin-bottom:8px}}

.public-header .logo{width:240px;flex:0 0 240px}
@media(min-width:1400px){.public-header .logo{width:300px;flex-basis:300px}}
@media(min-width:1150px) and (max-width:1399px){.public-header .logo{width:225px;flex-basis:225px}}
@media(max-width:600px){.public-header .logo{width:210px;flex-basis:210px}}

/* Align caption endpoints to the calligraphic wordmark, excluding ornaments. */
.logo .brand-slogan,.public-header .logo .brand-slogan,footer .logo .brand-slogan{width:63%;margin-left:27%;margin-right:10%}

.legacy-rich{line-height:1.85;overflow-wrap:anywhere;white-space:normal}
.legacy-rich img{display:block;max-width:100%;height:auto;margin:1.3rem auto;border-radius:8px}
.legacy-rich p,.legacy-rich ul,.legacy-rich ol{margin:.85em 0}
.legacy-rich h2,.legacy-rich h3,.legacy-rich h4{margin:1.4em 0 .65em;line-height:1.4}
.legacy-rich table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}
.legacy-rich td,.legacy-rich th{padding:.4em;border:1px solid #dbcdb9}
.legacy-story-hero{width:100%;height:100%;object-fit:cover;display:block}
[hidden]{display:none!important}