/* Canvas, approved 2026-11-06. Composition is in the versioned recipe;
   optional layout variants are documented in proposal 042. */
.template-root[data-brand="league-city-herald"] {
  --brand-tokens-brand-50: #f7f5fc;
  --brand-tokens-brand-100: #eee9f9;
  --brand-tokens-brand-200: #d8cff0;
  --brand-tokens-brand-300: #b8a9df;
  --brand-tokens-brand-400: #9781ce;
  --brand-tokens-brand-500: #725ab7;
  --brand-tokens-brand-600: #513a9b;
  --brand-tokens-brand-700: #443080;
  --brand-tokens-brand-800: #362667;
  --brand-tokens-brand-900: #291d4e;
  --brand-tokens-brand-950: #1b1334;
  --brand-tokens-greyscale-10: #ffffff;
  --brand-tokens-greyscale-50: #f6f5f9;
  --brand-tokens-greyscale-100: #e9e6f0;
  --brand-tokens-greyscale-200: #d3cde1;
  --brand-tokens-greyscale-300: #b6aec9;
  --brand-tokens-greyscale-400: #8d829f;
  --brand-tokens-greyscale-500: #6d627e;
  --brand-tokens-greyscale-600: #594f69;
  --brand-tokens-greyscale-700: #463d55;
  --brand-tokens-greyscale-800: #342c43;
  --brand-tokens-greyscale-900: #29233b;
  --brand-tokens-greyscale-950: #1c1729;
  --brand-tokens-greyscale-1000: #100d19;
  --brand-tokens-typography-body: "Instrument Sans";
  --brand-tokens-typography-labels: "Instrument Sans";
  --brand-tokens-typography-titles-a: "Barlow Semi Condensed";
  --brand-tokens-typography-titles-b: "Instrument Sans";
  --tint-light: var(--brand-tokens-brand-50);
  --article-title-clamp: none;
  --feature-card-title-clamp: none;
  --card-title-xl: 24px;
  --card-title-xl-lh: 29px;
  --card-title-l: 18px;
  --card-title-l-lh: 23px;
  --card-title-m: 18px;
  --card-title-m-lh: 23px;
  --card-grid-four-tracks: repeat(4, minmax(0, 1fr));
  --card-fill: transparent;
  --card-pad: 0;
  --card-shadow: none;
  --card-border: none;
}
.template-root[data-brand="league-city-herald"] .card {
  gap: var(--global-gap-s);
}
.template-root[data-brand="league-city-herald"] .card .card__text {
  gap: var(--global-gap-s);
}
.template-root[data-brand="league-city-herald"] .card__title {
  font-weight: 500;
  letter-spacing: -0.015em;
}
.template-root[data-brand="league-city-herald"] .block-header--v5 .block-header__masthead {
  font-size: 37px;
  font-weight: 600;
  letter-spacing: -0.02em;
  text-transform: none;
}
.template-root[data-brand="league-city-herald"] .block-header__explore {
  font-weight: 500;
}
.template-root[data-brand="league-city-herald"] .block-menubar {
  border-bottom: 1px solid var(--hairline-color);
}
.template-root[data-brand="league-city-herald"] .block-quick-hits {
  padding: var(--global-gap-s) var(--global-gap-l);
}
.template-root[data-brand="league-city-herald"] .block-quick-hits__label {
  font-size: 12px;
  color: var(--brand-tokens-brand-600);
  text-transform: none;
}
.template-root[data-brand="league-city-herald"] .block-quick-hits__item {
  font-size: 13px;
  line-height: 1.35;
}
.template-root[data-brand="league-city-herald"] .block-quick-hits__date {
  font-size: 11px;
}
.template-root[data-brand="league-city-herald"] .block-hero--v20 .block-hero__lead-title {
  font-family: var(--brand-tokens-typography-titles-a), sans-serif;
  font-size: 52px;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -0.015em;
}
.template-root[data-brand="league-city-herald"] .block-section-title {
  letter-spacing: 0;
  padding-block: var(--global-height-l);
}
.template-root[data-brand="league-city-herald"] .block-section-title .block-section-title__heading {
  font-size: 30px;
  text-transform: none;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -0.02em;
}
.template-root[data-brand="league-city-herald"]
  .block-article-grid
  .block-article-grid__edited-support
  .card__title {
  font-size: 20px;
  line-height: 1.25;
}
.template-root[data-brand="league-city-herald"]
  .block-article-grid
  .block-article-grid__brief-columns
  .card__title {
  font-size: 21px;
  line-height: 1.25;
}
.template-root[data-brand="league-city-herald"]
  .block-article-grid
  .block-article-grid__hrow
  .card__title {
  font-size: 20px;
  line-height: 1.25;
}
.template-root[data-brand="league-city-herald"] .block-cta .block-cta__bar-heading {
  font-family: var(--brand-tokens-typography-titles-b), sans-serif;
  font-size: 30px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .template-root[data-brand="league-city-herald"] {
    --card-title-l: 20px;
    --card-title-l-lh: 25px;
    --card-title-xl: 24px;
    --card-title-xl-lh: 29px;
  }
  .template-root[data-brand="league-city-herald"] .block-header--v5 .block-header__masthead {
    font-size: 27px;
  }
  .template-root[data-brand="league-city-herald"] .block-header__explore span {
    max-width: 65px;
    text-align: left;
  }
  .template-root[data-brand="league-city-herald"] .block-hero--v20 .block-hero__lead-title {
    font-size: 38px;
  }
  .template-root[data-brand="league-city-herald"]
    .block-section-title
    .block-section-title__heading {
    font-size: 28px;
  }
}

.template-root[data-brand="league-city-herald"] .block-menubar[data-bg] .block-menubar__link {
  font-size: 13px;
  font-weight: 500;
  text-transform: none;
}
.template-root[data-brand="league-city-herald"] .block-article-grid .card-section-label {
  display: none;
}

.template-root[data-brand="league-city-herald"] .block-header--v5 .block-header__subscribe-btn {
  color: var(--brand-tokens-brand-600);
  background: transparent;
  border: 0;
  font-size: 12px;
  font-weight: 500;
  text-transform: none;
}