.guide-body { background: #f4f5f6; }
.guide-body main { color: #20212b; }
.guide-body h1,.guide-body h2,.guide-body h3 { letter-spacing: 0; }
.guide-body h2 { font-size: 30px; line-height: 1.25; margin-bottom: 20px; }
.guide-body h3 { font-size: 21px; line-height: 1.4; margin-bottom: 12px; }
.guide-body p { line-height: 1.85; }
.guide-hero { position: relative; min-height: 430px; display: flex; align-items: center; background: #292c31; overflow: hidden; }
.guide-body .guide-hero { padding: 0; }
.guide-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 42%; }
.guide-hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(22,25,30,.92),rgba(22,25,30,.65) 48%,rgba(22,25,30,.06)); }
.guide-hero .container { position: relative; z-index: 1; padding-top: 45px; padding-bottom: 45px; }
.guide-hero h1 { color: white; font-size: 44px; line-height: 1.25; max-width: 670px; margin: 16px 0; }
.guide-hero p { color: #f1f1f3; max-width: 560px; font-size: 17px; margin-bottom: 24px; }
.guide-hero .eyebrow { color: #fff; background: none; border: 0; padding: 0; }
.guide-body .guide-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.guide-body .guide-actions a { min-height: 48px; padding: 12px 22px; border-radius: 6px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.guide-primary { background: #8e1631; color: white; border: 1px solid #8e1631; }
.guide-primary:hover { background: #6e1026; color: white; }
.guide-secondary { background: #fff; color: #282b32; border: 1px solid #bfc3c9; }
.guide-body a:focus-visible,.guide-body button:focus-visible,.guide-body input:focus-visible,.guide-body select:focus-visible,.guide-body summary:focus-visible { outline: 3px solid #167b96; outline-offset: 4px; }
.guide-local-nav { background: #fff; border-bottom: 1px solid #dfe2e6; }
.guide-local-nav .container { display: flex; gap: 24px; flex-wrap: wrap; padding-top: 18px; padding-bottom: 18px; }
.guide-local-nav a { font-size: 14px; font-weight: 700; color: #404650; text-decoration: none; }
.guide-band { padding: 58px 0; scroll-margin-top: 110px; }
.guide-band + .guide-band { border-top: 1px solid #dde1e4; }
.guide-band.white { background: #fff; }
.guide-heading { max-width: 780px; margin-bottom: 28px; }
.guide-kicker { color: #8e1631; font-size: 13px; font-weight: 800; text-transform: uppercase; }
.guide-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; }
.guide-benefit { padding-left: 18px; border-left: 3px solid #8e1631; }
.guide-benefit p { margin: 0; font-size: 15px; color: #50555e; }
.guide-split { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: start; }
.guide-list { padding-left: 22px; line-height: 1.9; color: #50555e; }
.guide-list li { margin-bottom: 10px; }
.guide-note { border-left: 3px solid #167b96; padding: 14px 18px; background: #eef5f6; color: #384b53; font-size: 14px; line-height: 1.85; margin: 22px 0 0; }
.guide-tool { border: 1px solid #d2d8dd; border-radius: 8px; background: #fff; padding: 26px; }
.guide-tool h3 { margin-top: 0; }
.guide-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.guide-field { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.guide-field label { font-size: 14px; font-weight: 700; }
.guide-field input,.guide-field select { height: 49px; width: 100%; min-width: 0; border: 1px solid #b6bec6; border-radius: 5px; padding: 10px 12px; font: inherit; font-size: 15px; background: #fff; color: #20212b; }
.guide-field select:disabled { background: #f1f2f3; color: #697079; }
.guide-field.wide { grid-column: 1 / -1; }
.guide-tool button[type=submit] { background: #8e1631; color: #fff; border: 0; border-radius: 5px; padding: 13px 22px; font: inherit; font-size: 15px; font-weight: 700; cursor: pointer; margin-top: 20px; min-height: 48px; }
.guide-result { margin-top: 22px; border-top: 1px solid #dee1e6; padding-top: 18px; min-height: 90px; }
.guide-result strong { font: 800 28px/1.4 'Nunito',sans-serif; color: #761529; display: block; }
.guide-result p { font-size: 14px; margin: 6px 0; }
.guide-error { color: #9c1d32; font-weight: 700; }
.guide-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.guide-table th,.guide-table td { text-align: left; padding: 14px 12px; vertical-align: top; border-bottom: 1px solid #dfe2e5; line-height: 1.7; }
.guide-table th { background: #edf0f2; color: #363943; }
.guide-table-wrap { overflow-x: auto; }
.guide-faq details { border-bottom: 1px solid #d9dee3; }
.guide-faq summary { padding: 19px 30px 19px 0; font-weight: 700; cursor: pointer; }
.guide-faq details p { margin: 0 0 20px; color: #50555e; font-size: 15px; max-width: 900px; }
.guide-docs { list-style: none; padding: 0; margin: 18px 0; }
.guide-docs li { padding: 12px 0; border-bottom: 1px solid #d9dee3; }
.guide-docs a { color: #6e1026; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.guide-date { color: #697079; font-size: 13px; }
.guide-related { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.guide-related a { display: block; padding: 18px 0; color: #222732; text-decoration: none; border-top: 2px solid #8e1631; font-weight: 800; }
.guide-related span { display: block; font-size: 14px; font-weight: 400; color: #5a616b; margin-top: 8px; }
.guide-entry { background: #edf0f2; padding: 34px 0; }
.guide-entry .container { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; }
.guide-entry a { font-weight: 800; color: #252a31; border-left: 3px solid #8e1631; padding-left: 16px; text-decoration: none; }
.guide-entry span { display: block; font-size: 13px; font-weight: 400; color: #555d66; margin-top: 8px; }
.product-guide-links { display: flex; flex-direction: column; gap: 12px; margin: 18px 0; }
.product-guide-links a { color: #80132b; font-weight: 700; text-underline-offset: 4px; }
.guide-segment { display: flex; gap: 0; border-bottom: 1px solid #c4ccd2; margin-bottom: 26px; }
.guide-segment a { padding: 14px 24px; font-weight: 700; color: #8e1631; }
.guide-tool-title { padding: 40px 0 22px; }
.guide-tool-title h1 { font-size: 36px; line-height: 1.3; margin-bottom: 14px; }
.guide-tool-title p { max-width: 800px; color: #50555e; }
[hidden] { display: none !important; }
@media(max-width:900px) {
 .guide-grid { grid-template-columns: 1fr; gap: 24px; }
 .guide-split { grid-template-columns: 1fr; gap: 28px; }
 .guide-entry .container { grid-template-columns: 1fr 1fr; }
 .guide-hero h1 { font-size: 36px; max-width: 580px; }
 .guide-hero::after { background: linear-gradient(90deg,rgba(22,25,30,.9),rgba(22,25,30,.62)); }
 .guide-related { grid-template-columns: 1fr; gap: 8px; }
}
@media(max-width:520px) {
 .guide-hero { min-height: 450px; align-items: flex-end; }
 .guide-hero > img { object-position: 63% 35%; }
 .guide-hero::after { background: linear-gradient(0deg,rgba(22,25,30,.97),rgba(22,25,30,.7) 64%,rgba(22,25,30,.12)); }
 .guide-hero .container { padding-top: 105px; padding-bottom: 30px; }
 .guide-hero h1 { font-size: 30px; }
 .guide-hero p { font-size: 15px; line-height: 1.7; }
 .guide-body h2 { font-size: 25px; }
 .guide-body h3 { font-size: 20px; }
 .guide-local-nav .container { gap: 12px 20px; }
 .guide-band { padding: 36px 0; }
 .guide-fields { grid-template-columns: 1fr; }
 .guide-tool { padding: 20px; }
 .guide-entry .container { grid-template-columns: 1fr; gap: 20px; }
 .guide-body .guide-actions a { padding: 12px 16px; font-size: 14px; flex: 1 1 auto; }
 .guide-table th,.guide-table td { padding: 12px 8px; }
 .guide-tool-title h1 { font-size: 29px; }
 .guide-band,.guide-tool-title { overflow-wrap: anywhere; }
}