/* Product-roadmap layout; semantic card colors are shared with Service Status. */
.product-roadmap .roadmap-hero{padding:48px 0 36px;background:var(--soft)}
.product-roadmap .roadmap-baseline{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:750;color:#155f9e;margin:2px 0 12px}
.product-roadmap h1{max-width:950px;font-size:clamp(36px,4.6vw,56px);line-height:1.08;letter-spacing:-.035em;margin:0 0 18px}
.product-roadmap .roadmap-hero p{font-size:17px;max-width:860px}
.product-roadmap .roadmap-jumps{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 16px}
.product-roadmap .roadmap-jumps a{padding:9px 13px;border:1px solid var(--line);border-radius:9px;font-size:12px;font-weight:750;background:#fff;color:#314b63}
.product-roadmap .roadmap-jumps a:hover{background:#eaf4ff;color:#155f9e}
.product-roadmap .roadmap-legend{margin-top:0}
.product-roadmap .roadmap-section{padding:46px 0;scroll-margin-top:100px}
.product-roadmap .roadmap-section-heading{display:flex;align-items:flex-end;gap:32px;justify-content:space-between;margin-bottom:24px}
.product-roadmap .roadmap-section-heading h2{font-size:clamp(26px,3vw,34px);line-height:1.15;letter-spacing:-.025em;margin:7px 0 0}
.product-roadmap .roadmap-section-heading>p{max-width:445px;font-size:13px;color:var(--muted);margin:0}
.product-roadmap .roadmap-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.product-roadmap .service-status-card{padding:23px;min-height:0}
.product-roadmap .service-status-card h3{font-size:19px;line-height:1.3;margin:16px 0 10px}
.product-roadmap .service-status-card p{color:#40566d;font-size:14px;line-height:1.6}
.product-roadmap .roadmap-card-note{font-size:12px;line-height:1.55;color:#40566d;margin-top:16px;padding-top:13px;border-top:1px solid rgba(73,97,123,.18)}
.product-roadmap .roadmap-source-note{font-size:12px;line-height:1.6;color:#536a7f;margin-top:24px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:10px}
@media(max-width:760px){
 .product-roadmap .roadmap-section-heading{display:block}
 .product-roadmap .roadmap-section-heading>p{margin-top:12px;max-width:none}
 .product-roadmap .roadmap-status-grid{grid-template-columns:1fr}
 .product-roadmap .roadmap-section{padding:32px 0}
 .product-roadmap .service-status-card{padding:19px}
 .product-roadmap .roadmap-hero{padding:32px 0 26px}
}