/* Shared white/blue editorial header and footer across public routes. */
.site-magazine-page .home-nav .nav-item[data-current-section="true"]>.nav-top-row>.nav-top::before{content:none}
.site-magazine-page .home-footer-newsletter-link{display:inline-flex;gap:18px;align-items:center;padding:11px 15px;border:1px solid #0076ef;border-radius:4px;color:#0070dd;background:#eef6ff;font:600 13px/1.4 Arial,sans-serif}
.site-magazine-page .home-nav {
  position: sticky;
  top: 0;
  z-index: 40;
  display: flex;
  align-items: center;
  gap: clamp(10px, 1.3vw, 21px);
  min-height: 76px;
  padding: 10px 4vw;
  border: 0;
  border-bottom: 1px solid #e6edf5;
  background: #fff;
  color: #0d173a;
  box-shadow: none;
  backdrop-filter: none;
}
.site-magazine-page .home-wordmark {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  padding: 0;
  color: #0c1638;
  text-decoration: none;
  text-transform: none;
  font-family: Arial, "Helvetica Neue", sans-serif;
}
.site-magazine-page .home-wordmark-name {
  color: #0077f9;
  font-size: clamp(22px, 2.1vw, 32px);
  font-weight: 750;
  letter-spacing: -1.4px;
  line-height: 1;
}
.site-magazine-page .home-wordmark-name > span { color: #0c1638; }
.site-magazine-page .home-wordmark-tagline {
  color: #344564;
  font-size: 7px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 2.8px;
}
.site-magazine-page .home-nav .nav-links { flex: 1; justify-content: center; gap: clamp(7px, 1.15vw, 18px); }
.site-magazine-page .home-nav .nav-top {
  position: relative;
  padding: 12px 0;
  color: #101a3b;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.3;
  text-transform: none;
  white-space: nowrap;
}
.site-magazine-page .home-nav .nav-top:is(:hover, :focus-visible),
.site-magazine-page .home-nav .nav-top[aria-current="page"],
.site-magazine-page .home-nav .nav-item[data-current-section="true"] .nav-top { color: #0073f7; }
.site-magazine-page .home-nav .nav-top[aria-current="page"]::after {
  content: ""; position: absolute; inset: auto 0 3px; height: 2px; background: #0077ff;
}
.site-magazine-page .home-nav .nav-panel-toggle { width: 15px; height: 40px; margin: 0; color: #152141; }
.site-magazine-page .home-nav .nav-caret { width: 5px; height: 5px; }
.site-magazine-page .home-nav .nav-panel {
  color: #14213d; background: #fff; border: 1px solid #dce6f1;
  border-radius: 6px; box-shadow: 0 15px 36px #172b4826;
}
.site-magazine-page .home-nav .nav-group-title { color: #0070de; }
.site-magazine-page .home-nav .nav-group a { color: #344b69; font-size: 15px; }
.site-magazine-page .home-nav .nav-group a:is(:hover, :focus-visible) { color: #0070de; }
.site-magazine-page .home-nav .donate-link {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  min-height: 40px; padding: 0 15px; border: 1px solid #0078ff; border-radius: 5px;
  color: #fff; background: #0078ff; font-size: 13px; font-weight: 600;
  letter-spacing: 0; line-height: 1.3; text-transform: none; white-space: nowrap;
}
.site-magazine-page .home-nav .donate-link:hover { background: #0060d3; border-color: #0060d3; }
.site-magazine-page .home-nav .nav-search { min-width: 27px; width: 27px; border: 0; padding: 0; color: #111b3b; background: transparent; }
.site-magazine-page .home-nav .nav-search > span:first-child { color: #111b3b; font-size: 27px; }
.site-magazine-page .home-nav .nav-search > span:last-child { display: none; }
.site-magazine-page .home-nav .language-switcher { border-color: #dce5f1; border-radius: 4px; height: 30px; overflow: hidden; }
.site-magazine-page .home-nav .language-option { min-width: 24px; padding: 0 5px; color: #384d6a; font-size: 9px; }
.site-magazine-page .home-nav .language-option + .language-option { border-color: #dce5f1; }
.site-magazine-page .home-nav .language-option[aria-current="true"] { color: #006bdc; background: #eaf4ff; }
.site-magazine-page .home-nav .language-option:hover { background: #dbeeff; }
.site-magazine-page .home-nav .nav-toggle { color: #122342; border-color: #c5d5e6; background: #fff; }
.site-magazine-page .home-nav .nav-toggle span { background: #142242; }
.site-magazine-page .home-nav :is(a, button):focus-visible,
.site-magazine-page .home-site-footer :is(a, button, input):focus-visible { outline: 3px solid #0078ee; outline-offset: 3px; }
.site-magazine-page .site-search { --paper: #fff; --ink: #102344; --lime: #b9ddff; --coral-paper: #006cdb; }
.site-magazine-page .site-search-shell { border-color: #cadbef; border-radius: 12px; }

.site-magazine-page .home-site-footer {
  display: block; margin: 0; padding: 32px 4vw 20px;
  border: 0; background: #fbfdff; color: #405675;
  font-family: Arial, "Helvetica Neue", sans-serif;
}
.site-magazine-page .home-footer-grid { display: grid; grid-template-columns: 1.25fr .7fr .9fr 1.3fr; gap: 4vw; max-width: 1320px; margin: 0 auto; }
.site-magazine-page .home-footer-about p { max-width: 290px; margin: 20px 0 12px; color: #455d7f; font-size: 13px; line-height: 1.65; }
.site-magazine-page .home-footer-about > a:last-child { font-size: 11px; color: #4c6583; }
main.site-magazine-page .home-footer-grid h2 { margin: 0 0 13px; padding: 0; color: #0c1738; font-family: Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 1.4; letter-spacing: 0; text-transform: none; }
.site-magazine-page .home-footer-links ul { display: grid; gap: 10px; list-style: none; padding: 0; margin: 0; }
.site-magazine-page .home-footer-links a { color: #425c80; font-size: 13px; line-height: 1.4; }
.site-magazine-page .home-site-footer a:hover { color: #0076f5; }
.site-magazine-page .home-footer-newsletter { min-width: 0; }
.site-magazine-page .home-footer-newsletter .newsletter-signup { width: 100%; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; overflow: visible; background: transparent; color: #415775; }
.site-magazine-page .home-footer-newsletter .newsletter-signup__inner { display: block; max-width: none; padding: 0; }
.site-magazine-page .home-footer-newsletter .newsletter-signup__eyebrow,
.site-magazine-page .home-footer-newsletter .newsletter-signup__copy h2 { display: none; }
.site-magazine-page .home-footer-newsletter .newsletter-signup__copy > p:last-child { margin: 0 0 12px; color: #465d7b; font-size: 12px; line-height: 1.5; }
.site-magazine-page .home-footer-newsletter .newsletter-signup__field { display: flex; align-items: stretch; gap: 0; margin: 0; }
.site-magazine-page .home-footer-newsletter .newsletter-signup__label { position: absolute; width: 1px; height: 1px; margin: -1px; clip-path: inset(50%); overflow: hidden; white-space: nowrap; }
.site-magazine-page .home-footer-newsletter .newsletter-signup__input { width: 100%; min-width: 0; min-height: 42px; padding: 10px; border: 1px solid #bed0e6; border-radius: 4px 0 0 4px; color: #162e4b; background: #fff; font: 12px/1.4 Arial, sans-serif; }
.site-magazine-page .home-footer-newsletter .newsletter-signup__button { flex: 0 0 auto; width: auto; max-width: 55%; min-height: 42px; padding: 8px 12px; border: 1px solid #0076ef; border-radius: 0 4px 4px 0; background: #0076ef; color: #fff; font-size: 11px; letter-spacing: 0; text-transform: none; }
.site-magazine-page .home-footer-newsletter .newsletter-signup__button:hover { background: #0062cd; }
.site-magazine-page .home-footer-newsletter .newsletter-signup__meta { margin: 9px 0 0; color: #536781; font-size: 10px; line-height: 1.5; }
.site-magazine-page .home-footer-newsletter .newsletter-signup__meta a { color: #006ad4; }
.site-magazine-page .home-footer-newsletter .newsletter-signup__status { margin: 8px 0 0; font-size: 12px; }
.site-magazine-page .home-footer-newsletter .newsletter-signup__status[data-state="success"] { color: #006d4d; }
.site-magazine-page .home-footer-newsletter .newsletter-signup__status[data-state="error"] { color: #ad2430; }
.site-magazine-page .home-footer-contact { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 14px; }
.site-magazine-page .home-footer-contact a { color: #1b3559; font-size: 11px; }
.site-magazine-page .home-footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; max-width: 1320px; margin: 28px auto 0; padding-top: 17px; border-top: 1px solid #dce5ef; }
.site-magazine-page .home-footer-bottom p { margin: 0; color: #536983; font-size: 11px; }
.site-magazine-page .home-footer-bottom .footer-legal-links { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; padding: 0; border: 0; }
.site-magazine-page .home-footer-bottom .footer-legal-links a { color: #526a86; font-size: 10px; text-transform: none; letter-spacing: 0; }

@media (min-width: 1001px) {
  .site-magazine-page .home-nav .nav-toggle { display: none; }
  .site-magazine-page .home-nav .nav-links,
  .nav-js .site-magazine-page .home-nav .nav-links { display: flex; flex-direction: row; align-items: center; position: static; width: auto; max-height: none; margin: 0; padding: 0; border: 0; background: transparent; overflow: visible; }
  .site-magazine-page .home-nav .nav-item { flex: 0 0 auto; width: auto; border: 0; padding: 0; position: relative; }
  .site-magazine-page .home-nav .nav-top-row { display: flex; width: auto; }
  .site-magazine-page .home-nav .nav-panel { display: block; position: absolute; top: 100%; left: 0; right: auto; width: 280px; min-width: 0; max-height: calc(100vh - 90px); padding: 20px; margin: 0; overflow-y: auto; visibility: hidden; opacity: 0; pointer-events: none; transform: translateY(-6px); }
  .site-magazine-page .home-nav .nav-panel-cols { display: block; }
  .site-magazine-page .home-nav .nav-item:nth-child(n+5) .nav-panel { right: 0; left: auto; }
  .site-magazine-page .home-nav .nav-item:is(:hover, :focus-within, .is-open) .nav-panel { visibility: visible; opacity: 1; pointer-events: auto; transform: translateY(0); }
  .nav-js .site-magazine-page .home-nav .nav-item.is-escape-closed .nav-panel { visibility: hidden; opacity: 0; pointer-events: none; }
}
@media (min-width: 1001px) and (max-width: 1180px) {
  .site-magazine-page .home-nav { padding-inline: 3vw; gap: 9px; }
  .site-magazine-page .home-nav .nav-links { gap: 8px; }
  .site-magazine-page .home-nav .nav-top { font-size: 15px; }
  .site-magazine-page .home-nav .home-wordmark-name { font-size: 23px; }
  .site-magazine-page .home-nav .home-wordmark-tagline { font-size: 6px; letter-spacing: 2.2px; }
  .site-magazine-page .home-nav .donate-link { font-size: 10px; padding-inline: 10px; }
}
/* Keep the complete navigation legible on laptops. The extra Explore CTA
   repeats Things to Do, so reserve that optional shortcut for wide screens. */
@media (min-width: 1001px) and (max-width: 1439px) {
  .site-magazine-page .home-nav { padding-inline: 2vw; gap: 14px; }
  .site-magazine-page .home-nav > .donate-link { display: none; }
}
@media (max-width: 1000px) {
  .site-magazine-page .home-nav { position: relative; grid-template-columns: minmax(0,1fr) auto auto auto!important; display: grid; gap: 10px; min-height: 72px; padding: 12px 4vw; }
  .site-magazine-page .home-nav > .donate-link { display: none; }
  .site-magazine-page .home-nav .nav-links { width: 100%; border-top: 1px solid #dce6f1; background: #fff; padding: 8px 0; }
  .site-magazine-page .home-nav .nav-links.is-open { max-height: min(70vh, 600px); overflow-y: auto; }
  .site-magazine-page .home-nav .nav-item { border-color: #e2eaf3; }
  .site-magazine-page .home-nav .nav-top { font-size: 17px; padding: 12px 0; }
  .site-magazine-page .home-nav .nav-panel-toggle { width: 44px; height: 44px; }
  .site-magazine-page .home-nav .nav-panel { box-shadow: none; border: 0; border-radius: 0; }
  .site-magazine-page .home-nav .language-switcher { width: auto; }
  .site-magazine-page .home-nav .language-option { display: inline-flex; min-width: 27px; }
  .site-magazine-page .home-nav .nav-search { min-width: 32px; width: 32px; }
  .site-magazine-page .home-footer-grid { grid-template-columns: 1.1fr 1fr; gap: 30px; }
}
@media (max-width: 560px) {
  .site-magazine-page .home-nav { padding: 12px 18px; gap: 7px; }
  .site-magazine-page .home-nav .home-wordmark-name { font-size: 24px; }
  .site-magazine-page .home-nav .home-wordmark-tagline { font-size: 6px; letter-spacing: 2.2px; }
  .site-magazine-page .home-nav .language-option { display: none; }
  .site-magazine-page .home-nav .language-option:not([aria-current="true"]) { display: inline-flex; }
  .site-magazine-page .home-site-footer { padding: 30px 20px 22px; }
  .site-magazine-page .home-footer-grid { grid-template-columns: 1fr 1fr; gap: 28px 20px; }
  .site-magazine-page .home-footer-about, .site-magazine-page .home-footer-newsletter { grid-column: 1 / -1; }
  .site-magazine-page .home-footer-about p { max-width: none; }
  .site-magazine-page .home-footer-bottom { align-items: flex-start; flex-direction: column; gap: 14px; }
}
/* Keep the complete Spanish tagline clear of the language control on narrow phones. */
@media (max-width: 360px) {
  .site-magazine-page:lang(es) .home-nav .home-wordmark-tagline { letter-spacing: 1.4px; }
}
@media (prefers-reduced-motion: reduce) {
  .site-magazine-page .home-nav *, .site-magazine-page .home-site-footer * { scroll-behavior: auto; transition: none; }
}

/* Updated guide-led navigation and compact homepage/event footer layouts. */
.site-magazine-page .home-site-footer--articles .home-footer-grid { grid-template-columns:1.25fr .9fr .85fr 1.55fr; gap:36px; }
.site-magazine-page .home-site-footer--articles .home-footer-about p { max-width:260px; font-size:13px; line-height:1.5; margin-block:16px; }
.site-magazine-page .home-site-footer--articles .home-footer-links a { font-size:13px; }
.site-magazine-page .home-site-footer--articles .home-footer-links ul { gap:5px; }
.site-magazine-page .home-footer-skyline { position:relative; align-self:end; color:#5379cc; min-width:0; }
.site-magazine-page .home-footer-skyline svg { display:block; width:100%; height:auto; }
.site-magazine-page .home-footer-skyline span { position:absolute; right:0; top:4px; color:#112b61; font:italic 25px/1.05 Georgia,serif; transform:rotate(-10deg); text-align:center; }
.site-magazine-page .home-site-footer--articles .home-footer-bottom { margin-top:20px; }
@media(max-width:1000px) {
 .site-magazine-page .home-site-footer--articles .home-footer-grid { grid-template-columns:1.15fr 1fr; gap:30px; }
 .site-magazine-page .home-footer-skyline { max-width:390px; }
}
@media(max-width:560px) {
 .site-magazine-page .home-site-footer--articles .home-footer-grid { grid-template-columns:1fr 1fr; gap:25px; }
 .site-magazine-page .home-footer-skyline { grid-column:1/-1; width:100%; max-width:350px; justify-self:center; }
 .site-magazine-page .home-site-footer--articles .home-footer-about p { max-width:none; }
}
@media(min-width:1001px) {
 .site-magazine-page .home-nav .nav-item[data-nav="guides"] .nav-panel { width:min(800px,calc(100vw - 80px)); left:-120px; }
 .site-magazine-page .home-nav .nav-item[data-nav="guides"] .nav-panel-cols { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
 .site-magazine-page .home-nav .nav-item[data-nav="guides"] .nav-group a { font-size:14px; }
}
.site-magazine-page .home-site-footer--compact { border-top:1px solid #dce9f5; padding-block:22px 20px; }
.site-magazine-page .home-footer-compact-row { display:flex; align-items:center; gap:30px; max-width:1320px; margin:auto; }
.site-magazine-page .home-footer-compact-row > nav { display:flex; flex:1; justify-content:center; flex-wrap:wrap; gap:12px 20px; }
.site-magazine-page .home-footer-compact-row > nav a { color:#223965; font:400 12px/1.5 Arial,sans-serif; text-decoration:none; }
.site-magazine-page .home-footer-compact-row > nav a:hover { color:#0077ee; text-decoration:underline; }
.site-magazine-page .home-footer-contact-icons { display:flex; flex-wrap:wrap; align-items:center; gap:14px; }
.site-magazine-page .home-footer-contact-icons a { display:flex; flex-direction:column; align-items:center; gap:5px; color:#102044; font:400 10px/1.2 Arial,sans-serif; text-decoration:none; }
.site-magazine-page .home-footer-contact-icons svg { width:22px; height:22px; }
.site-magazine-page .home-site-footer--events .home-footer-grid { grid-template-columns:1.1fr .7fr .6fr 1.15fr 1.4fr; gap:24px; }
.site-magazine-page .home-footer-social p { font:400 13px/1.6 Arial,sans-serif; color:#506787; margin-top:16px; }
.site-magazine-page .home-site-footer--compact .home-footer-bottom { margin-top:22px; }
@media(max-width:1100px) {
 .site-magazine-page .home-footer-compact-row { flex-wrap:wrap; gap:24px; }
 .site-magazine-page .home-footer-compact-row > nav { order:3; flex-basis:100%; justify-content:flex-start; }
 .site-magazine-page .home-footer-compact-row > .home-footer-contact-icons { margin-left:auto; }
 .site-magazine-page .home-site-footer--events .home-footer-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:560px) {
 .site-magazine-page .home-site-footer--events .home-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .site-magazine-page .home-site-footer--events .home-footer-social { grid-column:1/-1; }
 .site-magazine-page .home-footer-compact-row > nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px 16px; }
}