/* Page-specific additions to the shared buying-guide design. */
.forester-comparison .skip-link{position:absolute;left:16px;top:-80px;z-index:100;background:var(--gold);color:var(--navy);padding:12px 18px;border-radius:6px;font-weight:800}
.forester-comparison .skip-link:focus{top:8px}
.forester-comparison :focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.forester-comparison .guide-hero :focus-visible{outline-color:var(--gold)}
.forester-comparison [id]{scroll-margin-top:90px}
.forester-comparison .guide-video{aspect-ratio:16/9;background:#071426;border:1px solid var(--line);border-radius:13px;overflow:hidden}
.forester-comparison .guide-video iframe{display:block;width:100%;height:100%;border:0}
.forester-comparison .content .video-note,.forester-comparison .content .price-note{font-size:13px;color:#50617a;line-height:1.65}
.forester-comparison .facts{margin-bottom:14px}
.forester-comparison .compare{min-width:0;table-layout:fixed}
.forester-comparison .compare caption{text-align:left;padding:15px 17px;font-size:13px;color:#50617a}
.forester-comparison .compare thead th:first-child{width:28%}
.forester-comparison .compare tbody th{background:#edf1f6;color:var(--navy);font-size:14px;letter-spacing:0;text-transform:none;font-weight:700}
.forester-comparison .compare tbody tr:last-child th{border-bottom:0}
@media(max-width:620px){
 .forester-comparison .guide-hero h1{font-size:clamp(42px,11vw,54px)}
 .forester-comparison .compare th,.forester-comparison .compare td{font-size:13px;padding:12px 8px;overflow-wrap:break-word;line-height:1.5}
 .forester-comparison .compare thead th{font-size:11px;letter-spacing:.3px}
 .forester-comparison .compare{display:block}
 .forester-comparison .compare caption{display:block}
 .forester-comparison .compare thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .forester-comparison .compare tbody{display:block}
 .forester-comparison .compare tbody tr{display:grid;grid-template-columns:1fr 1fr}
 .forester-comparison .compare tbody th{grid-column:1/-1;font-size:14px;padding:10px 14px}
 .forester-comparison .compare tbody td{padding:12px 14px;font-size:14px}
 .forester-comparison .compare tbody td:last-child{border-left:1px solid var(--line)}
 .forester-comparison .compare tbody td:before{display:block;font-size:11px;letter-spacing:.7px;font-weight:800;color:var(--blue);margin-bottom:5px;text-transform:uppercase}
 .forester-comparison .compare tbody td:nth-child(2):before{content:"Base"}
 .forester-comparison .compare tbody td:nth-child(3):before{content:"Premium"}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
