.guide-title { padding-bottom: clamp(1.5rem, 5vw, 3.25rem); }
.guide-title p { max-width: 65ch; }
.guide-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }
.guide-card { display: flex; flex-direction: column; height: 100%; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: var(--paper); text-decoration: none; }
.guide-card:hover h3, .guide-card:focus-visible h3 { text-decoration: underline; text-underline-offset: .14em; }
.guide-card img { display: block; width: 100%; aspect-ratio: 1.65; height: auto; object-fit: cover; }
.guide-card div { padding: 1rem; }
.guide-card h3 { margin-block: .5rem; font-size: clamp(1.2rem,2vw,1.55rem); }
.guide-card p, .guide-date, .guide-card span { color: var(--muted); }
.guide-card span, .guide-date { font-size: .9rem; }
.guide-topics ul, .guide-copy ul { padding-inline-start: 1.25rem; }
.guide-topics li, .guide-copy li { margin-top: .55rem; }
.guide-copy { max-width: 73ch; }
.guide-copy h2 { margin-top: 1.5em; font-size: clamp(1.45rem,3vw,2.1rem); }
.guide-copy h2:first-child { margin-top: 0; }
.guide-copy p { margin-top: .8rem; }
.guide-copy a, .guide-topics a { text-underline-offset: .17em; }
.guide-cue { padding-block: 0 clamp(2rem,5vw,4rem); }
@media (max-width: 1060px) {
  .guide-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 550px) {
  .guide-grid { grid-template-columns: minmax(0,1fr); }
}