.practical-guide .hero-title { font-size: clamp(2.2rem, 5.5vw, 4.4rem); }
.guide-body { max-width: 840px; padding-bottom: 4rem; }
.guide-body h2 { font-size: clamp(1.4rem, 3vw, 1.9rem); line-height: 1.25; margin-bottom: 1rem; }
.guide-body h3 { margin: 1.5rem 0 .75rem; }
.guide-body p, .guide-body li { line-height: 1.8; }
.guide-body p + p, .guide-body li + li { margin-top: .85rem; }
.guide-body ul, .guide-body ol { padding-left: 1.5rem; margin: 1rem 0; }
.guide-body a:not(.btn) { text-decoration: underline; text-underline-offset: .2em; }
.guide-contents, .guide-section { margin-top: 3rem; scroll-margin-top: 6rem; }
.guide-requirements, .guide-cta { padding: clamp(1.25rem, 4vw, 2rem); }
.guide-example { margin: 1.5rem 0; border: 1px solid currentColor; border-radius: 12px; overflow: hidden; }
.guide-example figcaption { padding: .75rem 1rem; font-size: .85rem; border-bottom: 1px solid currentColor; }
.guide-example pre { margin: 0; padding: 1.25rem; white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; line-height: 1.75; }
.guide-table { overflow-x: auto; margin: 1.5rem 0; }
.guide-table table { width: 100%; border-collapse: collapse; }
.guide-table caption { text-align: left; font-weight: 600; padding-bottom: .75rem; }
.guide-table th, .guide-table td { padding: .8rem; border-bottom: 1px solid currentColor; text-align: left; vertical-align: top; min-width: 9rem; }
.guide-cta { margin-top: 3rem; }