/* A single clickable announcement; no separate branding or playback controls. */
:root{--tuf-promo-height:0px}
@media(min-width:701px){.workspace{height:calc(100dvh - 149px - var(--tuf-promo-height))}}
.promo-strip{color:#f7f6f2;background:#1B2631;border-bottom:1px solid #35424e;overflow:hidden}
.promo-slide{min-width:0}
.promo-link{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 30px}
.promo-visual{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid #6a5541;border-radius:8px;background:#CD7F3218;color:#edb071;overflow:hidden}
.promo-visual .icon{width:20px;height:20px}.promo-visual img{width:100%;height:100%;object-fit:contain;background:white}
.promo-copy{min-width:0;flex:1;display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:10px;row-gap:2px}
.promo-topic{font-size:10px;color:#edb071;font-weight:500;white-space:nowrap}
.promo-title{font-size:14px;line-height:1.5;font-weight:500;letter-spacing:.1px;overflow-wrap:anywhere}
.promo-subtitle{grid-column:2;font-size:11px;line-height:1.45;color:#c3cdd5;overflow-wrap:anywhere}
.promo-cta{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#edb071;font-size:12px;font-weight:600;flex:none}
.promo-cta .icon{width:16px;height:16px}.promo-link:hover .promo-cta{color:#f5c89a}
.promo-link:focus-visible{outline:2px solid #f4bd82;outline-offset:-3px}
@media(min-width:701px) and (max-width:1050px){.promo-link{padding-inline:20px}}
@media(max-width:700px){
  .promo-strip{position:relative;margin:0 9px 8px;border:0;border-radius:9px}
  .promo-link{gap:8px;min-height:62px;padding:9px 11px}
  .promo-topic{display:none}
  .promo-visual{width:27px;height:27px;border-radius:6px}.promo-visual .icon{width:17px;height:17px}
  .promo-copy{display:block}
  .promo-title{display:block;font-size:12px;line-height:18px;letter-spacing:0;font-weight:600}
  .promo-subtitle{display:block;font-size:9px;line-height:14px;margin-top:2px}
  .promo-cta>span{display:none}
  .promo-cta .icon{width:15px;height:15px}
  .explorer:has(.promo-strip):not(.expanded):not(.detail-open) .explorer-heading{display:none}
  .explorer.detail-open .promo-strip,.explorer:has(#route-list:not([hidden])) .promo-strip,.explorer:has(#auto-planner:not([hidden])) .promo-strip{display:none}
  .explorer:has(.promo-strip):not(.expanded) .view-tabs{margin-bottom:6px}
}