/* Typography inspired by detik.com: Montserrat headlines, Helvetica/Arial reading text. */
@font-face{font-family:Montserrat;src:url('fonts/montserrat-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url('fonts/montserrat-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Montserrat;src:url('fonts/montserrat-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Montserrat;src:url('fonts/montserrat-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Montserrat;src:url('fonts/montserrat-800.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
:root{--font-headline:Montserrat,Arial,Tahoma,sans-serif;--font-reading:Helvetica,Arial,Tahoma,sans-serif}
body{font-family:var(--font-reading);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,.story h3,.lead-secondary h3,.grid4 h3,.bottom-grid .story h3,.video-main h3,.video-mini h3,.gallery-photo h3,.newsletter h2,.article h1{font-family:var(--font-headline);font-weight:700;letter-spacing:-.25px}
h2,.media-panel h2,.bottom-grid h2{font-weight:700;letter-spacing:-.3px}
.navrow,.navrow>a,.tabs a,.ticker strong,.newsletter>small,.mobile-nav small{font-family:var(--font-headline);font-weight:600}
.hero h3{font-family:var(--font-headline);font-weight:800;line-height:1.13;letter-spacing:-.6px;font-size:clamp(24px,2.45vw,35px)}
.hero p,.hero time,.hero small,.lead-secondary time,.lead-secondary .story small,.story small,.story time,.grid4 time,.bottom-grid .story time,.rank small,.video-main time,.video-mini time,.timeline,.timeline time,.ticker,.search input,.tabs,.newsletter p,.newsletter input,.newsletter button,.footer-links,.copyright,.locality,.locality small{font-family:var(--font-reading)}
.lead-secondary h3{line-height:1.3;font-weight:700;font-size:clamp(11px,1.18vw,17px)}
.rank{font-family:var(--font-headline);font-weight:600;font-size:clamp(10px,1.02vw,14px);line-height:1.3;letter-spacing:-.2px}
.rank b{font-family:var(--font-headline);font-weight:700}
.grid4 h3{font-size:clamp(10px,.92vw,13px);line-height:1.35;letter-spacing:-.15px}
.bottom-grid .story h3{font-size:clamp(10px,.95vw,14px);line-height:1.35;letter-spacing:-.15px}
.video-main h3,.gallery-photo h3{line-height:1.3}.video-mini h3{line-height:1.3;font-weight:600}
.newsletter h2{font-size:clamp(17px,1.7vw,25px);line-height:1.2;letter-spacing:-.4px}
.article h1{font-size:40px;line-height:1.2;letter-spacing:-.7px;font-weight:800}
.article>p:not(.eyebrow):not(.muted){font-size:18px;line-height:1.6}
.article-body{font-family:var(--font-reading);font-size:var(--article-text-size);line-height:1.8;letter-spacing:0}.article-body h2,.article-body h3{line-height:1.4}
.brand,.brand small,.heritage{font-family:Georgia,'Times New Roman',serif}
@media(max-width:800px){.hero h3{font-size:27px}.lead-secondary h3{font-size:14px;line-height:1.35}.grid4 h3{font-size:12px}.bottom-grid .story h3{font-size:12px}.newsletter h2{font-size:23px}.article h1{font-size:32px}.video-mini h3{font-size:12px}}
@media(max-width:520px){.hero h3{font-size:25px;line-height:1.18;letter-spacing:-.5px}.hero p{line-height:1.45}.lead-secondary h3{font-size:13px}.grid4 h3{font-size:12px}.bottom-grid .story h3{font-size:11px}.newsletter h2{font-size:24px}.article h1{font-size:28px;line-height:1.25}.video-mini h3{font-size:10px;line-height:1.35}.video-main h3{font-size:14px}.timeline{line-height:1.45}}
.ticker.wrap,.ticker.wrap strong{font-family:var(--font-reading)}

:root{--article-text-size:18px}
.ticker-content{font-size:14px;line-height:1.35}
@media(max-width:520px){:root{--article-text-size:17px}}