/* Unified typography across homepage, guides and comparisons. */
:root{--type-body:17px;--type-article:17px;--type-h1:clamp(34px,3.5vw,44px);--type-section:clamp(26px,2.5vw,32px);--type-card:20px;--leading-body:1.65;--leading-article:1.7;--topiarly-font:Inter,"Segoe UI",Arial,sans-serif}
html,body,button,input,textarea,select{font-family:var(--topiarly-font)}
body{font-size:var(--type-body);line-height:var(--leading-body)}
.guide-layout .guide-article,.comparison-article .guide-article{font-family:var(--topiarly-font);font-size:var(--type-article);line-height:var(--leading-article)}
.guide-layout .guide-article p,.guide-layout .guide-article li,.comparison-article .guide-article section p,.comparison-article .guide-article section li{font-size:var(--type-article);line-height:var(--leading-article)}
.guide-layout .guide-article h1,.comparison-article .guide-article h1{font-family:var(--topiarly-font);font-size:var(--type-h1);line-height:1.16;letter-spacing:-.035em}
.guide-layout .guide-article h2,.comparison-article .guide-article section h2{font-family:var(--topiarly-font);font-size:var(--type-section);line-height:1.25;letter-spacing:-.025em}
.guide-layout .guide-article h3,.comparison-article .guide-article section h3{font-family:var(--topiarly-font);font-size:22px;line-height:1.35}
.guide-layout .guide-lead,.guide-article .guide-lead,.comparison-article .guide-article>.guide-lead{font-family:var(--topiarly-font);font-size:19px;line-height:1.6}
/* Preserve a distinct small-text tier for metadata, navigation and sources. */
.comparison-article .guide-article section.editorial-references p,.comparison-article .guide-article section.editorial-references li{font-size:14px;line-height:1.65}
.comparison-article .comparison-table table{font-size:15px;line-height:1.55}
@media(max-width:700px){
 :root{--type-body:16px;--type-article:16px;--type-h1:clamp(30px,7vw,36px);--type-section:25px}
 .guide-layout .guide-article h3,.comparison-article .guide-article section h3{font-size:20px}
 .guide-layout .guide-lead,.guide-article .guide-lead,.comparison-article .guide-article>.guide-lead{font-size:18px}
 .comparison-article .editorial-answer p:last-child{font-size:var(--type-article)}
 .comparison-article .comparison-table table{font-size:14px}
}