@layer components {
  .guide-section {padding-top:45px;padding-bottom:65px;border-top:1px solid var(--line)}
  .guide-section>h2 {font-size:38px;margin-bottom:30px}
  .guide-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
  .guide-card {display:flex;flex-direction:column;align-items:flex-start;border-top:2px solid var(--ink);padding-top:20px;min-width:0}
  .guide-card h3 {font-size:27px;line-height:1.15;margin-bottom:16px;letter-spacing:-.035em}
  .guide-card h3 a:hover {text-decoration:underline;text-underline-offset:4px}
  .guide-card p {font-size:15px;line-height:1.7;margin-bottom:20px}
  .guide-card .text-link {margin-top:auto;font-size:13px}
  .guide-breadcrumb {display:flex;flex-wrap:wrap;gap:8px;font-size:12px;line-height:1.7;margin-bottom:35px;color:var(--muted)}
  .guide-breadcrumb a {text-decoration:underline;text-underline-offset:3px}
  .guide-article .news-story-heading {margin-top:25px}
  .guide-article h1 {font-size:clamp(40px,5.5vw,68px);text-wrap:balance}
  .guide-article .news-story-copy {margin-top:30px}
  .guide-sources {border-top:1px solid var(--line);margin-top:45px;padding-top:8px}
  .guide-sources p {font-size:14px;color:var(--muted)}
  .guide-sources ul {padding-left:20px;line-height:1.9}
  .guide-sources a {text-decoration:underline;text-underline-offset:3px}
  .guide-product-summary {padding-top:26px;padding-bottom:26px;border-bottom:1px solid var(--line)}
  .guide-product-summary h2 {font-size:20px;margin-bottom:10px}
  .guide-product-summary p {max-width:850px;font-size:15px;line-height:1.7;margin-bottom:8px}
}
@layer responsive {
  @media(max-width:760px) {
    .guide-grid {grid-template-columns:1fr;gap:30px}
    .guide-section {padding-top:30px;padding-bottom:40px}
    .guide-section>h2 {font-size:32px}
    .guide-card h3 {font-size:26px}
    .guide-breadcrumb {font-size:11px;margin-bottom:25px}
  }
}