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;}
html:root body[data-wiki-components="refined-v1"] {--wiki-line:var(--ref-border);--wiki-tint:color-mix(in srgb,var(--color-accent) 7%,var(--color-surface));} html:root body[data-wiki-components="refined-v1"][data-layout-variant="teacher-centered-v1"] {--wiki-line:var(--teacher-line);} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] :is(.home-topic,.article-reader) :is(h2,h3,h4,p,li,summary,code,.topic-tags,.home-topic-label) {overflow-wrap:anywhere;} html:root body[data-wiki-components="refined-v1"] .home-topic :is(.topic-item,.topic-panel) {border-radius:14px;} html:root body[data-wiki-components="refined-v1"] .home-topic .topic-item-copy {min-width:0;}   html:root body[data-wiki-components="refined-v1"]:not([data-layout-variant="teacher-centered-v1"]) .home-topics {gap:56px;} html:root body[data-wiki-components="refined-v1"]:not([data-layout-variant="teacher-centered-v1"]) .home-topic {padding:32px 0 0;border:0;border-top:1px solid var(--wiki-line);border-radius:0;background:transparent;} html:root body[data-wiki-components="refined-v1"]:not([data-layout-variant="teacher-centered-v1"]) .home-topic > h2 {margin:0 0 14px;font-size:clamp(24px,2.4vw,30px);line-height:1.3;letter-spacing:-.025em;} html:root body[data-wiki-components="refined-v1"]:not([data-layout-variant="teacher-centered-v1"]) .home-topic > .lede {font-size:16px;line-height:1.75;max-width:75ch;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .home-topic .topic-layout-items {gap:16px;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .home-topic .topic-item h3 {font-size:18px;line-height:1.45;letter-spacing:-.012em;} html:root body[data-wiki-components="refined-v1"] .home-topic .home-topic-label {gap:8px 12px;align-items:baseline;} html:root body[data-wiki-components="refined-v1"] .home-topic :is(.home-topic-badge,.topic-tag) {height:auto;max-width:100%;white-space:normal;line-height:1.5;border-radius:999px;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .home-topic .topic-points {padding-top:14px;border-top:1px solid var(--wiki-line);} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .home-topic .topic-note {font-size:13px;line-height:1.7;}   html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .home-topic[data-topic-layout="steps"]:not([data-topic-presentation]) .topic-item {position:relative;gap:18px;padding:24px;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .home-topic[data-topic-layout="steps"]:not([data-topic-presentation]) .topic-marker {width:40px;height:40px;flex:0 0 40px;border:1px solid color-mix(in srgb,var(--color-accent) 35%,var(--wiki-line));border-radius:50%;background:var(--wiki-tint);color:var(--color-accent);font-variant-numeric:tabular-nums;font-size:16px;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .home-topic[data-topic-layout="steps"]:not([data-topic-presentation]) .topic-item:not(:last-child)::after {content:"";position:absolute;left:43px;bottom:-17px;width:1px;height:16px;background:var(--wiki-line);}   html:root body[data-wiki-components="refined-v1"]:not([data-layout-variant="teacher-centered-v1"]) .home-topic[data-topic-layout="tiers"] .topic-item {padding:0;} html:root body[data-wiki-components="refined-v1"]:not([data-layout-variant="teacher-centered-v1"]) .home-topic[data-topic-layout="tiers"] .topic-item-copy {grid-template-columns:minmax(90px,.55fr) minmax(0,2fr);gap:0;} html:root body[data-wiki-components="refined-v1"]:not([data-layout-variant="teacher-centered-v1"]) .home-topic[data-topic-layout="tiers"] .home-topic-label {grid-row:1/8;align-content:center;justify-content:center;flex-direction:column;align-items:flex-start;background:var(--wiki-tint);padding:22px;border-radius:14px 0 0 14px;border-right:1px solid var(--wiki-line);} html:root body[data-wiki-components="refined-v1"]:not([data-layout-variant="teacher-centered-v1"]) .home-topic[data-topic-layout="tiers"] .home-topic-label h3 {color:var(--color-accent);font-size:22px;} html:root body[data-wiki-components="refined-v1"]:not([data-layout-variant="teacher-centered-v1"]) .home-topic[data-topic-layout="tiers"] .topic-item-copy > :not(.home-topic-label) {margin:0;padding:18px 22px;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .home-topic .topic-tier-body > p {font-size:14px;line-height:1.75;}   html:root body[data-wiki-components="refined-v1"] .home-topic[data-topic-layout="feature-list"] .topic-item {padding:22px 8px;background:none;border-radius:0;box-shadow:none;} html:root body[data-wiki-components="refined-v1"] .home-topic[data-topic-layout="checklist"] .topic-marker {width:28px;height:28px;flex-basis:28px;font-size:15px;border-radius:8px;color:var(--color-accent);background:var(--wiki-tint);} html:root body[data-wiki-components="refined-v1"] .home-topic[data-display-type="code-cards"] .home-topic-label h3 {font-family:var(--font-mono,monospace);letter-spacing:.02em;} html:root body[data-wiki-components="refined-v1"] .home-topic .topic-panel summary {min-height:60px;padding:20px 24px;align-items:flex-start;} html:root body[data-wiki-components="refined-v1"] .home-topic .topic-panel[open] {background:var(--color-surface);border-color:color-mix(in srgb,var(--color-accent) 40%,var(--wiki-line));} html:root body[data-wiki-components="refined-v1"] .home-topic .topic-panel-body {padding:18px 24px 24px;} html:root body[data-wiki-components="refined-v1"] .home-topic .topic-panel-body > :first-child {margin-top:0;} html:root body[data-wiki-components="refined-v1"] .home-topic .topic-table-wrap {border-radius:14px;} html:root body[data-wiki-components="refined-v1"] .home-topic .topic-table th {font-weight:650;} html:root body[data-wiki-components="refined-v1"] .home-topic .topic-table :is(th,td) {line-height:1.7;} html:root body[data-wiki-components="refined-v1"] .home-topic .topic-table tbody tr:nth-child(even) {background:color-mix(in srgb,var(--color-ink) 2%,transparent);}   html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .article-reader :is(.article-detail-card,.teacher-prose-card) {padding:24px;border:1px solid var(--wiki-line);border-radius:14px;background:var(--color-surface);min-width:0;height:auto;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .article-reader :is(.article-detail-card,.teacher-prose-card) > h3 {margin:0 0 14px;font-size:20px;line-height:1.45;letter-spacing:-.015em;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .article-reader :is(.article-detail-card,.teacher-prose-card) :is(p,li) {font-size:16px;line-height:1.75;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .article-reader :is(.article-detail-card,.teacher-prose-card) > :last-child {margin-bottom:0;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .article-reader :is(.article-detail-card,.teacher-prose-card) > ul {padding-left:20px;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .article-reader :is(.article-detail-card,.teacher-prose-card) li::marker {color:var(--color-accent);} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .article-reader .article-callout--cards {display:grid;padding:0;border:0;background:none;box-shadow:none;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;align-items:stretch;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .article-reader .article-quick-guide {border-radius:14px;box-shadow:none;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .article-reader .article-callout--steps {padding:0;border:0;background:transparent;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .article-callout--steps > ol:not(.teacher-prose-steps) {list-style:none;counter-reset:reading-step;padding:0;margin:0;display:grid;gap:12px;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .article-callout--steps > ol:not(.teacher-prose-steps) > li {position:relative;counter-increment:reading-step;padding:20px 22px 20px 76px;border:1px solid var(--wiki-line);border-radius:12px;background:var(--color-surface);margin:0;min-height:72px;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .article-callout--steps > ol:not(.teacher-prose-steps) > li::before {content:attr(data-step-number);position:absolute;left:20px;top:20px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--wiki-tint);color:var(--color-accent);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .article-reader .teacher-prose-steps > li {padding:20px;border:1px solid var(--wiki-line);border-radius:12px;background:var(--color-surface);align-items:flex-start;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .article-reader .teacher-prose-steps h4 {margin:0 0 8px;font-size:18px;line-height:1.5;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .article-reader .teacher-prose-steps p {margin:8px 0 0;line-height:1.75;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .article-reader .teacher-prose-step-number {background:var(--wiki-tint);color:var(--color-accent);border:1px solid var(--wiki-line);} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .article-reader .article-faq-item {border-radius:12px;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .article-reader .article-faq-item[open] {border-color:color-mix(in srgb,var(--color-accent) 40%,var(--wiki-line));} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .article-reader .article-faq-item[open] > summary {background:var(--wiki-tint);border-radius:11px 11px 0 0;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .article-reader .article-faq-answer {padding-top:18px;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .article-reader :is(.article-detail-card,.teacher-prose-card,.article-callout,.article-quick-guide):hover {box-shadow:none;}   html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] :is(.home-topic,.article-reader) :is(.topic-item-copy,.topic-panel-body,.article-detail-card,.teacher-prose-card,.article-faq-answer) {max-height:none;overflow:visible;-webkit-line-clamp:unset;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .article-reader :is(.article-table,.teacher-prose-table) {max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] :is(.home-topic,.article-reader) :is(a,summary,button,[role="checkbox"]):focus-visible {outline:2px solid var(--color-accent);outline-offset:4px;} @media(hover:hover) and (pointer:fine) { html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] :is(.home-topic .topic-item,.article-detail-card,.teacher-prose-card):hover {border-color:color-mix(in srgb,var(--color-accent) 50%,var(--wiki-line));} } @media(max-width:767px) { html:root body[data-wiki-components="refined-v1"]:not([data-layout-variant="teacher-centered-v1"]) .home-topics {gap:36px;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .home-topic .topic-item {padding:20px;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .home-topic[data-topic-layout="tiers"] .topic-item {padding:0;} html:root body[data-wiki-components="refined-v1"]:not([data-layout-variant="teacher-centered-v1"]) .home-topic[data-topic-layout="tiers"] .topic-item-copy {display:block;} html:root body[data-wiki-components="refined-v1"]:not([data-layout-variant="teacher-centered-v1"]) .home-topic[data-topic-layout="tiers"] .home-topic-label {flex-direction:row;border-right:0;border-bottom:1px solid var(--wiki-line);border-radius:14px 14px 0 0;padding:16px 20px;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .home-topic .topic-panel summary {padding:18px;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .home-topic .topic-panel-body {padding:16px 18px 20px;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .article-reader :is(.article-detail-card,.teacher-prose-card) {padding:20px;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .article-reader .teacher-prose-grid {grid-template-columns:1fr;} } @media(prefers-reduced-motion:reduce) { html:root body[data-wiki-components="refined-v1"] :is(.home-topic,.article-reader) * {transition:none;scroll-behavior:auto;} } html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .article-reader .teacher-prose-steps > li::before {content:none;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .home-topic :is(.home-topic-badge,.topic-tag) {min-width:0;overflow-wrap:anywhere;white-space:normal;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .home-topic .topic-tier-label {flex-direction:column;gap:8px;} @media(max-width:599px) { html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .home-topic [data-card-style="tier-bands"].topic-item > .topic-item-copy {grid-template-columns:1fr;} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .home-topic .topic-tier-label {flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:baseline;padding:16px 20px;border-right:0;border-bottom:1px solid var(--wiki-line);} html:root body[data-wiki-components="refined-v1"][data-page-type][data-template-layout] .home-topic .topic-tier-label h3 {text-align:left;} }