body.site-guides { margin: 0; }
.guide-main { width: min(1040px, calc(100% - 48px)); margin: 36px auto 64px; }
.guide-skip { position: absolute; left: 16px; top: -60px; background: #80d5c5; color: #102430; padding: 12px; z-index: 100; }
.guide-skip:focus { top: 12px; }
.guide-breadcrumb { display: flex; gap: 12px; font-size: 13px; color: #9ab0c9; }
.guide-main a { color: #88dcd6; text-underline-offset: 4px; }
.guide-main a:hover { color: #f3f7fc; }
.guide-heading { margin: 36px 0 24px; }
.guide-eyebrow { color: #9ab0c9; font-size: 12px; letter-spacing: 2px; }
.guide-review { margin: -8px 0 24px; color: #9ab0c9; font-size: 13px; }
.guide-contents { display: flex; flex-wrap: wrap; gap: 10px 22px; padding: 18px 0; border-block: 1px solid #2d4355; font-size: 14px; }
.guide-contents a:focus-visible { outline: 2px solid #88dcd6; outline-offset: 5px; }
.guide-body [id] { scroll-margin-top: 24px; }
.guide-checklist { padding-inline-start: 24px; }
.guide-checklist li { margin-block: 10px; }
.guide-heading h1 { font-size: clamp(32px, 5vw, 48px); letter-spacing: -1px; line-height: 1.15; margin: 14px 0; }
.guide-body { font-size: 16px; line-height: 1.8; }
.guide-body p, .guide-body li, .guide-body dd { color: #b6c7da; }
.guide-body > section, .guide-body > .guide-split { margin-top: 40px; }
.guide-body h2, .guide-next h2, .guide-download h2 { font-size: 25px; line-height: 1.3; margin: 0 0 16px; }
.guide-body h3 { margin: 0 0 12px; font-size: 19px; line-height: 1.4; }
.guide-body .guide-lead { font-size: 20px; line-height: 1.65; max-width: 860px; color: #d3dfea; }
.guide-notice { background: #173143; border: 1px solid #355768; padding: 20px 24px; border-radius: 14px; color: #b8d7df; margin: 28px 0; }
.guide-notice strong { display: block; color: #8adad4; margin-bottom: 4px; }
.guide-region-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.guide-region-grid section { background: #152638; padding: 24px; border: 1px solid #2d4355; border-radius: 16px; }
.guide-region-grid p { margin-top: 0; }
.guide-table-scroll { overflow-x: auto; border: 1px solid #2d4355; border-radius: 14px; }
.guide-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 15px; }
.guide-table caption { text-align: left; padding: 16px 20px; color: #9ab0c9; }
.guide-table th, .guide-table td { padding: 18px 20px; vertical-align: top; border-top: 1px solid #2a3a4a; }
.guide-table thead { background: #152638; }
.guide-table tbody th { min-width: 130px; }
.guide-table td { color: #b6c7da; }
.guide-table td:last-child a { display: inline-block; min-width: 110px; }
.guide-definitions { margin: 16px 0; }
.guide-definitions > div { padding: 18px 0; border-bottom: 1px solid #2a3a4a; display: grid; grid-template-columns: 230px 1fr; gap: 24px; }
.guide-definitions dt { font-weight: 600; }
.guide-definitions dd { margin: 0; }
.guide-steps { padding-left: 24px; }
.guide-steps li { padding-left: 8px; margin-bottom: 22px; }
.guide-steps strong { display: block; color: #e1edf5; }
.guide-split { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 48px; }
.guide-phone { margin: 0; }
.guide-phone img { width: 100%; height: auto; display: block; border-radius: 20px; }
.guide-phone figcaption { font-size: 12px; color: #9ab0c9; margin-top: 12px; line-height: 1.6; }
.guide-next { padding-top: 32px; border-top: 1px solid #2a3a4a; margin-top: 48px; }
.guide-next nav { display: flex; flex-wrap: wrap; gap: 16px 28px; font-size: 14px; }
.guide-download { margin-top: 40px; padding: 28px; border-radius: 16px; background: #182e42; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.guide-download p { color: #9ab0c9; max-width: 620px; margin-bottom: 0; line-height: 1.6; }
.home-guides { width: min(1160px, calc(100% - 64px)); margin: 48px auto; }
.home-guides h2 { font-size: 28px; }
.home-guides p { color: #9ab0c9; line-height: 1.7; }
.home-guide-links { display: flex; flex-wrap: wrap; gap: 12px; }
.home-guide-links a { display: block; border: 1px solid #365165; border-radius: 12px; padding: 14px 18px; color: #88dcd6; text-decoration: none; background: #14283a; }
@media (max-width: 700px) { .guide-main { width: calc(100% - 36px); margin-top: 24px; } .guide-region-grid, .guide-split { grid-template-columns: 1fr; gap: 24px; } .guide-definitions > div { grid-template-columns: 1fr; gap: 6px; } .guide-phone { max-width: 210px; margin-inline: auto; } .guide-download { flex-direction: column; align-items: flex-start; padding: 24px; } .home-guides { width: calc(100% - 36px); } .guide-table th, .guide-table td { padding: 14px; } }