html[data-factory-ads-eligible='false'] [data-first-unit], html[data-factory-ads-eligible='false'] [data-first-placement], html[data-factory-ads-eligible='false'] [data-pending-factory-sticky-host] {display:none!important;} [data-first-unit] {background:transparent;pointer-events:none;} [data-first-unit='sticky320x50'] {width:320px;height:50px;min-height:50px;} [data-first-unit='nativeContent'] {min-height:480px;} [data-first-unit='banner728x90'] {width:728px;height:90px;min-height:90px;} [data-first-unit='banner300x250'] {width:300px;height:250px;min-height:250px;} [data-first-device='desktop'] {display:none;} @media(min-width:768px) { [data-first-device='desktop'] {display:block;} [data-first-device='mobile'] {display:none;} } @media(min-width:1024px) {[data-first-unit='nativeContent'] {min-height:280px;}} @media(max-width:767px) { .home-actions svg {display:none;} html[data-factory-dock-closed='true'] [data-pending-factory-sticky-host] {display:none!important;} }   body[data-first-paint='v1'][data-page-type='home'] .site-shell {margin-inline:auto;} @container(max-width:727px) { body[data-first-paint='v1'] .factory-ad--nativeContent {min-height:480px;} [data-first-unit='banner728x90'] {display:none;} } @container(min-width:728px) { body[data-first-paint='v1'] .factory-ad--nativeContent {min-height:280px;} } @media(min-width:768px) { body[data-first-paint='v1'] .masthead__inner {display:grid;grid-template-columns:auto minmax(0,1fr) auto;} body[data-first-paint='v1'] .masthead__inner > .brand {max-width:260px;} body[data-first-paint='v1'] #site-nav {min-width:0;width:100%;} } [data-first-device='desktop-fallback'] {display:none;} html[data-factory-ads-eligible='false'] body[data-home-native-gap='compact-v1'] .home-inline-video {margin-bottom:160px;} html[data-factory-ads-eligible='false'] body[data-home-native-gap='compact-v1'] #popular {margin-top:56px;} @media(min-width:768px) { @container(max-width:727px) { [data-first-device='desktop-fallback'] {display:block;} [data-first-placement='homeOverview'] [data-first-device='mobile'][data-first-unit='banner300x250'] {display:block;} } } @container(max-width:319px) {[data-first-unit='sticky320x50'] {display:none;}} @container(max-width:299px) {[data-first-unit='banner300x250'] {display:none;}} @media(min-width:768px) {[data-first-placement='mobileInline']:has([data-first-unit]) {display:none;}} @media(max-width:767px) {html[data-factory-ads-eligible='false'] body[data-home-native-gap='compact-v1'] #popular {margin-top:56px;}}   @media(min-width:1280px) { body[data-home-columns='balanced-v1'][data-page-type='home'] :is(.site-shell,.masthead__inner,.site-footer > div) { width:min(calc(100% - 32px),1232px);max-width:none; } body[data-home-columns='balanced-v1'][data-page-type='home'] .page-grid {grid-template-columns:minmax(0,1fr) 260px;gap:32px;} body[data-home-columns='balanced-v1'][data-page-type='home'] :is(.wiki-nav,.wiki-nav__scroll,.wiki-nav__panel) {width:260px;} body[data-home-columns='balanced-v1'][data-page-type='home'] :is(.wiki-nav__panel,.side-play) {margin-inline:0;} body[data-home-columns='balanced-v1'][data-page-type='home'] .side-play {width:260px;}   body[data-home-columns='balanced-v1'][data-page-type='home'] :is([data-factory-sticky-host],[data-pending-factory-sticky-host]) .factory-ad--sticky320x50 { transform:translateX(-146px); } } @media(min-width:1600px) {   body[data-home-columns='balanced-v1'][data-page-type='home'] :is(.site-shell,.masthead__inner,.site-footer > div) { width:min(calc(100% - 32px),clamp(1216px,calc(100% - 384px),1232px)); } }   @media(min-width:768px) { body[data-home-top='compact-v1'][data-page-type='home'] .experience-stage {--home-strip-height:0px;} html:not([data-factory-ads-eligible='false']) body[data-home-top='compact-v1'][data-page-type='home'] .experience-stage:has(:is([data-factory-sticky-host],[data-pending-factory-sticky-host]):not([data-ad-empty='true'])) {--home-strip-height:58px;} body[data-home-top='compact-v1'][data-page-type='home'] .site-shell {padding-top:16px;} body[data-home-top='compact-v1'][data-page-type='home'] :is([data-factory-sticky-host],[data-pending-factory-sticky-host]) {height:58px;padding:4px 0;margin:0;top:var(--masthead-height,68px);} body[data-home-top='compact-v1'][data-page-type='home'] :is([data-factory-sticky-host],[data-pending-factory-sticky-host])[data-ad-empty='true'] {height:0;padding:0;} body[data-home-top='compact-v1'][data-page-type='home'] .wiki-nav {top:calc(var(--masthead-height,68px) + var(--home-strip-height) + 16px);} body[data-home-top='compact-v1'][data-page-type='home'] .wiki-nav__scroll {max-height:calc(100dvh - var(--masthead-height,68px) - var(--home-strip-height) - 28px);} }
html body[data-native-position="hero-v1"][data-page-type][data-template-layout] :is(.page-title-hero,.teacher-article-header) { padding-block:24px; } html body[data-native-position="hero-v1"][data-page-type][data-template-layout] .page-title-hero h1 { margin-block:0; } html body[data-native-position="hero-v1"][data-page-type][data-template-layout] .article-byline { margin-top:14px; } html body[data-native-position="hero-v1"][data-page-type][data-template-layout] .teacher-ad-native-host { margin-block:24px; } @media(min-width:768px) { html body[data-native-position="hero-v1"][data-page-type][data-template-layout] :is(.page-title-hero,.teacher-article-header) { padding-block:28px; } } html body[data-native-position="hero-v1"][data-page-type][data-template-layout][data-home-order="hero-video-v1"][data-page-type="home"] .home-hero-visual .factory-video { display:block; margin:0; width:100%; } html body[data-native-position="hero-v1"][data-page-type][data-template-layout][data-home-order="hero-video-v1"][data-page-type="home"] .home-hero-visual { position:relative; max-height:none; aspect-ratio:auto; } html body[data-native-position="hero-v1"][data-page-type][data-template-layout][data-home-order="hero-video-v1"][data-page-type="home"] .home-hero-visual .factory-video { position:relative; aspect-ratio:16/9; } html body[data-native-position="hero-v1"][data-page-type][data-template-layout][data-home-order="hero-video-v1"][data-page-type="home"] .home-inline-player { position:absolute; inset:0; width:100%; height:100%; border:0; border-radius:12px; } html body[data-native-position="hero-v1"][data-page-type][data-template-layout][data-home-order="hero-video-v1"][data-page-type="home"] .home-hero-visual .home-video-youtube { display:flex; justify-content:flex-end; margin-top:8px; min-height:32px; } html body[data-native-position="hero-v1"][data-page-type][data-template-layout][data-home-order="hero-video-v1"][data-page-type="home"] .home-hero-visual [hidden] { display:none!important; } @media(min-width:1024px) { html body[data-native-position="hero-v1"][data-page-type][data-template-layout][data-home-order="hero-video-v1"][data-page-type="home"] .main-content .home-composition > .home-hero--backdrop { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-areas:"title media" "intro media" "actions media" "stats stats"; column-gap:28px; row-gap:16px; min-height:0; padding:16px 16px 24px; align-items:center; } html body[data-native-position="hero-v1"][data-page-type][data-template-layout][data-home-order="hero-video-v1"][data-page-type="home"] .home-hero-copy { grid-area:title; text-align:left; } html body[data-native-position="hero-v1"][data-page-type][data-template-layout][data-home-order="hero-video-v1"][data-page-type="home"] .home-hero-copy h1 { font-size:clamp(32px,2.7vw,42px); line-height:1.12; margin:8px 0 0; } html body[data-native-position="hero-v1"][data-page-type][data-template-layout][data-home-order="hero-video-v1"][data-page-type="home"] .home-hero-visual { grid-area:media; width:100%; margin:0; } html body[data-native-position="hero-v1"][data-page-type][data-template-layout][data-home-order="hero-video-v1"][data-page-type="home"] .home-hero--backdrop > .lede { grid-area:intro; margin:0; text-align:left; font-size:16px; line-height:1.7; } html body[data-native-position="hero-v1"][data-page-type][data-template-layout][data-home-order="hero-video-v1"][data-page-type="home"] .home-actions { grid-area:actions; margin:0; gap:10px; justify-content:flex-start; } html body[data-native-position="hero-v1"][data-page-type][data-template-layout][data-home-order="hero-video-v1"][data-page-type="home"] .home-actions a { min-height:44px; } html body[data-native-position="hero-v1"][data-page-type][data-template-layout][data-home-order="hero-video-v1"][data-page-type="home"] .home-stats { grid-area:stats; margin:0; width:100%; gap:12px; } html body[data-native-position="hero-v1"][data-page-type][data-template-layout][data-home-order="hero-video-v1"][data-page-type="home"] .home-stats li { min-height:56px; padding:10px 12px; } } html body[data-native-position="hero-v1"][data-page-type][data-template-layout] .page-title-hero .breadcrumbs { margin-bottom:16px; } html body[data-native-position="hero-v1"][data-page-type][data-template-layout] .page-title-hero__category { margin-bottom:12px; } html body[data-native-position="hero-v1"][data-page-type][data-template-layout] .page-title-hero .lede { margin-top:16px; } @media(min-width:768px) { html body[data-native-position="hero-v1"][data-page-type="category"][data-template-layout] .page-title-hero { padding-block:clamp(28px,4vw,56px); } } html body[data-native-position="hero-v1"][data-home-order="hero-video-v1"][data-page-type="home"] .home-hero-visual .factory-video__trigger { display:block; position:relative; width:100%; height:100%; aspect-ratio:16/9; padding:0; overflow:hidden; } html body[data-native-position="hero-v1"][data-home-order="hero-video-v1"][data-page-type="home"] .home-hero-visual .factory-video__trigger img { display:block; width:100%; height:100%; object-fit:cover; } html body[data-native-position="hero-v1"][data-home-order="hero-video-v1"][data-page-type="home"] .home-hero-visual .factory-video__play { position:absolute; inset:0; display:grid; place-items:center; width:100%; height:100%; background:transparent; border:0; border-radius:0; transform:none; backdrop-filter:none; -webkit-backdrop-filter:none; box-shadow:none; }   html body[data-native-position="hero-v1"]:is([data-page-type="content"],[data-page-type="translation"])[data-template-layout] .factory-ad--nativeContent { width:calc(100% - 32px); max-width:864px; margin-inline:auto; box-sizing:border-box; }   html body[data-native-position="hero-v1"][data-article-hero="compact-v2"]:is([data-page-type="content"],[data-page-type="translation"])[data-template-layout] .page-title-hero { padding-block:16px; } html body[data-native-position="hero-v1"][data-article-hero="compact-v2"]:is([data-page-type="content"],[data-page-type="translation"])[data-template-layout] .page-title-hero .breadcrumbs { margin-bottom:10px; } html body[data-native-position="hero-v1"][data-article-hero="compact-v2"]:is([data-page-type="content"],[data-page-type="translation"])[data-template-layout] .page-title-hero .lede { margin-top:12px; } html body[data-native-position="hero-v1"][data-article-hero="compact-v2"]:is([data-page-type="content"],[data-page-type="translation"])[data-template-layout] .article-byline { margin-top:10px; } @media(min-width:768px) { html body[data-native-position="hero-v1"][data-article-hero="compact-v2"]:is([data-page-type="content"],[data-page-type="translation"])[data-template-layout] .page-title-hero { padding-block:20px; } }
html body[data-template-layout][data-page-type="home"][data-hero-label="wrap-v1"] #hero:is(.home-hero,.teacher-hero) :is(.eyebrow,.home-hero-badge) { display:inline-flex;align-items:center;justify-content:center;gap:8px; box-sizing:border-box;inline-size:fit-content;max-inline-size:calc(100% - 24px); min-inline-size:0;border-radius:999px; letter-spacing:normal;text-transform:none; white-space:normal;overflow-wrap:anywhere;word-break:normal;text-align:center; } html body[data-template-layout][data-page-type="home"][data-hero-label="wrap-v1"] #hero:is(.home-hero,.teacher-hero) :is(.eyebrow,.home-hero-badge) > span {min-inline-size:0;overflow-wrap:anywhere;} html body[data-template-layout][data-page-type="home"][data-hero-label="wrap-v1"] #hero:is(.home-hero,.teacher-hero) :is(.eyebrow,.home-hero-badge) > svg, html body[data-template-layout][data-page-type="home"][data-hero-label="wrap-v1"] #hero:is(.home-hero,.teacher-hero) :is(.eyebrow,.home-hero-badge)::before {flex-shrink:0;}
html body[data-ad-canvas="transparent-v1"] .factory-ad {background:transparent;border:0;box-shadow:none;} html body[data-ad-canvas="transparent-v1"] .factory-ad > iframe {background:transparent;color-scheme:normal;border:0;}