/* Buying-guide pages use the established site colors, type and spacing. */
.guide-hub{padding-top:0}
.guide-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.guide-card{min-width:0;border-top:2px solid var(--ink);padding-top:24px}
.guide-card h3{font-size:1.5rem;line-height:1.3;letter-spacing:-.025em;margin:15px 0}
.guide-card h3 a{color:inherit;text-decoration:none}
.guide-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.guide-card>p:not(.eyebrow){font-size:1rem;line-height:1.8;color:var(--muted)}
.guide-hero{padding:55px 0 40px}
.guide-hero h1{max-width:950px;font-size:clamp(2.5rem,4.8vw,4rem);line-height:1.12;letter-spacing:-.045em;margin:18px 0 24px;overflow-wrap:break-word}
.guide-hero .lead{max-width:820px}
.guide-byline{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:.875rem;color:var(--muted);margin:22px 0 0}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:75px;padding-bottom:70px;align-items:start}
.guide-body{min-width:0;max-width:820px}
.guide-body section{margin-top:38px;scroll-margin-top:115px}
.guide-body section:first-child{margin-top:0}
.guide-body h2{font-size:clamp(1.6rem,2.5vw,2rem);line-height:1.3;letter-spacing:-.025em;margin:0 0 18px}
.guide-body p,.guide-body li{font-size:1.0625rem;line-height:1.85;color:var(--muted)}
.guide-body p{margin:0 0 18px}
.guide-body ul{padding-left:24px;margin:18px 0 24px}
.guide-body li+li{margin-top:10px}
.guide-body a,.guide-aside li a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.guide-body a:hover,.guide-aside li a:hover{color:var(--accent)}
.guide-body strong{color:var(--ink);font-weight:600}
.guide-example{border-left:3px solid var(--accent);padding:22px 26px;background:#f4f3f1;margin:22px 0}
.guide-example p:last-child{margin-bottom:0}
.guide-aside{min-width:0;border-top:1px solid var(--line);padding-top:20px}
.guide-aside figure{margin:0 0 28px}
.guide-aside img{width:100%;height:auto;display:block}
.guide-aside figcaption{font-size:.875rem;line-height:1.7;color:var(--muted);margin-top:12px}
.guide-aside h2{font-size:1.1rem;line-height:1.45;letter-spacing:0;margin:0 0 15px}
.guide-aside ul{padding-left:20px;font-size:.9375rem;line-height:1.8;margin-bottom:25px}
.guide-aside li+li{margin-top:9px}
.guide-aside .button{width:100%;font-size:.9375rem;padding:13px 14px;text-align:center}
.guide-body .comparison-scroll{margin:24px 0}
.guide-model-table{min-width:700px;font-size:.9375rem}
.guide-check-table{min-width:600px;font-size:.9375rem}
.guide-body table th,.guide-body table td{font-size:.9375rem;line-height:1.65;padding:15px 14px}
.guide-body table caption{white-space:normal;text-align:left;font-size:.9375rem;font-weight:600;padding-bottom:14px;color:var(--ink)}
@media(max-width:1000px){.guide-layout{grid-template-columns:minmax(0,1fr) 240px;gap:35px}.guide-card-grid{gap:25px}.guide-card h3{font-size:1.3rem}}
@media(max-width:820px){.guide-layout{grid-template-columns:1fr;gap:40px}.guide-body{max-width:none}.guide-aside{display:grid;grid-template-columns:220px 1fr;column-gap:30px}.guide-aside figure{grid-row:span 3;margin:0}.guide-aside h2,.guide-aside ul,.guide-aside>a{grid-column:2}.guide-aside .button{width:fit-content}.guide-card-grid{grid-template-columns:1fr;gap:32px}.guide-card h3{font-size:1.5rem;max-width:700px}.guide-hero{padding:35px 0}.guide-body section{scroll-margin-top:95px}}
@media(max-width:580px){.guide-hero h1{font-size:clamp(2.15rem,8.5vw,2.8rem)}.guide-hero .lead{font-size:1.0625rem}.guide-body p,.guide-body li{font-size:1rem}.guide-layout{padding-bottom:45px}.guide-aside{display:block}.guide-aside figure{max-width:280px;margin-bottom:25px}.guide-aside .button{width:100%}.guide-example{padding:20px}.guide-card h3{font-size:1.35rem}}