/* TREW unified local system (TREW.UNIFIED.20261024.A1). Loaded last on pages with the shared .trew-nav.
   Source of truth: R7 homepage refinement.css masthead, palette and focus rules. Presentation only:
   no content, form, handler or navigation-logic changes. The homepage (.r2-page) keeps its own R7 rules. */
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&display=swap");
:root{--u-ivory:#f5f2e9;--u-paper:#fffdf7;--u-ink:#152a2b;--u-teal:#0b6c68;--u-deep:#0f1a1c;--u-deep2:#1a3337;--u-gold:#b8964a;--u-gold-line:#b8a57455}

/* R7: preserve native scrolling so the sticky masthead persists (trew.css sets html overflow-x:hidden). */
html,body{overflow-x:clip}

/* R7 floating translucent masthead, applied site-wide. */
html body:not(.r2-page) .trew-nav{position:sticky;top:12px;margin:12px 20px 0;width:calc(100% - 40px);height:var(--nav-h,62px);border:1px solid var(--u-gold-line);border-radius:8px;background:rgba(255,253,247,.84);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 10px 28px #2c302010;z-index:900}
html body:not(.r2-page) .trew-nav__inner{max-width:var(--max,1320px);padding-left:30px;padding-right:30px}
/* Same R7 nav typography everywhere (standalone event pages override it locally). */
html body .trew-nav .trew-nav__links a{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
html body .trew-nav .trew-nav__links a.trew-nav__cta{color:#8a6a1f}
/* Over dark-bodied pages the glass needs more opacity to stay ivory. */
:root:has(.schedule-editorial-hero) body .trew-nav{background:rgba(255,253,247,.96)}
html body.newsroom-reorg .trew-nav .trew-nav__cta{background:transparent!important;color:#8a6a1f!important;border:1px solid rgba(184,150,74,.7)!important}
html body.newsroom-reorg .trew-nav .trew-nav__cta:hover{background:rgba(201,168,76,.1)!important}
@media(max-width:900px){
 html body:not(.r2-page) .trew-nav{top:8px;margin:8px 10px 0;width:calc(100% - 20px)}
 html body:not(.r2-page) .trew-nav__inner{padding-left:18px;padding-right:18px}
 html body:not(.r2-page) .trew-nav__links.open{max-height:calc(100dvh - 150px);overflow-y:auto;padding-bottom:16px}
}

/* R7 keyboard clearance under the sticky masthead and visible focus. */
:is(a,button,input,select,textarea,summary,[tabindex]):focus{scroll-margin-top:120px;scroll-margin-bottom:70px}
body:not(.r2-page) [tabindex="0"]:focus-visible{outline:3px solid #9a7626;outline-offset:4px}

/* Footer: one dark editorial footer everywhere (Contact/Schedule keep their own text incl. brokerage disclosure). */
footer.trew-footer,body>footer:not(.trew-footer){background:#111;border-top:1px solid rgba(201,168,76,.35)}

/* Schedule: retint the all-black body to the R7 deep-teal editorial band; cards keep their structure. */
:root:has(.schedule-editorial-hero){--bg:#0f1a1c;--bg2:#152628;--bg3:#1b3134}

/* Newsroom hub: R7 type scale and restrained glass/gold-line accents. Content and filters unchanged. */
html body.newsroom-reorg .reorg-status small a{color:var(--u-teal);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
/* Events index: stacked upcoming + recent feature cards. */
.editorial-feature--upcoming{margin-bottom:40px}
body.newsroom-reorg{--nr-charcoal:#10201f;--nr-black:#0b1517;--nr-gold:#b8964a}
@media(min-width:901px){html body.newsroom-reorg .reorg-masthead h1{font-size:clamp(52px,5.4vw,80px);line-height:1.02;letter-spacing:-.045em}}
html body.newsroom-reorg .reorg-status{border:1px solid #b8a57466;border-top:2px solid var(--u-gold);background:rgba(255,253,247,.86);backdrop-filter:blur(12px);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
html body.newsroom-reorg .newsroom-ticker{background:linear-gradient(120deg,#0b1517,#10201f 55%,#1a3337)}
/* Photo system: no repeated legacy skyline as a generic story image; R7 dark teal tile with gold contour lines instead. */
html body.newsroom-reorg .reorg-story-art{background:radial-gradient(ellipse at 85% 10%,rgba(11,108,104,.45),transparent 60%),repeating-linear-gradient(135deg,rgba(184,150,74,.16) 0 1px,transparent 1px 22px),linear-gradient(155deg,#1a3337,#0f1a1c);box-shadow:inset 0 0 0 1px rgba(184,150,74,.35)}
html body.newsroom-reorg .reorg-story{clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}

/* A2: shared header music toggle (appended to unified.css). */
html body .trew-nav .trew-nav__links{margin-left:auto}
.site-audio-toggle{display:inline-flex;align-items:center;gap:7px;margin-left:18px;min-height:40px;min-width:44px;padding:0 12px;border:1px solid rgba(184,150,74,.55);border-radius:20px;background:rgba(255,253,247,.7);color:#1f3a37;font:700 10px/1 'Barlow Condensed',Barlow,sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;flex-shrink:0}
.site-audio-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-audio-toggle:hover{background:#fff;border-color:#b8964a}
.site-audio-toggle:focus-visible{outline:3px solid #9a7626;outline-offset:3px}
.site-audio-dot{width:7px;height:7px;border-radius:50%;background:#b9b3a3}
.site-audio-toggle[data-state=playing]{background:#0f3f3c;border-color:#0f3f3c;color:#fffdf5}
.site-audio-toggle[data-state=playing] .site-audio-dot{background:#7fe3d6;box-shadow:0 0 0 3px rgba(127,227,214,.25)}
.site-audio-toggle[data-state=blocked] .site-audio-dot{background:#c9a84c;animation:site-audio-pulse 1.6s ease-in-out infinite}
.site-audio-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@keyframes site-audio-pulse{50%{box-shadow:0 0 0 5px rgba(201,168,76,.28)}}
@media(prefers-reduced-motion:reduce){.site-audio-toggle[data-state=blocked] .site-audio-dot{animation:none}}
@media(max-width:900px){.site-audio-toggle{margin-left:auto;margin-right:10px;padding:0 11px}html body .trew-nav .trew-nav__links{margin-left:0}}
@media(max-width:380px){.site-audio-label{display:none}.site-audio-toggle{padding:0 12px}}
.site-audio-controls{display:flex;align-items:center;gap:6px;margin-left:12px;flex-shrink:0}.site-audio-controls .site-audio-toggle{margin:0!important;padding:0 10px!important;min-width:44px;min-height:44px;gap:5px}.site-audio-controls .site-audio-toggle[data-state=ready]{background:#0f3f3c;color:#fff}.site-audio-controls .site-audio-toggle[data-state=ready] .site-audio-dot{background:#7fe3d6;box-shadow:0 0 0 3px #7fe3d640}.site-audio-fallback{position:sticky;top:0;z-index:110;background:#faf8f0;display:flex;justify-content:flex-end;padding:6px 12px}.site-audio-controls svg{flex-shrink:0}@media(max-width:900px){.site-audio-controls{margin-left:auto;margin-right:6px}.site-audio-controls .site-audio-toggle{padding:0 7px!important}.site-audio-controls{gap:4px}}

/* Small gold text needs an inkier shade on the shared ivory masthead. Decorative gold stays unchanged. */
html body .trew-nav :is(.trew-nav__cta,.trew-nav-cta,.nav-cta){color:#785b18!important}
html body.r2-page :is(.satin-cream,.satin-cream2,.home-community-note) .eyebrow{color:#785b18!important}

.site-audio-prompt{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:120;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 24px);width:max-content;padding:12px 16px;background:#faf8f0;color:#173d35;border:1px solid #b8a574;border-radius:14px;box-shadow:0 8px 30px #173d3526;font:500 14px/1.4 Barlow,sans-serif}
.site-audio-prompt[hidden]{display:none!important}.site-audio-prompt button{width:auto!important;min-height:44px;white-space:nowrap;border-radius:8px;padding:8px 12px;font:600 14px/1.3 Barlow,sans-serif;cursor:pointer}.site-audio-start{background:#173d35;color:#fff;border:1px solid #173d35}.site-audio-dismiss{background:transparent;color:#173d35;border:1px solid #b8a574}.site-audio-prompt button:focus-visible{outline:3px solid #8c692c;outline-offset:3px}@media(max-width:560px){.site-audio-prompt{width:calc(100vw - 24px);box-sizing:border-box;flex-wrap:wrap;gap:8px}.site-audio-prompt span{flex-basis:100%}.site-audio-prompt button{flex:1}}

.site-audio-welcome{box-sizing:border-box;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #b8a574;border-radius:20px;padding:32px;background:#faf8f0;color:#173d35;box-shadow:0 24px 80px #102d3659;font:400 18px/1.55 Barlow,sans-serif;text-align:left;margin:auto}.site-audio-welcome::backdrop{background:#102d36b8}.site-audio-welcome h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(28px,5vw,38px);font-weight:500;line-height:1.2;color:#173d35;margin:8px 0 16px}.site-audio-welcome p{margin:0 0 20px}.site-audio-welcome .site-audio-eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;color:#735b2c;margin:0}.site-audio-welcome-actions{display:flex;gap:12px;flex-wrap:wrap}.site-audio-welcome-actions button{box-sizing:border-box;flex:1;min-height:48px;width:auto!important;white-space:normal;border-radius:8px;padding:12px;font:600 16px/1.3 Barlow,sans-serif;cursor:pointer}.site-audio-welcome button:focus-visible{outline:3px solid #8c692c;outline-offset:3px}.site-audio-welcome .site-audio-welcome-note{font-size:14px;line-height:1.5;margin:20px 0 0;color:#4e625b}@media(max-width:420px){.site-audio-welcome{padding:24px}.site-audio-welcome-actions{flex-direction:column}.site-audio-welcome-actions button{flex:auto;width:100%!important}}

/* Keep blur static; fade only opacity, with an immediate reduced-motion path. */
.site-audio-welcome[open]{animation:trew-welcome-enter 140ms ease-out both;transition:opacity 180ms ease-out}
.site-audio-welcome::backdrop{background:#102d3699;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:trew-welcome-enter 140ms ease-out both;transition:opacity 180ms ease-out}
.site-audio-welcome.is-closing,.site-audio-welcome.is-closing::backdrop{animation:none;opacity:0}
@keyframes trew-welcome-enter{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.site-audio-welcome[open],.site-audio-welcome::backdrop{animation:none!important;transition:none!important}}