.guide { max-width: 52rem; padding-top: 3rem; padding-bottom: 4rem; }
.guide h1 { font-family: var(--font-display); font-size: clamp(2.25rem, 5vw, 3.5rem); line-height: 1.1; text-wrap: balance; }
.guide h2 { margin-top: 2.5rem; font-family: var(--font-display); font-size: 1.75rem; line-height: 1.2; }
.guide p { margin-top: 1rem; }
.guide .guide-date { margin-top: .75rem; font-size: .9375rem; color: var(--text); }
.guide a:not(.btn) { text-decoration: underline; text-underline-offset: 3px; }
.table-scroll { margin-top: 1.5rem; overflow-x: auto; border-top: 2px solid var(--primary); }
.guide table { width: 100%; border-collapse: collapse; text-align: left; }
.guide caption { padding: .75rem 0; text-align: left; font-weight: 600; }
.guide th, .guide td { padding: .75rem; vertical-align: top; border-bottom: 1px solid rgba(11, 36, 56, .2); }
.guide thead { background: #eaf4fb; }
.guide tbody th { width: 37%; font-weight: 500; }
.guide .sources { margin-top: 1rem; padding-left: 1.25rem; list-style: disc; }
.guide .sources li + li { margin-top: .75rem; }
@media (max-width: 480px) { .guide th, .guide td { padding: .65rem .35rem; } }