.diagnostic-guide .comparison-media-hero { align-items:center; }
.diagnostic-guide .comparison-heading h1 { font-size:46px; line-height:1.15; }
.diagnostic-guide .diagnostic-intro { max-width:820px; margin-top:24px; font-size:19px; line-height:1.8; }
.diagnostic-jumps { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:28px; font-size:14px; }
.diagnostic-jumps a { color:#ddd; text-underline-offset:5px; }
.diagnostic-section-heading { max-width:850px; margin-bottom:40px; }
.diagnostic-section-heading h2 { display:block!important; }
.diagnostic-guide .guide-gallery .slider__nav { display:none!important; }
.diagnostic-guide .guide-home-slider { --guide-caption-space:148px; }
.diagnostic-example { border-block:1px solid #ffffff45; padding:36px 0; margin:48px 0; background:transparent; }
.example-header { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.example-header h3 { margin:0; }
.example-header .search-eyebrow { margin-top:0; }
.example-modes { display:none; border:1px solid #ffffff60; border-radius:50px; padding:4px; flex:0 0 auto; }
.diagnostic-example[data-interactive] .example-modes { display:flex; }
.example-modes button { border:0; border-radius:50px; background:transparent; color:#ccc; padding:12px 18px; min-height:44px; font:500 14px/1.4 Inter,Arial,sans-serif; cursor:pointer; letter-spacing:0; }
.example-modes button[aria-pressed="true"] { background:#fff; color:#080808; }
.example-modes button:focus-visible,.diagnostic-guide a:focus-visible { outline:2px solid #fff; outline-offset:4px; }
.example-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px; padding:40px 0; }
.rate-readout { min-width:0; }
.rate-readout > span { color:#aaa; font-size:14px; }
.rate-readout > strong { display:block; font:500 64px/1.2 Syne,Arial,sans-serif; color:white; margin:8px 0; font-variant-numeric:tabular-nums; }
.rate-readout strong span { font-size:30px; }
.diagnostic-guide .rate-readout p { font-size:14px; color:#bbb; max-width:300px; margin:12px 0 0; }
.example-chart { display:grid; gap:20px; }
.example-chart > div { display:grid; grid-template-columns:180px minmax(0,1fr); align-items:center; gap:24px; font-size:14px; }
.example-chart i { display:grid; grid-template-rows:8px 8px; gap:6px; font-style:normal; }
.example-chart b { display:block; height:8px; transition:width 300ms ease; }
.example-chart .before { width:var(--before); background:#777; }
.example-chart .after { width:var(--after); background:#fff; }
.diagnostic-guide .chart-key { font-size:12px; color:#aaa; margin:16px 0 32px; }
.example-data { width:100%; border-collapse:collapse; font:400 14px/1.6 Inter,Arial,sans-serif; table-layout:fixed; }
.example-data caption { text-align:left; margin-bottom:16px; color:#bbb; }
.example-data th,.example-data td { padding:16px 0; border-bottom:1px solid #ffffff26; text-align:right; vertical-align:top; font-variant-numeric:tabular-nums; }
.example-data th:first-child { width:60%; text-align:left; padding-right:20px; font-weight:400; }
.example-data thead th { color:#aaa; font-size:12px; font-weight:400; }
.example-conclusion { display:grid; padding-top:32px; max-width:850px; }
.example-conclusion > section { grid-area:1 / 1; min-width:0; }
.example-conclusion > section[aria-hidden="true"] { visibility:hidden; }
.diagnostic-guide .example-conclusion h3 { font-size:21px; }
.diagnostic-guide .example-footnote { font-size:13px; line-height:1.8; color:#aaa; margin:16px 0 0; max-width:900px; }
.diagnostic-comparison-notes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; margin-top:48px; }
.diagnostic-guide .diagnostic-comparison-notes h3 { font-size:21px; }
.diagnostic-guide .diagnostic-comparison-notes p { font-size:15px; line-height:1.85; }
.diagnostic-steps { list-style:none; padding:0; margin:0; }
.diagnostic-steps li { display:grid; grid-template-columns:56px minmax(0,1fr); gap:32px; padding:32px 0; border-top:1px solid #ffffff35; }
.diagnostic-steps li > span { color:#aaa; font:400 16px/1.8 Inter,Arial,sans-serif; }
.diagnostic-steps li p { max-width:850px; margin-bottom:0; }
.diagnostic-recording { margin-top:72px; }
.diagnostic-recording figure { margin:0; }
.diagnostic-recording video { display:block; width:100%; height:auto; border:2px solid #ffffffc0; border-radius:18px; background:#080808; }
.diagnostic-recording figcaption { font:400 13px/1.7 Inter,Arial,sans-serif; color:#bbb; margin-top:16px; }
.diagnostic-priorities { margin:36px 0; }
.diagnostic-priorities > div { display:grid; grid-template-columns:180px minmax(0,1fr); gap:32px; padding:24px 0; border-top:1px solid #ffffff35; }
.diagnostic-priorities span { color:#fff; font-weight:500; }
.diagnostic-priorities p { margin:0; }
.diagnostic-guide .national-section { scroll-margin-top:100px; }
@media(max-width:991px) {
 .example-header { align-items:flex-start; flex-direction:column; }
 .diagnostic-comparison-notes { grid-template-columns:1fr; gap:28px; }
 .diagnostic-guide .guide-home-slider { --guide-caption-space:132px; }
}
@media(max-width:767px) {
 .diagnostic-guide .comparison-heading h1 { font-size:36px; }
 .diagnostic-guide .diagnostic-intro { font-size:17px; }
 .diagnostic-guide .guide-home-slider { --guide-caption-space:160px; }
 .diagnostic-section-heading { margin-bottom:32px; }
 .example-columns { gap:24px; padding:32px 0; }
 .rate-readout > strong { font-size:48px; }
 .rate-readout strong span { font-size:24px; }
 .example-chart > div { grid-template-columns:1fr; gap:8px; }
 .example-data { font-size:13px; }
 .example-data th:first-child { width:59%; padding-right:12px; }
 .example-modes { width:100%; }
 .example-modes button { flex:1; padding:10px 12px; }
 .diagnostic-steps li { grid-template-columns:28px minmax(0,1fr); gap:18px; }
 .diagnostic-priorities > div { grid-template-columns:1fr; gap:8px; }
 .diagnostic-recording { margin-top:48px; }
}
@media(prefers-reduced-motion:reduce) { .example-chart b { transition:none; } }