body.sr-template-guides-hub-v1 .sr-template-hero {
  padding: clamp(68px, 7vw, 88px) 0 clamp(38px, 5vw, 50px);
}

body.sr-template-guides-hub-v1 .sr-template-hero-inner {
  grid-template-columns: minmax(0, 0.92fr) minmax(340px, 0.72fr);
}

body.sr-template-guides-hub-v1 .sr-template-hero h1 {
  max-width: 13ch;
  font-size: clamp(3.2rem, 5vw, 4.2rem);
  line-height: 1;
  text-wrap: balance;
}

body.sr-template-guides-hub-v1 .sr-template-summary {
  max-width: 60ch;
  line-height: 1.62;
}

body.sr-template-guides-hub-v1 .sr-template-hero-visual {
  height: clamp(380px, 36vw, 480px);
}

body.sr-template-guides-hub-v1 .sr-template-section {
  padding: clamp(42px, 5vw, 58px) 0;
}

body.sr-template-guides-hub-v1 .sr-template-choice-panel {
  grid-template-columns: minmax(240px, 0.42fr) minmax(0, 0.95fr);
  gap: clamp(24px, 3vw, 40px);
  padding: clamp(24px, 3.5vw, 38px);
  border-color: var(--sr-line-warm-strong);
  box-shadow: var(--sr-shadow-warm);
}

body.sr-template-guides-hub-v1 .sr-template-choice-copy h2,
body.sr-template-guides-hub-v1 .sr-template-section-heading h2,
body.sr-template-guides-hub-v1 .sr-template-link-list h2 {
  text-wrap: balance;
}

body.sr-template-guides-hub-v1 .sr-template-choice-grid {
  gap: 14px;
}

body.sr-template-guides-hub-v1 .sr-template-choice-card {
  min-height: 188px;
  padding: 18px 18px 16px;
  border-color: var(--sr-line-warm-strong);
  background: #ffffff;
}

body.sr-template-guides-hub-v1 .sr-template-choice-card strong {
  max-width: none;
  font-size: 1.06rem;
}

body.sr-template-guides-hub-v1 .sr-template-choice-card p {
  font-size: 0.93rem;
  line-height: 1.5;
}

body.sr-template-guides-hub-v1 .sr-template-choice-card span {
  padding: 8px 11px;
  background: var(--sr-warm-tint);
  color: var(--sr-roast-900);
  font-size: 0.78rem;
}

body.sr-template-guides-hub-v1 .sr-template-link-list-basic {
  grid-template-columns: minmax(230px, 0.62fr) minmax(0, 1.15fr);
  gap: clamp(28px, 4vw, 52px);
}

body.sr-template-guides-hub-v1 .sr-template-link-list ul {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 22px;
}

body.sr-template-guides-hub-v1 .sr-template-link-list a {
  height: 100%;
  padding: 14px 0;
}

body.sr-template-guides-hub-v1 .sr-template-link-list span {
  font-size: 0.92rem;
  line-height: 1.5;
}

body.sr-template-guides-hub-v1 .sr-template-grid {
  gap: 14px;
}

body.sr-template-guides-hub-v1 .sr-template-mini-card {
  min-height: 174px;
  padding: 18px;
  border-color: var(--sr-line-warm-strong);
  background: #ffffff;
  box-shadow: 0 10px 26px rgba(32, 23, 17, 0.05);
}

body.sr-template-guides-hub-v1 .sr-template-mini-card h3 {
  font-size: 1.08rem;
}

body.sr-template-guides-hub-v1 .sr-template-cta-band:not(:has(.sr-template-cta-visual)) {
  grid-template-columns: 1fr;
}

body.sr-template-guides-hub-v1 .sr-template-cta-band:not(:has(.sr-template-cta-visual)) .sr-template-cta-copy {
  max-width: 840px;
}

body.sr-template-guides-hub-v1 :where(a, button):focus-visible {
  outline: 3px solid #245c37;
  outline-offset: 3px;
  box-shadow: 0 0 0 2px #ffffff;
}

@media (max-width: 1100px) {
  body.sr-template-guides-hub-v1 .sr-template-choice-panel {
    grid-template-columns: 1fr;
  }

  body.sr-template-guides-hub-v1 .sr-template-choice-copy {
    max-width: 680px;
  }

  body.sr-template-guides-hub-v1 .sr-template-choice-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  body.sr-template-guides-hub-v1 .sr-template-hero-inner,
  body.sr-template-guides-hub-v1 .sr-template-link-list-basic {
    grid-template-columns: 1fr;
  }

  body.sr-template-guides-hub-v1 .sr-template-hero h1 {
    max-width: 13ch;
  }

  body.sr-template-guides-hub-v1 .sr-template-hero-visual {
    height: clamp(340px, 58vw, 460px);
  }

  body.sr-template-guides-hub-v1 .sr-template-footer-directory {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.sr-template-guides-hub-v1 .sr-template-link-list-basic {
    gap: 18px;
  }
}

@media (max-width: 760px) {
  body.sr-template-guides-hub-v1 .sr-template-hero {
    padding-top: 52px;
  }

  body.sr-template-guides-hub-v1 .sr-template-hero h1 {
    max-width: none;
    font-size: clamp(2.75rem, 13vw, 3.55rem);
  }

  body.sr-template-guides-hub-v1 .sr-template-summary {
    margin-top: 18px;
    font-size: 1rem;
  }

  body.sr-template-guides-hub-v1 .sr-template-choice-grid,
  body.sr-template-guides-hub-v1 .sr-template-link-list ul {
    grid-template-columns: 1fr;
  }

  body.sr-template-guides-hub-v1 .sr-template-choice-card,
  body.sr-template-guides-hub-v1 .sr-template-mini-card {
    min-height: 0;
  }

  body.sr-template-guides-hub-v1 .sr-template-choice-card {
    padding-right: 42px;
  }

  body.sr-template-guides-hub-v1 .sr-template-link-list a {
    padding: 15px 0;
  }
}

@media (max-width: 520px) {
  body.sr-template-guides-hub-v1 .sr-template-footer-directory {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.sr-template-guides-hub-v1 :where(.sr-template-choice-card, .sr-template-mini-card, .sr-template-link-list a, .sr-template-button, img) {
    transition: none;
  }

  body.sr-template-guides-hub-v1 :where(.sr-template-choice-card, .sr-template-mini-card, .sr-template-link-list a, .sr-template-button):is(:hover, :focus-visible),
  body.sr-template-guides-hub-v1 :where(.sr-template-hero-visual, .sr-template-cta-visual):hover img {
    transform: none;
  }
}

@media (forced-colors: active) {
  body.sr-template-guides-hub-v1 :where(.sr-template-choice-card, .sr-template-mini-card, .sr-template-link-list a) {
    border-color: ButtonText;
  }

  body.sr-template-guides-hub-v1 :where(a, button):focus-visible {
    outline-color: Highlight;
    box-shadow: none;
  }
}