/* Documentation uses the storefront navy, orange and type system. */
.guide-main{max-width:1160px;margin:auto;padding:40px 5% 60px}
.guide-main a:focus-visible{outline:3px solid #b63b16;outline-offset:4px}
.guide-section{background:#fff;color:#172238;border:1px solid #d8deea;border-radius:12px;padding:36px;margin-bottom:26px;scroll-margin-top:165px}
.guide-section h1{color:#080e1c;font-size:clamp(48px,6vw,76px);line-height:1;letter-spacing:-1px;margin:18px 0 24px}
.guide-section h1 em{color:#b63b16}
.guide-section h2{font-size:34px;color:#172238;line-height:1.15;margin:12px 0 20px}
.guide-section h3{font:700 19px/1.35 'DM Sans',sans-serif;color:#172238;margin:0 0 10px}
.guide-section p{font-size:15px;line-height:1.8;color:#34435c;margin:0 0 18px}
.guide-section a{color:#204c83;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.guide-section .eyebrow{color:#aa4224;font-size:11px}
.guide-tools{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin:22px 0}
.guide-tools .button{color:#111622;text-decoration:none;min-height:48px}
.guide-tools .button.secondary{background:transparent;color:inherit;border-color:#9ca8bd}
.guide-tools .text-link{display:inline-flex;align-items:center;min-height:44px}
.guide-device-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:26px 0}
.guide-device-links a{display:block;background:#f0f3f8;border:1px solid #cdd5e3;border-radius:7px;padding:17px;text-decoration:none;color:#172238;min-height:88px}
.guide-device-links a:hover{border-color:#c7502b;background:#fff0e8}
.guide-device-links strong{display:block;font-size:15px;margin-bottom:7px}
.guide-device-links span{font-size:12px;color:#526079;line-height:1.5}
.guide-section aside{background:#fff0e8;border:1px solid #ffc6ac;border-radius:7px;padding:20px;margin:23px 0}
.guide-section aside p{margin:0}
.guide-section table{border-collapse:collapse;width:100%;margin:23px 0;font-size:13px;table-layout:fixed}
.guide-section th,.guide-section td{text-align:left;vertical-align:top;padding:13px;border-bottom:1px solid #d8deea;line-height:1.65;overflow-wrap:anywhere}
.guide-section th:first-child,.guide-section td:first-child{width:35%}
.guide-section th{background:#e3e8f1;color:#172238}
.guide-section tr:nth-child(even){background:#f5f7fa}
.guide-section .small,.guide-section figcaption{font-size:12px;color:#526079;line-height:1.6}
.guide-section figure{margin:23px auto;max-width:780px}
.guide-section figure img{display:block;width:100%;height:auto;border-radius:5px}
.guide-section figcaption{margin-top:8px}
.guide-section .step{margin:26px 0}
.guide-section .step-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:30px;margin:30px 0;align-items:start}
.guide-section .step-grid figure{margin:0}
.guide-section .step-grid img{max-height:310px;object-fit:contain}
.guide-sources{border-top:1px solid #d8deea;margin-top:24px;padding-top:20px}
.guide-sources summary{font-size:15px;line-height:1.6;font-weight:700;cursor:pointer;min-height:44px}
.guide-sources h3{margin-top:20px}
.guide-bottom-cta{padding:34px;border:1px solid #3b4d69;border-radius:12px;background:#121e33}
.guide-bottom-cta h2{font-size:38px;margin:0 0 15px}
.guide-bottom-cta p{font-size:14px}
.guide-bottom-cta .guide-tools{margin-bottom:0}
.guide-bottom-cta .text-link{color:#f6f7fb}
@media(max-width:760px){.guide-main{padding:24px 4% 40px}.guide-section{padding:25px 20px;scroll-margin-top:180px}.guide-section h2{font-size:30px}.guide-section .step-grid{grid-template-columns:1fr;gap:12px}.guide-device-links{grid-template-columns:1fr;gap:10px}.guide-device-links a{min-height:75px}.guide-section p{font-size:14px}.guide-section th,.guide-section td{padding:9px;font-size:12px}.guide-bottom-cta{padding:27px 22px}.guide-tools{gap:12px}.guide-tools .button{flex:1 1 190px}.guide-section .step-grid img{max-height:none}}
@media print{body.guide-body{background:#fff}.downloads-header,.download-footer,.guide-tools,.guide-device-links,.skip-link,.guide-bottom-cta{display:none}.guide-main{max-width:none;padding:0}.guide-section{border:0;margin:0;padding:20px 0;break-before:page}.guide-section:first-child{break-before:auto}.guide-section .step-grid{break-inside:avoid}.guide-section figure img{max-height:290px;object-fit:contain}.guide-section aside,.guide-section table{break-inside:avoid}.guide-section a{color:inherit}}
