/* =====================================================================
   SBET iframe type system  -  ONE shared file for all five iframe pages.
   html[data-sbet-type="home"]   = index-iframe.html  (keeps its bold weights)
   html[data-sbet-type="inner"]  = About, Developers, Indicators, Microdata
   Change a value here and every page follows.
   ===================================================================== */
html[data-sbet-type]{--sbet-font:Gotham,"Gotham SSm A","Gotham SSm B",Arial,sans-serif;--sbet-blurb:#405057}

/* 1) FONT - Gotham everywhere (code stays monospace; icon fonts and chart graphics untouched) */
html[data-sbet-type] body,
html[data-sbet-type] body *:not(code):not(pre):not(kbd):not(samp):not(.glyphicon):not(.fa):not(.k-icon){font-family:var(--sbet-font)!important}
html[data-sbet-type] body svg text{font-family:var(--sbet-font)!important}

/* 2) SIZES - the same on every page */
html[data-sbet-type] h1{font-size:39px!important;line-height:39.78px!important;letter-spacing:-1.25px!important}
html[data-sbet-type] .nv-updated-tag,
html[data-sbet-type] .last-updated,
html[data-sbet-type] .eyebrow{font-size:11px!important;letter-spacing:1.3px!important;text-transform:uppercase!important}
/* hero blurb: 15px on all five pages */
html[data-sbet-type] .nv-top-copy > p:not(.nv-updated-tag),
html[data-sbet-type] .mock-hero .hero-inner p,
html[data-sbet-type] .hero-copy > p:not(.last-updated),
html[data-sbet-type] .sbet-hero .subtitle{font-size:15px!important;line-height:23.25px!important;color:var(--sbet-blurb)!important}
/* body copy inside About cards: 14px */
html[data-sbet-type] .about-main p,
html[data-sbet-type] .about-main dd{font-size:14px!important;line-height:1.6!important}

/* 3) WEIGHTS - inner pages are never bold: 400 text, 500 for headings / labels / buttons (home keeps its bold) */
html[data-sbet-type="inner"] body,
html[data-sbet-type="inner"] body *{font-weight:400!important}
html[data-sbet-type="inner"] h1,html[data-sbet-type="inner"] h2,html[data-sbet-type="inner"] h3,
html[data-sbet-type="inner"] h4,html[data-sbet-type="inner"] h5,html[data-sbet-type="inner"] h6,
html[data-sbet-type="inner"] strong,html[data-sbet-type="inner"] b,html[data-sbet-type="inner"] th,
html[data-sbet-type="inner"] label,html[data-sbet-type="inner"] button,html[data-sbet-type="inner"] summary,
html[data-sbet-type="inner"] .btn-show,html[data-sbet-type="inner"] .btn-download,html[data-sbet-type="inner"] .btn-exp,
html[data-sbet-type="inner"] .step-kicker,html[data-sbet-type="inner"] .step-lbl,
html[data-sbet-type="inner"] .step-title,html[data-sbet-type="inner"] .step-ttl,
html[data-sbet-type="inner"] .last-updated,html[data-sbet-type="inner"] .eyebrow,
html[data-sbet-type="inner"] .stat-number,html[data-sbet-type="inner"] .stat-copy,
html[data-sbet-type="inner"] .skip-nav,html[data-sbet-type="inner"] .chart-title{font-weight:500!important}

/* 4) SAME ROLE = SAME SIZE on every inner page */
html[data-sbet-type] .step-title,html[data-sbet-type] .step-ttl{font-size:14px!important}
html[data-sbet-type] .about-main h2,html[data-sbet-type] .chart-title{font-size:14px!important}
html[data-sbet-type] body #showResults.btn-show,html[data-sbet-type] .btn-show,
html[data-sbet-type] .btn-download,html[data-sbet-type] .btn-exp{font-size:12px!important}
html[data-sbet-type] body #showResults.btn-show,html[data-sbet-type] .btn-exp{font-weight:500!important}
html[data-sbet-type] .k-input,html[data-sbet-type] .k-dropdown-wrap .k-input,html[data-sbet-type] .k-multiselect-wrap li{font-size:13px!important}
html[data-sbet-type="inner"] .k-input,html[data-sbet-type="inner"] .k-dropdown-wrap .k-input{font-weight:400!important}
html[data-sbet-type] .notice-pill,html[data-sbet-type] .notice-pill *{font-size:12px!important}
html[data-sbet-type] .stat-copy{font-size:11px!important}
html[data-sbet-type] .callout,html[data-sbet-type] .callout *{font-size:14px!important}
html[data-sbet-type="inner"] .hero-copy ~ *,html[data-sbet-type="inner"] main strong{font-size:inherit}
html[data-sbet-type] body #showResults.btn-show{font-family:var(--sbet-font)!important}
html[data-sbet-type="inner"] h3{font-size:14px!important}
html[data-sbet-type] h1{color:#111!important}

/* 5) STANDALONE PAGES: header and footer are identical on every page (home included) */
html[data-sbet-type] body .nv-sbet-word{font-weight:700!important}                 /* SBET logo lockup */
html[data-sbet-type] body .nv-sbet-sub,
html[data-sbet-type] body .nv-main-nav a,
html[data-sbet-type] body .nv-header-actions a,html[data-sbet-type] body .nv-header-actions button,
html[data-sbet-type] body .nv-theme-toggle-text,
html[data-sbet-type] body .nv-sbet-footer h2,
html[data-sbet-type] body .nv-fbold,html[data-sbet-type] body .nv-fjoin,
html[data-sbet-type] body .back-btn,html[data-sbet-type] body .small-action{font-weight:500!important}
html[data-sbet-type] body .nv-sbet-footer a:not(.nv-fbold):not(.nv-fjoin),
html[data-sbet-type] body .nv-sbet-footer p,html[data-sbet-type] body .nv-sbet-footer li{font-weight:400!important}
html[data-sbet-type] body .small-action{font-size:11px!important}

/* 6) STANDALONE inner pages: same role = same size and colour as the iframe pages */
html[data-sbet-type="inner"] main h2[style*="font-size:22px"]{font-size:21px!important;color:#111!important}
html[data-sbet-type="inner"] main p[style*="font-size:13px"],html[data-sbet-type="inner"] main div[style*="font-size:13px"]{font-size:14px!important}
html[data-sbet-type="inner"] .ind-info-body h2,html[data-sbet-type="inner"] .ind-info-body h3{font-size:14px!important;color:#111!important}
html[data-sbet-type="inner"] .card h2,html[data-sbet-type="inner"] .step-title,html[data-sbet-type="inner"] .step-ttl,html[data-sbet-type="inner"] .chart-title{color:#111!important}
html[data-sbet-type="inner"] .feature-green h2{color:#fff!important}
html[data-sbet-type] body .back-btn{font-size:13px!important}

/* 7) STANDALONE HOME hero: same size as every other page (stronger selector to beat the home page's own hero rules) */
html[data-sbet-type="home"] body #main-content .nv-top-copy h1{font-size:39px!important;line-height:39.78px!important;letter-spacing:-1.25px!important}
html[data-sbet-type="home"] body #main-content .nv-top-copy .nv-updated-tag{font-size:11px!important;letter-spacing:1.3px!important}
html[data-sbet-type="home"] body #main-content .nv-top-copy > p:not(.nv-updated-tag){font-size:15px!important;line-height:23.25px!important;color:var(--sbet-blurb)!important}