.guide-index-intro { padding-top: 35px; padding-bottom: 30px; }
.guide-index-breadcrumbs { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 35px; font-size: 15px; color: #475467; }
.guide-index-breadcrumbs a { color: var(--blue); }
.guide-index-intro .public-heading { max-width: 850px; margin: 0; }
.guide-index-intro h1 { margin-top: 22px; font-size: 46px; line-height: 1.25; }
.guide-index-intro h1 span { color: var(--blue); }
.guide-index-intro .public-heading p { font-size: 19px; line-height: 1.8; }
.guide-index-list { padding-top: 30px; padding-bottom: 60px; }
.guide-index-list h2 { font-size: 30px; }
.guide-index-card { display: flex; flex-direction: column; min-width: 0; }
.guide-index-topic { color: #175cd3; font-size: 14px; font-weight: 500; margin-bottom: 12px; }
.guide-index-card h3 { margin-bottom: 16px; }
.guide-index-card h3 a { display: flex; align-items: flex-start; justify-content: space-between; margin: 0; font-size: 22px; line-height: 1.45; color: #101828; }
.guide-index-card h3 a:hover { color: var(--blue); }
.guide-index-card h3 .icon { margin-top: 6px; flex-shrink: 0; color: var(--blue); }
.guide-index-card p { font-size: 17px; line-height: 1.8; color: #475467; margin-bottom: 24px; }
.guide-index-card time { margin-top: auto; padding-top: 17px; border-top: 1px solid #e4e7ec; font-size: 14px; color: #475467; }
.guide-index-help { display: flex; align-items: flex-start; gap: 24px; padding: 30px; border: 1px solid #d1e9ff; border-radius: 14px; background: #f8fbff; }
.guide-index-help .feature-icon { flex-shrink: 0; margin: 0; }
.guide-index-help h2 { font-size: 27px; line-height: 1.45; }
.guide-index-help p { color: #475467; font-size: 17px; line-height: 1.8; margin-top: 16px; }
.guide-index-links { display: flex; flex-wrap: wrap; gap: 14px 28px; margin-top: 23px; }
.guide-index-links a { font-size: 16px; }
.guide-index-page .final-cta > div:first-child { min-width: 0; }
.guide-index-page .final-cta > div:last-child { flex-shrink: 0; }
@media (max-width: 1000px) {
    .guide-index-page .final-cta { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 650px) {
    .guide-index-intro { padding-top: 25px; }
    .guide-index-breadcrumbs { margin-bottom: 25px; font-size: 14px; }
    .guide-index-intro h1 { font-size: 33px; }
    .guide-index-intro .public-heading p { font-size: 17px; }
    .guide-index-list h2, .guide-index-help h2 { font-size: 25px; }
    .guide-index-card h3 a { font-size: 21px; }
    .guide-index-help { flex-direction: column; padding: 23px; gap: 18px; }
    .guide-index-help p { font-size: 16px; }
    .guide-index-links { flex-direction: column; }
}