/* Authoritative shared typography for every PHP page and component. */
:root{
 --font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
 --font-h1:36px;--font-h2:28px;--font-h3:20px;--font-body:20px;
 --font-hero-description:19px;--font-button:15px;--font-small:13px;
 --weight-h1:900;--weight-h2:700;--weight-h3:800;--weight-body:400;--weight-button:800;
 --line-heading:1.3;--line-body:1.7;
}
@media(max-width:768px){:root{--font-h1:26px;--font-hero-description:16px}}
body,body *,body *::before,body *::after{font-family:var(--font-family)!important}
body{font-size:var(--font-body)!important;font-weight:var(--weight-body)!important;line-height:var(--line-body)!important}
p,li,article,section,dialog,input,select,textarea{font-size:var(--font-body)!important;font-weight:var(--weight-body)!important;line-height:var(--line-body)!important}
input,select,textarea,button{font-family:inherit}
h1,h2,h3{line-height:var(--line-heading)!important;overflow-wrap:break-word}
h1{font-size:var(--font-h1)!important;font-weight:var(--weight-h1)!important}
h2{font-size:var(--font-h2)!important;font-weight:var(--weight-h2)!important}
h3{font-size:var(--font-h3)!important;font-weight:var(--weight-h3)!important}
p.hero-copy{font-size:var(--font-hero-description)!important;line-height:var(--line-body)!important;font-weight:var(--weight-body)!important}
button,.btn,.platform-download,.hero-app-download,.related-link,.load-more,.mobile-menu-toggle{
 font-size:var(--font-button)!important;font-weight:var(--weight-button)!important;line-height:1.4!important;
}
small,.sub,.overline,.eyebrow,.top-strip,.hero-facts,.hero-facts span,.tag,.platform-label,.platform-subtitle,
.platform-bottom-note,.winner-ribbon,.game-offer,.game-offer span,.game-rank,.directory-meta,.directory-search>span,
.breadcrumb,.article-breadcrumb,.article-breadcrumb strong,.info-kicker,.info-small,.document-updated,.policy-date,
.footer-brand p,.footer-connect-label,.footer-copyright,.footer-email,.footer-disclaimer,.footer-trademarks,
.hero-app-label,.hero-app-note,.hero-app-category,.hero-app-stats span,.hero-app-detail,.hero-app-detail strong,
.email-panel>span,.article-email small,.logo small,.count{
 font-size:var(--font-small)!important;line-height:var(--line-body)!important;
}
.nav a,.nav button,.mobile-links a,.info-nav a,.footer-page-links a,.footer-links a,.article-links a{
 font-size:var(--font-button)!important;font-weight:var(--weight-button)!important;line-height:1.4!important;
}
.faq summary{font-size:var(--font-body)!important;font-weight:var(--weight-h2)!important;line-height:var(--line-body)!important}
.faq details p,.article-callout p,.article-note p,.content-article p,.content-article li{font-size:var(--font-body)!important;line-height:var(--line-body)!important;font-weight:var(--weight-body)!important}
/* Keep supporting dates and notices small even within article content. */
.content-article .document-updated,.content-article .policy-date,.content-article .info-small{font-size:var(--font-small)!important}
strong,b{font-weight:700}
.directory .game h3{white-space:normal;overflow-wrap:anywhere}
.directory .game button{flex-shrink:0;min-width:0}
@media(max-width:420px){
 .directory .game{grid-template-columns:43px minmax(0,1fr);gap:9px 12px;align-items:center}
 .directory .game button{grid-column:2;justify-self:start;min-height:44px;padding:9px 15px}
 .directory .game .app-icon{width:43px;height:48px}
 .directory .game-main{min-width:0}
 .footer-connect{flex-wrap:wrap}
 .directory-tabs{flex-wrap:wrap}
 .directory .directory-tab{flex:1 1 135px}
}
@media(min-width:1101px) and (max-width:1280px){.header-inner>.nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.header-wordmark{width:225px}}
/* Larger breadcrumb labels on information pages. */
.info-page .article-breadcrumb,.info-page .article-breadcrumb a,.info-page .article-breadcrumb span,.info-page .article-breadcrumb strong{font-size:16px!important;line-height:1.7!important}
@media(max-width:768px){.info-page .article-breadcrumb,.info-page .article-breadcrumb a,.info-page .article-breadcrumb span,.info-page .article-breadcrumb strong{font-size:15px!important}}


.info-page .article-breadcrumb,.info-page .article-breadcrumb a,.info-page .article-breadcrumb strong{font-weight:700!important}


/* Readable breadcrumbs across article and information pages. */
.info-page .detail-breadcrumb,.info-page .detail-breadcrumb a,.info-page .detail-breadcrumb span,.info-page .detail-breadcrumb strong,.info-page .article-breadcrumb,.info-page .article-breadcrumb a,.info-page .article-breadcrumb span,.info-page .article-breadcrumb strong{font-size:18px!important;font-weight:750!important;line-height:1.6!important}
@media(max-width:768px){.info-page .detail-breadcrumb,.info-page .detail-breadcrumb a,.info-page .detail-breadcrumb span,.info-page .detail-breadcrumb strong,.info-page .article-breadcrumb,.info-page .article-breadcrumb a,.info-page .article-breadcrumb span,.info-page .article-breadcrumb strong{font-size:17px!important}}