.guides-page{background:#fff;color:#17334b}.guide-breadcrumb{font-size:12px;padding-top:28px;line-height:1.8;color:#526575}.guide-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.guide-heading{padding-block:45px 38px;max-width:1100px}.guide-heading h1{font:400 clamp(34px,4.6vw,64px)/1.1 "Changan Uni",Arial,sans-serif;color:var(--blue);margin:0 0 22px}.guide-heading>p{max-width:800px;font-size:18px;line-height:1.7;color:#526575}.guide-heading small{font-size:12px;color:#526575}
.guide-hero{margin-block:0 40px}.guide-hero img{width:100%;max-height:560px;object-fit:contain;background:#f2f7fb}.guide-hero figcaption{font-size:11px;line-height:1.6;color:#526575;margin-top:10px}
.guide-layout{display:grid;grid-template-columns:240px minmax(0,800px);gap:60px;justify-content:center}.guide-toc{position:sticky;top:110px;border-top:2px solid var(--blue);padding:20px 0}.guide-toc a{display:block;font-size:13px;line-height:1.6;padding:10px 0;border-bottom:1px solid #dfe7ee}.guide-prose{min-width:0;font-size:16px;line-height:1.85}.guide-prose>p{margin:0 0 24px}.guide-prose h2{scroll-margin-top:110px;font:400 30px/1.25 "Changan Uni",Arial,sans-serif;color:var(--blue);margin:38px 0 18px}.guide-prose a:not(.btn){text-decoration:underline;text-underline-offset:3px;color:var(--blue)}.guide-prose li{margin:10px 0}.guide-prose ul,.guide-prose ol{padding-left:24px}.guide-table{overflow:auto;margin:25px 0}.guide-table table{border-collapse:collapse;width:100%;font-size:14px}.guide-table th,.guide-table td{border:1px solid #dfe7ee;padding:12px;text-align:left;vertical-align:top}.guide-table th{background:#edf5fa;color:var(--blue)}.guide-table caption{caption-side:bottom;font-size:12px;text-align:left;padding-top:10px}.guide-example{background:#edf5fa;border-left:3px solid var(--blue);padding:14px 24px;margin-bottom:24px}.guide-sources{border-top:1px solid #dfe7ee;margin-top:40px;font-size:13px}.guide-sources a{overflow-wrap:anywhere}.guide-cta{background:#edf5fa;padding:28px;margin-top:36px}.guide-cta h2{margin-top:0}.guide-cta>div{display:flex;gap:14px;flex-wrap:wrap}.guide-cta .btn{white-space:normal;text-align:center;padding:14px;line-height:1.5}.guide-testdrive{width:100%}
.guide-library{padding-block:50px 70px}.guide-library>h2{font:400 32px "Changan Uni",Arial,sans-serif;color:var(--blue)}.guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.guide-card{border:1px solid #dfe7ee;background:#fff}.guide-card>a{display:block;height:100%}.guide-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#f2f7fb}.guide-card>a>div{padding:28px}.guide-card h2{font:400 28px/1.2 "Changan Uni",Arial,sans-serif;color:var(--blue);margin:0}.guide-card p{font-size:14px;line-height:1.7;color:#526575}.guide-read{font-weight:600;color:var(--blue);font-size:14px}.guides-page a:focus-visible{outline:3px solid #708ec9;outline-offset:3px}.guides-page .header-actions>.btn{display:none}
.guide-card img{object-fit:contain}.guide-heading+.guide-library{padding-top:20px}
@media(max-width:900px){.guide-layout{grid-template-columns:1fr;gap:10px}.guide-toc{position:static}.guide-heading{padding-top:30px}.guide-cards{gap:20px}}
@media(max-width:620px){.guide-cards{grid-template-columns:1fr}.guide-heading>p{font-size:16px}.guide-prose{font-size:15px}.guide-prose h2{font-size:26px}.guide-cta{padding:20px}.guide-cta .btn{width:100%}.guide-card>a>div{padding:22px}.guide-table th,.guide-table td{padding:8px;font-size:12px}.guide-heading h1{overflow-wrap:break-word}.guide-hero{margin-bottom:22px}}