/* Two text sizes throughout the site; display headings keep their existing hierarchy.
   Font-size overrides intentionally centralize legacy component and breakpoint rules. */
:root{--text-main:24px;--text-secondary:21px}
body{font-size:var(--text-main);line-height:1.65}
body p,body li,body dd,body blockquote,
body .support-copy,body .placeholder-copy,body .about-name,
body .bio-facts,body .faq-answer,body .faq-item summary,
body .social-name,body .bonus-caption,body .bonus-action,
body .button,body .text-link,body .mobile-menu>a,
body .timeline-tabs button,body .timeline-panel h4,
body .media-card h3,body .media-filters button,
#dialog-body,#dialog-body .dialog-placeholder,#dialog-body .baza-long-copy,
body .faq-answer .faq-message-button,body .back-top{
  font-size:var(--text-main)!important;
  line-height:1.65;
}
body .eyebrow,body .bio-name-label,body .bio-facts dt,
body .bio-latin,body .role-label,body .channel-handle,
body .social-handle,body .section-caption,body .media-meta,
body .media-type,body .media-cover-label,body .art-label,
body .art-footnote,body .photo-topline,body .photo-bottomline,
body .photo-topline>span,body .photo-placeholder-label,
body .bonus-platform,body .bonus-handle,body .faq-username,
body .site-credit,body .dialog-footnote,body .desktop-nav,
body .header-contact,body .timeline-header p,
body .timeline-header p>span,body .timeline-panel .eyebrow,
body .mobile-menu .mobile-contact,
body .hero .location-title .location-now{
  font-size:var(--text-secondary)!important;
  line-height:1.55;
  letter-spacing:0;
}
body dd p,body dd time{font-size:inherit}
.bio-facts dd,.about-name,.bio-latin,.social-handle,
.bonus-handle,.baza-long-copy{overflow-wrap:anywhere}
.bio-facts>div{padding:18px 0}
.bio-education p+p{margin-top:16px}
.timeline-header p{max-width:240px;text-align:left}
.timeline-tabs button{white-space:normal;overflow-wrap:normal;line-height:1.4}
.timeline-panel h4{line-height:1.4}
.social-list .social-link,.social-list>button{flex-wrap:wrap;gap:14px 28px}
.social-handle{min-width:0}
.desktop-nav{gap:20px}
.media-filters{display:flex;flex-wrap:wrap;gap:10px}
.media-filters button{padding:10px 16px}
.faq-item summary{line-height:1.45;min-width:0}
.faq-answer .faq-message-button{line-height:1.4}
.bonus-action>span{font-size:inherit}
.contact-band .button,.baza-story-link,.project-copy .button{white-space:normal;text-align:center;line-height:1.4}
.project-copy .button{max-width:100%;min-width:0}
#dialog-body{overflow-wrap:anywhere}
.dialog-footnote{line-height:1.5}
@media(max-width:1100px){.desktop-nav{gap:14px}.header-contact{gap:10px}}
@media(max-width:800px){.timeline-header{flex-direction:column;align-items:flex-start;gap:16px}.timeline-header p{max-width:none}}
@media(max-width:560px){
  .timeline-tabs{gap:8px}
  .timeline-tabs button{font-size:var(--text-secondary)!important;line-height:1.45}
  .photo-topline,.photo-bottomline{left:20px;right:20px;gap:12px;flex-wrap:wrap}
  .faq-answer{padding-right:0}
  .social-handle{margin-left:0}
  .site-credit{padding-left:22px;padding-right:22px}
  .back-top{text-align:center;justify-content:center;letter-spacing:0}
}

/* Tighten the actual line boxes of the GTA glyphs in the three-line location heading. */
body .hero .location-title .location-now{line-height:1.05;margin-bottom:6px}
body .hero .location-title .location-city-row{line-height:.76}
body .hero .location-title .location-city{line-height:inherit}
body .hero .location-title .location-country{line-height:.9;margin-top:6px}