/* R2.4.7 R2.1 asset pages — strictly namespaced; legacy support singular pages do not load this file. */
.sb-r21-asset-main{background:#fff;padding:34px 20px 64px;color:#171717}
.sb-r21-asset-wrap{max-width:1180px;margin:0 auto}
.sb-r21-breadcrumb{font-size:13px;color:#68727d;margin:0 0 38px}
.sb-r21-breadcrumb a{color:inherit;text-decoration:none}
.sb-r21-breadcrumb span{margin:0 4px}
.sb-r21-eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;color:#00A9E4;margin-bottom:9px}
.sb-r21-asset-header h1{font-size:40px;line-height:1.15;margin:0 0 28px;font-weight:700}
.sb-r21-asset-content{font-size:16px;line-height:1.7}
.sb-r21-asset-content h2{font-size:31px;line-height:1.2;margin:52px 0 18px}
.sb-r21-asset-content h3{font-size:21px;line-height:1.3;margin:28px 0 12px}
.sb-r21-asset-content p{max-width:920px;margin:0 0 18px}
.sb-r21-asset-content table{width:100%;border-collapse:collapse;margin:20px 0 28px}
.sb-r21-asset-content th,.sb-r21-asset-content td{border:1px solid #e2e7eb;padding:12px 14px;text-align:left;vertical-align:top}
.sb-r21-asset-content a{color:#00A9E4}
.sb-r21-related-knowledge{margin-top:54px;padding-top:30px;border-top:1px solid #e2e7eb}
.sb-r21-related-knowledge h2{font-size:28px;line-height:1.2;margin:0 0 18px}
.sb-r21-related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sb-r21-related-links a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid #dce5ea;text-decoration:none;color:#171717;background:#fff}
.sb-r21-related-links a:hover,.sb-r21-related-links a:focus{border-color:#00A9E4;color:#00A9E4}

/* Canonical R2.1 archive hubs now use the same native Support-category shell as
 * /support/commercial-vehicles/: banner -> yellow section title -> three-column cards.
 * No extra intro/tab strip is rendered between the banner and content. */
.sb-r21-archive.archive-support{padding-bottom:60px;background:#fff;color:#222}
.sb-r21-archive .xz-a017-tit a{color:inherit;text-decoration:none}
.sb-r21-archive .xz-a017-des{max-height:72px}
.sb-r21-empty{margin-top:20px;padding:34px;border:1px dashed #ccd2d8;background:#fafbfc;text-align:center}
.sb-r21-archive-pagination{margin-top:34px}
.sb-r21-archive .nav-links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.sb-r21-archive .page-numbers{padding:7px 11px;border:1px solid #ddd}
.sb-r21-archive .page-numbers.current{background:#ffe43c;border-color:#e3c927}

/* Support Hub is inserted after the existing Support categories and before Material Data Sheets. */
.sb-r21-support-hub{padding:0 0 60px;background:#fff;color:#222}
.sb-r21-support-hub-intro{max-width:900px;margin:18px auto 0;text-align:center;font-size:16px;line-height:1.7;color:#555}
.sb-r21-support-hub-list{padding-top:20px}
.sb-r21-support-hub-list .sb-r21-support-hub-card{display:flex;flex-direction:column;min-height:236px}
.sb-r21-support-hub-card .xz-a017-tit{margin-top:0;max-height:none}
.sb-r21-support-hub-card .xz-a017-des{max-height:none;flex:1}
.sb-r21-support-hub-card .xz-a017-btn{margin-top:28px}

@media(max-width:900px){
 .sb-r21-related-links{grid-template-columns:1fr}
 .sb-r21-support-hub-list .sb-r21-support-hub-card{min-height:210px}
}
@media(max-width:600px){
 .sb-r21-asset-main{padding:24px 16px 44px}
 .sb-r21-asset-header h1{font-size:31px}
 .sb-r21-asset-content h2{font-size:26px;margin-top:38px}
 .sb-r21-asset-content h3{font-size:20px}
 .sb-r21-related-knowledge{margin-top:40px;padding-top:24px}
 .sb-r21-related-knowledge h2{font-size:24px}
 .sb-r21-support-hub-intro{font-size:15px;line-height:1.6}
 .sb-r21-support-hub{padding-bottom:28px}
 .sb-r21-support-hub-list .sb-r21-support-hub-card{min-height:0}
}