.article-page{min-height:100vh;background:var(--cf-color-bg);color:var(--cf-color-text);font-family:var(--cf-font-sans);font-size:var(--cf-font-size-350);line-height:var(--cf-line-height-170);-webkit-font-smoothing:antialiased}.article-page a{color:inherit;text-decoration:none}.article-page button{font:inherit;cursor:pointer}.article-page a,.article-page button{-webkit-tap-highlight-color:rgba(0,0,0,0)}.article-page a:focus-visible,.article-page button:focus-visible{outline:2px solid var(--cf-color-focus-ring);outline-offset:4px}.article-page a,.article-page button{transition:background-color var(--cf-duration-fast),color var(--cf-duration-fast),border-color var(--cf-duration-fast)}.article-page .skip-link{position:fixed;top:-100px;left:16px;z-index:var(--cf-z-skip-link);background:#fff;color:#111;padding:var(--cf-space-250) var(--cf-space-400);border-radius:var(--cf-radius-100)}.article-page .skip-link:focus{top:12px}.article-page .header-practice{display:flex;align-items:center;gap:var(--cf-space-250);font-size:var(--cf-font-size-275);color:var(--cf-color-text-secondary);white-space:nowrap}.article-page .header-practice:hover{color:var(--cf-color-primary-hover)}.article-page .learning-sidebar{position:fixed;top:56px;bottom:0;left:0;width:224px;padding:var(--cf-space-500) var(--cf-space-300) var(--cf-space-450);background:var(--cf-color-bg-subtle);border-right:1px solid var(--cf-color-border);display:flex;flex-direction:column;overflow-y:auto;z-index:var(--cf-z-drawer)}.article-page .sidebar-backdrop{display:none;position:fixed;inset:56px 0 0;background:var(--cf-color-scrim);border:0;z-index:var(--cf-z-drawer-backdrop)}.article-page .sidebar-label{display:block;font-size:var(--cf-font-size-250);font-weight:var(--cf-font-weight-medium);letter-spacing:var(--cf-letter-spacing-wider);color:var(--cf-color-text-tertiary);margin:0 var(--cf-space-250) var(--cf-space-250)}.article-page .sidebar-library{display:flex;align-items:center;gap:var(--cf-space-250);padding:var(--cf-space-200) var(--cf-space-250);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300);border-radius:var(--cf-radius-150)}.article-page .sidebar-library>span{margin-left:auto;color:var(--cf-color-text-tertiary)}.article-page .sidebar-library:hover{background:var(--cf-color-surface-raised)}.article-page .sidebar-top{padding-bottom:var(--cf-space-500);margin-bottom:var(--cf-space-500);border-bottom:1px solid var(--cf-color-border)}.article-page .course-heading{display:flex;align-items:center;gap:var(--cf-space-250);padding:0 var(--cf-space-250);margin-bottom:var(--cf-space-600)}.article-page .course-heading strong{display:block;font-size:var(--cf-font-size-325);font-weight:var(--cf-font-weight-strong)}.article-page .course-heading div>span{display:block;font-size:var(--cf-font-size-250);color:var(--cf-color-text-tertiary)}.article-page .course-icon{display:grid;place-items:center;width:32px;height:32px;background:var(--cf-color-surface-strong);border:1px solid var(--cf-color-border-strong);color:var(--cf-color-text);border-radius:var(--cf-radius-150);font-size:var(--cf-font-size-300);font-weight:var(--cf-font-weight-semibold)}.article-page .lesson-link{display:flex;align-items:center;gap:var(--cf-space-250);min-height:38px;padding:var(--cf-space-150) var(--cf-space-250);border-radius:var(--cf-radius-150);margin-bottom:var(--cf-space-100);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-275)}.article-page .lesson-link>svg:last-child:not(:first-child){width:12px;margin-left:auto;opacity:.6}.article-page .lesson-link:hover{background:var(--cf-color-surface-raised)}.article-page .lesson-link.current{color:var(--cf-color-primary);background:var(--cf-color-primary-subtle);font-weight:var(--cf-font-weight-medium)}.article-page .lesson-dot{width:5px;height:5px;border:1px solid var(--cf-color-border-emphasis);border-radius:var(--cf-radius-round);margin-inline:var(--cf-space-100);flex-shrink:0}.article-page .lesson-current-dot{width:5px;height:5px;border-radius:var(--cf-radius-round);background:var(--cf-color-primary-solid);margin-left:auto}.article-page .lesson-sections{display:flex;flex-direction:column;margin:var(--cf-space-200) 0 var(--cf-space-500) var(--cf-space-450);border-left:1px solid var(--cf-color-border)}.article-page .lesson-sections a{display:flex;align-items:baseline;gap:var(--cf-space-200);color:var(--cf-color-text-tertiary);padding:var(--cf-space-150) var(--cf-space-200) var(--cf-space-150) var(--cf-space-350);font-size:var(--cf-font-size-250);line-height:var(--cf-line-height-160);border-left:1px solid rgba(0,0,0,0);margin-left:-1px}.article-page .lesson-sections a span{font-size:var(--cf-font-size-225);color:var(--cf-color-text-muted)}.article-page .lesson-sections a:hover{color:var(--cf-color-text)}.article-page .lesson-sections a.is-active{color:var(--cf-color-primary);border-left-color:var(--cf-color-primary-solid)}.article-page .curriculum-nav{position:relative;flex:1 1 auto;min-height:140px;margin:0 calc(-1*var(--cf-space-300));padding:0 var(--cf-space-300) var(--cf-space-300);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--cf-color-border-control) rgba(0,0,0,0)}.article-page .curriculum-nav ol{list-style:none;margin:0;padding:0}.article-page .curriculum-nav .lesson-sections{margin:var(--cf-space-100) 0 var(--cf-space-200) var(--cf-space-250)}.article-page .nav-stage+.nav-stage{margin-top:var(--cf-space-300)}.article-page .nav-stage-title{position:-webkit-sticky;position:sticky;top:0;z-index:1;display:block;padding:var(--cf-space-200) var(--cf-space-250) var(--cf-space-150);background:var(--cf-color-bg-subtle);color:var(--cf-color-text);font-size:var(--cf-font-size-275);font-weight:var(--cf-font-weight-semibold);line-height:var(--cf-line-height-140)}.article-page .nav-stage-title>span{display:block;font:var(--cf-font-size-225)/var(--cf-line-height-170) var(--cf-font-mono);font-weight:var(--cf-font-weight-regular);letter-spacing:var(--cf-letter-spacing-wider);color:var(--cf-color-text-tertiary)}.article-page .nav-stage-title:hover{color:var(--cf-color-primary)}.article-page .nav-module>summary{display:flex;align-items:baseline;gap:var(--cf-space-200);padding:var(--cf-space-150) var(--cf-space-250);border-radius:var(--cf-radius-150);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-275);line-height:var(--cf-line-height-150);cursor:pointer;list-style:none}.article-page .nav-module>summary::-webkit-details-marker{display:none}.article-page .nav-module>summary:hover{background:var(--cf-color-surface-raised);color:var(--cf-color-text)}.article-page .nav-module>summary:focus-visible{outline:2px solid var(--cf-color-focus-ring);outline-offset:-2px}.article-page .nav-module>summary svg{align-self:center;width:12px;height:12px;margin-left:auto;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.7;transition:transform var(--cf-duration-fast)}.article-page .nav-module[open]>summary{color:var(--cf-color-text)}.article-page .nav-module[open]>summary svg{transform:rotate(180deg)}.article-page .nav-lesson-index,.article-page .nav-module-number{flex-shrink:0;font:var(--cf-font-size-225)/var(--cf-line-height-160) var(--cf-font-mono);color:var(--cf-color-text-muted)}.article-page .nav-module-number{width:15px}.article-page .nav-module-title{min-width:0}.article-page .curriculum-nav .nav-lessons{margin:var(--cf-space-050) 0 var(--cf-space-150) var(--cf-space-400);border-left:1px solid var(--cf-color-border)}.article-page .nav-lesson{display:flex;align-items:baseline;gap:var(--cf-space-200);margin-left:-1px;padding:var(--cf-space-100) var(--cf-space-200) var(--cf-space-100) var(--cf-space-250);border-left:1px solid rgba(0,0,0,0);color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-275);line-height:var(--cf-line-height-150)}.article-page .nav-lesson>svg{align-self:center;width:11px;height:11px;margin-left:auto;flex-shrink:0;opacity:.7}.article-page .nav-lesson-title{min-width:0}.article-page .nav-lesson-video{display:flex;align-self:center;flex-shrink:0}.article-page .nav-lesson-video svg{width:13px;height:13px}.article-page .nav-lesson.is-available{color:var(--cf-color-text)}.article-page .nav-lesson.is-available:hover{color:var(--cf-color-primary)}.article-page .nav-lesson.is-current{border-left-color:var(--cf-color-primary-solid);border-radius:0 var(--cf-radius-150) var(--cf-radius-150) 0;background:var(--cf-color-primary-subtle);color:var(--cf-color-primary);font-weight:var(--cf-font-weight-medium)}.article-page .nav-lesson.is-current .nav-lesson-index{color:var(--cf-color-primary)}.article-page .nav-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.article-page .sidebar-bottom{margin-top:auto;border-top:1px solid var(--cf-color-border);padding:var(--cf-space-500) var(--cf-space-250) 0}.article-page .sidebar-bottom .sidebar-label{margin-inline:0;font-size:var(--cf-font-size-225)}.article-page .sidebar-bottom p{color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-275);line-height:var(--cf-line-height-180);margin:0 0 var(--cf-space-300)}.article-page .sidebar-bottom a{display:flex;align-items:center;gap:var(--cf-space-200);font-size:var(--cf-font-size-250);color:var(--cf-color-primary)}.article-page .sidebar-bottom a svg{width:12px}.article-page .learning-workspace{margin-left:224px;display:grid;grid-template-columns:minmax(0,740px) 244px;justify-content:center;grid-gap:var(--cf-space-1100);gap:var(--cf-space-1100);padding:var(--cf-space-900) var(--cf-space-800) 0}.article-page .learning-article{min-width:0;scroll-margin-top:84px}.article-page .article-breadcrumb{display:flex;gap:var(--cf-space-200);flex-wrap:wrap;font-size:var(--cf-font-size-250);color:var(--cf-color-text-tertiary);margin-bottom:var(--cf-space-600)}.article-page .article-breadcrumb>span:last-child{color:var(--cf-color-text)}.article-page .article-breadcrumb a:hover{color:var(--cf-color-primary)}.article-page .article-heading{padding-bottom:var(--cf-space-600);border-bottom:1px solid var(--cf-color-border)}.article-page .article-heading>p{color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-350);line-height:var(--cf-line-height-170);margin:var(--cf-space-200) 0 var(--cf-space-400);max-width:640px}.article-page .field-guide-label{display:flex;align-items:center;gap:var(--cf-space-200);font:var(--cf-font-size-225)/var(--cf-line-height-160) var(--cf-font-mono);letter-spacing:var(--cf-letter-spacing-widest);color:var(--cf-color-text-tertiary);margin-bottom:var(--cf-space-450)}.article-page .field-guide-label>span{font-size:var(--cf-font-size-400);letter-spacing:var(--cf-letter-spacing-tight);color:var(--cf-color-accent)}.article-page .article-tags{display:flex;align-items:center;gap:var(--cf-space-300);font-size:var(--cf-font-size-250);color:var(--cf-color-text-secondary)}.article-page .article-tags>span:first-child{border:1px solid var(--cf-color-border-control);padding:var(--cf-space-050) var(--cf-space-150);border-radius:var(--cf-radius-100);background:var(--cf-color-surface-raised)}.article-page .interactive-tag{display:flex;align-items:center;gap:var(--cf-space-150);color:var(--cf-color-text-secondary)}.article-page .interactive-tag>span{width:5px;height:5px;background:var(--cf-color-primary-solid);border-radius:var(--cf-radius-round)}.article-page h1{font-size:var(--cf-font-size-700);line-height:var(--cf-line-height-140);font-weight:var(--cf-font-weight-bold);letter-spacing:var(--cf-letter-spacing-snug);margin:var(--cf-space-300) 0 0}.article-page .article-metadata{display:flex;align-items:center;gap:var(--cf-space-300);flex-wrap:wrap;font-size:var(--cf-font-size-250);color:var(--cf-color-text-tertiary)}.article-page .article-metadata>span{display:flex;align-items:center;gap:var(--cf-space-150)}.article-page .article-metadata svg{width:13px;height:13px}.article-page .article-metadata a:hover{color:var(--cf-color-primary)}.article-page .article-metadata .metadata-process{text-decoration:underline;-webkit-text-decoration-color:var(--cf-color-border-hover);text-decoration-color:var(--cf-color-border-hover);text-underline-offset:.25em}.article-page .metadata-divider{width:3px;height:3px;background:var(--cf-color-border-hover);border-radius:var(--cf-radius-round)}.article-page .learning-objectives{margin:var(--cf-space-600) 0 var(--cf-space-700);padding-bottom:var(--cf-space-600);border-bottom:1px solid var(--cf-color-border)}.article-page .learning-objectives>strong{font-size:var(--cf-font-size-275);font-weight:var(--cf-font-weight-medium);color:var(--cf-color-text-secondary)}.article-page .learning-objectives ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--cf-space-450);gap:var(--cf-space-450);list-style:none;padding:0;margin:var(--cf-space-400) 0 0}.article-page .learning-objectives li{min-width:0;display:flex;align-items:flex-start;gap:var(--cf-space-200);color:var(--cf-color-text-secondary)}.article-page .learning-objectives li+li{border-left:1px solid var(--cf-color-border);padding-left:var(--cf-space-400)}.article-page .learning-objectives li strong{display:block;color:var(--cf-color-text);font-size:var(--cf-font-size-275);font-weight:var(--cf-font-weight-medium);margin-bottom:var(--cf-space-100)}.article-page .learning-objectives li div>span{display:block;font-size:var(--cf-font-size-250);line-height:var(--cf-line-height-180)}.article-page .objective-number{font:var(--cf-font-size-225)/var(--cf-line-height-200) var(--cf-font-mono);color:var(--cf-color-text-tertiary)}.article-page .lesson-videos{margin:0 0 var(--cf-space-700);padding-bottom:var(--cf-space-600);border-bottom:1px solid var(--cf-color-border)}.article-page .lesson-videos ul{display:grid;grid-gap:var(--cf-space-450);gap:var(--cf-space-450);list-style:none;padding:0;margin:var(--cf-space-400) 0 0}.article-page .lesson-videos ul.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:560px){.article-page .lesson-videos ul.is-grid{grid-template-columns:minmax(0,1fr)}}.article-page .lesson-videos-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--cf-space-200) var(--cf-space-400)}.article-page .lesson-videos-heading h2{display:flex;align-items:center;gap:var(--cf-space-200);margin:0;font-size:var(--cf-font-size-275);font-weight:var(--cf-font-weight-medium);color:var(--cf-color-text-secondary)}.article-page .lesson-videos-heading a{font-size:var(--cf-font-size-250);color:var(--cf-color-text-secondary)}.article-page .lesson-videos-heading a:hover{color:var(--cf-color-primary-hover)}@media(max-width:560px){.article-page .lesson-videos-heading h2{font-size:var(--cf-font-size-400)}.article-page .lesson-videos-heading a{font-size:var(--cf-font-size-350)}}.article-page .lesson-video{min-width:0}.article-page .lesson-video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-200);background:var(--cf-color-surface-raised)}.article-page .lesson-video-frame button,.article-page .lesson-video-frame iframe,.article-page .lesson-video-frame img{display:block;width:100%;height:100%;border:0}.article-page .lesson-video-frame button{position:relative;padding:0;background:none;cursor:pointer}.article-page .lesson-video-frame button:focus-visible{outline:2px solid var(--cf-color-focus-ring);outline-offset:-2px}.article-page .lesson-video-frame button:hover .lesson-video-play svg{transform:scale(1.08)}.article-page .lesson-video-frame img{object-fit:cover}.article-page .lesson-video-play{position:absolute;inset:0;display:grid;place-items:center}.article-page .lesson-video-play svg{width:56px;height:56px;transition:transform var(--cf-duration-fast) var(--cf-ease-standard)}.article-page .lesson-video-length{position:absolute;right:var(--cf-space-200);bottom:var(--cf-space-200);padding:var(--cf-space-050) var(--cf-space-150);border-radius:var(--cf-radius-100);background:var(--cf-color-scrim-strong);color:#fff;font-family:var(--cf-font-mono);font-size:var(--cf-font-size-250)}.article-page .lesson-video-caption{display:flex;flex-direction:column;gap:var(--cf-space-050);margin-top:var(--cf-space-200);font-size:var(--cf-font-size-250);color:var(--cf-color-text-tertiary)}.article-page .lesson-video-caption strong{color:var(--cf-color-text);font-size:var(--cf-font-size-300);font-weight:var(--cf-font-weight-medium)}.article-page .lesson-video-caption a{color:var(--cf-color-text-secondary)}.article-page .lesson-video-caption a:hover{color:var(--cf-color-primary-hover)}@media(max-width:560px){.article-page .lesson-video-caption{font-size:var(--cf-font-size-350)}.article-page .lesson-video-caption strong{font-size:var(--cf-font-size-400)}}.article-page .lesson-video-new-tab{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.article-page .learning-article section{margin-top:var(--cf-space-800);scroll-margin-top:76px}.article-page .learning-article section>h2:before{content:"";display:block;width:20px;height:2px;margin-bottom:var(--cf-space-300);border-radius:var(--cf-radius-full);background:var(--cf-color-accent)}.article-page h2{font-size:var(--cf-font-size-500);font-weight:var(--cf-font-weight-strong);letter-spacing:var(--cf-letter-spacing-slight);line-height:var(--cf-line-height-150);margin:0 0 var(--cf-space-300)}.article-page .learning-article section>p{color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-400);line-height:var(--cf-line-height-180);margin:var(--cf-space-300) 0}.article-page .learning-article section>h3{font-size:var(--cf-font-size-400);font-weight:var(--cf-font-weight-strong);margin:var(--cf-space-500) 0 var(--cf-space-250)}.article-page .learning-article section>ol:not([class]),.article-page .learning-article section>ul:not([class]){padding-left:var(--cf-space-500);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-350)}.article-page .learning-article section>ol:not([class]) li,.article-page .learning-article section>ul:not([class]) li{margin:var(--cf-space-200) 0;padding-left:var(--cf-space-100)}.article-page .explanation-list strong,.article-page .learning-article p strong{color:var(--cf-color-text);font-weight:var(--cf-font-weight-strong)}.article-page code{font-family:var(--cf-font-mono)}.article-page li code,.article-page p code{background:var(--cf-color-surface-strong);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-100);color:var(--cf-color-code-inline-text);padding:1px var(--cf-space-100);font-size:.88em;overflow-wrap:anywhere}.article-page .article-callout{display:flex;align-items:flex-start;gap:var(--cf-space-300);margin-block:var(--cf-space-500);padding:var(--cf-space-350) var(--cf-space-400);background:var(--cf-color-surface-raised);border-left:2px solid var(--cf-color-border-emphasis);border-radius:0 var(--cf-radius-150) var(--cf-radius-150) 0}.article-page .article-callout .callout-title{display:block;font-size:var(--cf-font-size-325);font-weight:var(--cf-font-weight-strong);color:var(--cf-color-text)}.article-page .article-callout p{margin:var(--cf-space-100) 0 0;font-size:var(--cf-font-size-350);line-height:var(--cf-line-height-180);color:var(--cf-color-text-secondary)}.article-page .article-callout.subtle{background:var(--cf-color-surface);border-color:var(--cf-color-border-strong)}.article-page .callout-icon,.article-page .explanation-marker{border:1px solid var(--cf-color-border-emphasis);color:var(--cf-color-text-secondary);border-radius:var(--cf-radius-round);width:15px;height:15px;display:grid;place-items:center;font:var(--cf-font-size-250)/var(--cf-line-height-100) var(--cf-font-mono);flex-shrink:0;margin-top:var(--cf-space-050)}.article-page .article-code{border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-150);overflow:hidden;margin:var(--cf-space-450) 0;background:var(--cf-color-code-bg)}.article-page .code-heading,.article-page .pane-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--cf-space-250);border-bottom:1px solid var(--cf-color-border);padding:var(--cf-space-200) var(--cf-space-350);font-size:var(--cf-font-size-250);color:var(--cf-color-text-secondary);background:var(--cf-color-surface-raised)}.article-page .code-heading>span:last-child,.article-page .pane-heading>span:last-child{color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-225)}.article-page .code-heading-meta{display:flex;align-items:center;gap:var(--cf-space-300)}.article-page .code-edit-run{padding:var(--cf-space-050) var(--cf-space-250);border:1px solid var(--cf-color-primary-border);border-radius:var(--cf-radius-full);background:var(--cf-color-primary-subtle);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-225);font-weight:var(--cf-font-weight-semibold);white-space:nowrap}.article-page .code-edit-run:hover{background:var(--cf-color-primary-subtle-hover);color:var(--cf-color-primary-hover)}.article-page .article-code.is-editing{border-color:var(--cf-color-primary-border)}.article-page .code-open-editor{color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-225);font-weight:var(--cf-font-weight-semibold);white-space:nowrap;text-decoration:underline;-webkit-text-decoration-color:var(--cf-color-primary-border);text-decoration-color:var(--cf-color-primary-border);text-underline-offset:2px}.article-page .code-open-editor:hover{color:var(--cf-color-primary-hover);-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.article-page .code-open-editor-note{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.article-page .article-code pre{margin:0;padding:var(--cf-space-400) var(--cf-space-450);overflow-x:auto;color:var(--cf-color-code-text);font-size:var(--cf-font-size-325);line-height:var(--cf-line-height-180)}.article-page .article-code pre.numbered-code{padding:var(--cf-space-350) 0}.article-page .article-code pre.numbered-code:focus-visible{outline:2px solid var(--cf-color-focus-ring);outline-offset:-3px}.article-page .explanation-list{margin:var(--cf-space-300) 0;padding-left:var(--cf-space-500);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-350)}.article-page .explanation-list li{margin:var(--cf-space-200) 0;padding-left:var(--cf-space-100)}.article-page .explanation-list li::marker{color:var(--cf-color-primary-muted);font-size:var(--cf-font-size-300)}.article-page .section-title-row{display:flex;align-items:center;gap:var(--cf-space-300);flex-wrap:wrap;margin-bottom:var(--cf-space-300)}.article-page .section-title-row h2{margin:0}.article-page .small-badge{font-size:var(--cf-font-size-200);font-weight:var(--cf-font-weight-strong);letter-spacing:var(--cf-letter-spacing-wide);color:var(--cf-color-text-secondary);background:var(--cf-color-surface);border:1px solid var(--cf-color-border-strong);padding:var(--cf-space-050) var(--cf-space-150);border-radius:var(--cf-radius-100)}.article-page .scope-comparison{display:flex;align-items:center;gap:var(--cf-space-400);margin-block:var(--cf-space-500)}.article-page .scope-comparison>div{flex:1 1;min-width:0;border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-150);padding:var(--cf-space-350);background:var(--cf-color-primary-faint)}.article-page .scope-comparison>div>code{font-size:var(--cf-font-size-250);display:block;overflow-wrap:anywhere;color:var(--cf-color-primary)}.article-page .scope-comparison>div>span{display:block;margin-top:var(--cf-space-300);font-size:var(--cf-font-size-250);color:var(--cf-color-text-tertiary)}.article-page .scope-comparison>div>strong{font-size:var(--cf-font-size-300);font-weight:var(--cf-font-weight-book)}.article-page .scope-separator{color:var(--cf-color-text-muted);font-size:var(--cf-font-size-550)}.article-page .misconception-list{margin:var(--cf-space-450) 0;border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-150)}.article-page .misconception-list>div{padding:var(--cf-space-350) var(--cf-space-450)}.article-page .misconception-list>div+div{border-top:1px solid var(--cf-color-border)}.article-page .misconception-list h3{font-size:var(--cf-font-size-350);font-weight:var(--cf-font-weight-strong);margin:0 0 var(--cf-space-150)}.article-page .misconception-list p{color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-350);line-height:var(--cf-line-height-180);margin:0}.article-page .quiz-options{display:flex;flex-direction:column;gap:var(--cf-space-200)}.article-page .quiz-options button{display:flex;align-items:center;gap:var(--cf-space-300);width:100%;padding:var(--cf-space-250) var(--cf-space-350);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-150);background:var(--cf-color-surface);color:var(--cf-color-text-secondary);text-align:left;font-size:var(--cf-font-size-350)}.article-page .quiz-options button:hover{background:var(--cf-color-primary-subtle);border-color:var(--cf-color-primary-border-hover)}.article-page .quiz-options button.is-correct{background:var(--cf-color-success-subtle);border-color:var(--cf-color-success-border)}.article-page .quiz-options button.is-incorrect{background:var(--cf-color-danger-subtle);border-color:var(--cf-color-danger-border)}.article-page .option-letter{display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--cf-color-border-strong);border-radius:var(--cf-radius-100);font-size:var(--cf-font-size-250);color:var(--cf-color-text-secondary)}.article-page .option-result{margin-left:auto;font-size:var(--cf-font-size-275)}.article-page .quiz-feedback{font-size:var(--cf-font-size-350);color:var(--cf-color-text-tertiary);margin-top:var(--cf-space-300);line-height:var(--cf-line-height-180)}.article-page .quiz-feedback.success{color:var(--cf-color-success)}.article-page .takeaway-list{padding-left:var(--cf-space-450);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-350)}.article-page .takeaway-list li{margin:var(--cf-space-200) 0;padding-left:var(--cf-space-100)}.article-page .takeaway-list li::marker{color:var(--cf-color-primary-muted)}.article-page .final-definition{display:flex;align-items:flex-start;gap:var(--cf-space-300);padding:var(--cf-space-400);background:var(--cf-color-surface-raised);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-200);margin-top:var(--cf-space-600)}.article-page .final-definition>svg{color:var(--cf-color-text-secondary);flex-shrink:0;margin-top:var(--cf-space-100)}.article-page .final-definition p{margin:0}.article-page .final-definition p,.article-page p.final-definition{font-size:var(--cf-font-size-350);line-height:var(--cf-line-height-180);color:var(--cf-color-text-secondary)}.article-page p.final-definition{display:block}.article-page .article-footer{margin-top:var(--cf-space-900);border-top:1px solid var(--cf-color-border);padding-top:var(--cf-space-500);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--cf-space-350);gap:var(--cf-space-350)}.article-page .article-footer a{border:1px solid var(--cf-color-border);background:var(--cf-color-surface);border-radius:var(--cf-radius-150);padding:var(--cf-space-350)}.article-page .article-footer a:hover{border-color:var(--cf-color-primary-border-hover)}.article-page .article-footer span{display:block;font-size:var(--cf-font-size-200);letter-spacing:var(--cf-letter-spacing-wide);color:var(--cf-color-text-tertiary)}.article-page .article-footer strong{display:flex;align-items:center;justify-content:space-between;gap:var(--cf-space-250);font-size:var(--cf-font-size-275);font-weight:var(--cf-font-weight-book);margin-top:var(--cf-space-150)}.article-page .article-footer svg{color:var(--cf-color-primary-muted);width:13px;flex-shrink:0}.article-page .article-endnote{display:flex;justify-content:space-between;gap:var(--cf-space-250);padding:var(--cf-space-600) 0 var(--cf-space-700);font-size:var(--cf-font-size-250);color:var(--cf-color-text-tertiary)}.article-page .article-endnote>span{color:var(--cf-color-text-muted)}.article-page .reading-sidebar{position:-webkit-sticky;position:sticky;top:84px;align-self:start;min-width:0;margin:var(--cf-space-1100) calc(-1*var(--cf-space-100)) 0;padding:0 var(--cf-space-100) var(--cf-space-400);max-height:calc(100vh - 96px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--cf-color-border-control) rgba(0,0,0,0)}.article-page .article-map{border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-300);padding:var(--cf-space-450) var(--cf-space-300) var(--cf-space-400);background:var(--cf-color-bg-subtle)}.article-page .article-map-heading{display:flex;justify-content:space-between;align-items:center;margin:0 var(--cf-space-150) var(--cf-space-200);font-size:var(--cf-font-size-225);color:var(--cf-color-text-tertiary)}.article-page .article-map-heading>span:first-child{font:var(--cf-font-size-200) var(--cf-font-mono);letter-spacing:var(--cf-letter-spacing-wider)}.article-page .reading-progress{margin:var(--cf-space-400) var(--cf-space-150) 0;padding-top:var(--cf-space-350);border-top:1px dashed var(--cf-color-border-control)}.article-page .reading-progress>div{display:flex;justify-content:space-between;align-items:center;font-size:var(--cf-font-size-250);color:var(--cf-color-text-secondary)}.article-page .reading-progress strong{font-weight:var(--cf-font-weight-book);color:var(--cf-color-primary)}.article-page .reading-progress progress{width:100%;height:3px;display:block;margin-top:var(--cf-space-250);border:0;border-radius:var(--cf-radius-100);background:var(--cf-color-border);accent-color:var(--cf-color-primary-solid)}.article-page .reading-progress progress::-webkit-progress-bar{background:var(--cf-color-border);border-radius:var(--cf-radius-100)}.article-page .reading-progress progress::-webkit-progress-value{background:var(--cf-color-primary-solid);border-radius:var(--cf-radius-100)}.article-page .reading-progress progress::-moz-progress-bar{background:var(--cf-color-primary-solid)}.article-page .table-of-contents h2{font-size:var(--cf-font-size-325);font-weight:var(--cf-font-weight-strong);margin:0 var(--cf-space-150) var(--cf-space-300);letter-spacing:0}.article-page .table-of-contents a{display:flex;align-items:baseline;gap:var(--cf-space-250);font-size:var(--cf-font-size-250);line-height:var(--cf-line-height-160);color:var(--cf-color-text-tertiary);padding:var(--cf-space-200) var(--cf-space-150);margin-block:var(--cf-space-050);border-radius:var(--cf-radius-150)}.article-page .table-of-contents a:hover{color:var(--cf-color-text);background:var(--cf-color-surface-raised)}.article-page .table-of-contents a.is-active{color:var(--cf-color-text);background:var(--cf-color-primary-subtle)}.article-page .table-of-contents a.is-active .section-index{color:var(--cf-color-primary)}.article-page .section-index{font:var(--cf-font-size-225) var(--cf-font-mono);color:var(--cf-color-text-muted)}.article-page .prerequisite-card{margin:var(--cf-space-500) var(--cf-space-150) 0;padding-left:var(--cf-space-300);border-left:1px solid var(--cf-color-border-strong)}.article-page .prerequisite-card>svg{color:var(--cf-color-text-secondary);width:15px}.article-page .prerequisite-card h3{font-size:var(--cf-font-size-300);font-weight:var(--cf-font-weight-medium);margin:var(--cf-space-200) 0 var(--cf-space-150)}.article-page .prerequisite-card p{color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-275);line-height:var(--cf-line-height-180);margin:0}.article-page .prerequisite-card a{color:var(--cf-color-primary);font-size:var(--cf-font-size-250);display:flex;align-items:center;gap:var(--cf-space-150);margin-top:var(--cf-space-300)}.article-page .prerequisite-card a svg{width:12px}.article-page .sidebar-playground{display:flex;align-items:center;gap:var(--cf-space-250);padding:var(--cf-space-450) var(--cf-space-150)}.article-page .sidebar-playground>svg{color:var(--cf-color-primary);width:16px;flex-shrink:0}.article-page .sidebar-playground>svg:last-child{margin-left:auto;width:12px}.article-page .sidebar-playground>span{font-size:var(--cf-font-size-250);color:var(--cf-color-text-tertiary)}.article-page .sidebar-playground strong{display:block;color:var(--cf-color-text);font-size:var(--cf-font-size-275);font-weight:var(--cf-font-weight-book)}.article-page .article-playground{margin:var(--cf-space-500) 0;border:1px solid var(--cf-color-border-strong);border-radius:var(--cf-radius-250);overflow:hidden;background:var(--cf-color-code-bg)}.article-page .playground-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--cf-space-250);padding:var(--cf-space-250) var(--cf-space-350);border-bottom:1px solid var(--cf-color-border);background:var(--cf-color-surface-raised)}.article-page .playground-title{display:flex;align-items:center;gap:var(--cf-space-200);font-size:var(--cf-font-size-300);color:var(--cf-color-text);font-weight:var(--cf-font-weight-medium)}.article-page .live-dot{width:6px;height:6px;border-radius:var(--cf-radius-050);background:var(--cf-color-primary-solid)}.article-page .reset-playground{background:none;color:var(--cf-color-text-secondary);border:0;padding:var(--cf-space-050) var(--cf-space-100);font-size:var(--cf-font-size-275)}.article-page .reset-playground span{margin-right:var(--cf-space-100)}.article-page .reset-playground:hover{color:var(--cf-color-text-strong)}.article-page .playground-panes{display:grid;grid-template-columns:1.05fr 1fr}.article-page .source-pane{min-width:0;border-right:1px solid var(--cf-color-border)}.article-page .source-pane pre{margin:0;padding:var(--cf-space-350) 0;font-size:var(--cf-font-size-300);line-height:var(--cf-line-height-180);overflow-x:auto;color:var(--cf-color-code-text)}.article-page .source-line{display:flex;min-width:max-content;padding-right:var(--cf-space-250);border-left:2px solid rgba(0,0,0,0)}.article-page .line-number{width:31px;flex-shrink:0;color:var(--cf-color-text-muted);font-size:var(--cf-font-size-250);text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.article-page .executed-line{background:var(--cf-color-primary-subtle-hover);border-left-color:var(--cf-color-primary-solid)}.article-page .executed-line .line-number{color:var(--cf-color-text-tertiary)}.article-page .token-keyword{color:var(--cf-color-secondary)}.article-page .token-function{color:var(--cf-color-code-function)}.article-page .token-number{color:var(--cf-color-tertiary)}.article-page .runtime-pane{min-width:0}.article-page .runtime-pane .pane-heading{padding-inline:var(--cf-space-300)}.article-page .pane-body,.article-page .runtime-pane>p{margin:0;padding:var(--cf-space-300) var(--cf-space-350);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300);line-height:var(--cf-line-height-170)}.article-page .environment-list{padding:var(--cf-space-300);display:flex;flex-direction:column;gap:var(--cf-space-200)}.article-page .environment-card{padding:var(--cf-space-250) var(--cf-space-300);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-150);background:var(--cf-color-primary-faint)}.article-page .environment-card.last-updated{border-color:var(--cf-color-primary-border-hover)}.article-page .environment-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:var(--cf-space-150)}.article-page .environment-card>div:first-child strong{font-size:var(--cf-font-size-250);font-weight:var(--cf-font-weight-medium);color:var(--cf-color-text-secondary)}.article-page .environment-card>div:first-child span{font-size:var(--cf-font-size-200)}.article-page .not-created{color:var(--cf-color-text-tertiary)}.article-page .retained{color:var(--cf-color-success)}.article-page .binding-row{display:flex;justify-content:space-between;gap:var(--cf-space-250);align-items:center;margin-top:var(--cf-space-150)}.article-page .binding-row code{color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-275)}.article-page .binding-row strong{font-family:var(--cf-font-mono);font-size:var(--cf-font-size-450);color:var(--cf-color-code-text);font-weight:var(--cf-font-weight-medium)}.article-page .environment-reference{display:block;font-size:var(--cf-font-size-225);color:var(--cf-color-text-tertiary)}.article-page .return-console{border-top:1px solid var(--cf-color-border)}.article-page .return-console .pane-heading{font-size:var(--cf-font-size-225)}.article-page .return-console .pane-heading>span:last-child{font-size:var(--cf-font-size-200)}.article-page .console-entries{min-height:68px;max-height:150px;overflow-y:auto;padding:var(--cf-space-200) var(--cf-space-300)}.article-page .console-entries>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--cf-space-050) var(--cf-space-200);font-size:var(--cf-font-size-250);line-height:var(--cf-line-height-200);color:var(--cf-color-text-tertiary)}.article-page .console-placeholder{color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-250);margin:var(--cf-space-150) 0}.article-page .return-value{color:var(--cf-color-primary)}.article-page .playground-controls{border-top:1px solid var(--cf-color-border);display:flex;justify-content:space-between;align-items:center;gap:var(--cf-space-250);padding:var(--cf-space-300) var(--cf-space-350);background:var(--cf-color-surface-raised)}.article-page .step-indicator{font-size:var(--cf-font-size-250);color:var(--cf-color-text-tertiary);white-space:nowrap}.article-page .callout-title code,.article-page .code-heading code,.article-page .execution-explanation-text strong code,.article-page .learning-objectives code,.article-page .playground-caption code,.article-page .playground-title code,.article-page .prerequisite-card code{background:var(--cf-color-surface-strong);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-100);color:var(--cf-color-code-inline-text);padding:0 var(--cf-space-100);font-size:.92em}.article-page .playground-position{display:flex;flex-direction:column;gap:var(--cf-space-050);line-height:var(--cf-line-height-140)}.article-page .article-playground:not(.is-execution) .playground-position>:not(.step-indicator){color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-250);font-weight:var(--cf-font-weight-semibold)}.article-page :where(.article-playground:not(.is-execution)) :where(.execution-edit){flex:1 1;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:var(--cf-space-150) var(--cf-space-300);gap:var(--cf-space-150) var(--cf-space-300);align-items:center;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-275)}.article-page :where(.article-playground:not(.is-execution)) :where(.execution-edit) input:not([type=checkbox],[type=radio]){width:100%;min-width:0;min-height:40px;box-sizing:border-box;border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-100);padding:var(--cf-space-200) var(--cf-space-250);background:var(--cf-color-surface);color:var(--cf-color-text);font:var(--cf-font-size-325) var(--cf-font-mono)}.article-page :where(.article-playground:not(.is-execution)) :where(.execution-edit)>:last-child:not(input){grid-column:1/-1;color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-250)}@media(max-width:560px){.article-page :where(.article-playground:not(.is-execution)) :where(.execution-edit){grid-template-columns:minmax(0,1fr)}}.article-page :where(.article-playground:not(.is-execution)) button:not([class]){border:1px solid var(--cf-color-primary-border);border-radius:var(--cf-radius-150);background:var(--cf-color-primary-subtle);color:var(--cf-color-text);padding:var(--cf-space-150) var(--cf-space-300);font-size:var(--cf-font-size-275);font-weight:var(--cf-font-weight-medium)}.article-page :where(.article-playground:not(.is-execution)) button:not([class]):hover:not(:disabled){background:var(--cf-color-primary-subtle-active)}.article-page :where(.article-playground:not(.is-execution)) button:not([class])[aria-pressed=false]{background:var(--cf-color-surface);border-color:var(--cf-color-border-control);color:var(--cf-color-text-secondary)}.article-page :where(.article-playground:not(.is-execution)) button:not([class])[aria-current=step],.article-page :where(.article-playground:not(.is-execution)) button:not([class])[aria-current=true],.article-page :where(.article-playground:not(.is-execution)) button:not([class])[aria-pressed=true]{background:var(--cf-color-primary-subtle-active);border-color:var(--cf-color-primary-border-hover);color:var(--cf-color-text-strong)}.article-page :where(.article-playground:not(.is-execution)) button:not([class]):disabled{background:var(--cf-color-surface);border-color:var(--cf-color-border);color:var(--cf-color-text-muted);cursor:not-allowed}.article-page .next-step-button{display:flex;align-items:center;gap:var(--cf-space-450);background:var(--cf-color-primary-solid);color:var(--cf-color-on-primary-solid);border:1px solid var(--cf-color-primary-solid-hover);border-radius:var(--cf-radius-150);font-size:var(--cf-font-size-275);font-weight:var(--cf-font-weight-semibold);padding:var(--cf-space-150) var(--cf-space-300)}.article-page .next-step-button:hover{background:var(--cf-color-primary-solid-hover)}.article-page .free-play-controls{display:flex;align-items:center;gap:var(--cf-space-150)}.article-page .free-play-controls>span{font-size:var(--cf-font-size-225);color:var(--cf-color-text-secondary)}.article-page .free-play-controls button{background:var(--cf-color-primary-subtle);color:var(--cf-color-text);border:1px solid var(--cf-color-primary-border);border-radius:var(--cf-radius-100);padding:var(--cf-space-150) var(--cf-space-250);font:var(--cf-font-size-250) var(--cf-font-mono)}.article-page .free-play-controls button:hover{background:var(--cf-color-primary-subtle-active)}.article-page .free-play-controls button:disabled{background:var(--cf-color-surface);color:var(--cf-color-text-tertiary);border-color:var(--cf-color-border);cursor:not-allowed}.article-page .execution-explanation{display:flex;align-items:flex-start;gap:var(--cf-space-250);padding:var(--cf-space-300) var(--cf-space-350);background:var(--cf-color-surface-raised);border-top:1px solid var(--cf-color-border);min-height:70px}.article-page .execution-explanation p{min-width:0;overflow-wrap:anywhere;margin:0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-275);line-height:var(--cf-line-height-180)}.article-page .execution-explanation-text{min-width:0}.article-page .execution-explanation-text>strong{display:block;margin-bottom:var(--cf-space-100);font-size:var(--cf-font-size-300);font-weight:var(--cf-font-weight-semibold)}.article-page .playground-caption{padding:var(--cf-space-200) var(--cf-space-350);font-size:var(--cf-font-size-225);color:var(--cf-color-text-tertiary);border-top:1px solid var(--cf-color-border)}@media(max-width:1200px){.article-page .learning-workspace{gap:var(--cf-space-800);grid-template-columns:minmax(0,1fr) 220px}}@media(max-width:1020px){.article-page .reading-sidebar{display:none}.article-page .learning-workspace{display:block}.article-page .learning-article{max-width:720px;margin-inline:auto}}@media(max-width:768px){.article-page .header-practice{display:none}.article-page .learning-sidebar{display:none;top:56px;width:min(280px,100vw - 40px)}.article-page .learning-sidebar.is-open{display:flex}.article-page .course-heading div>span,.article-page .course-icon,.article-page .lesson-link,.article-page .lesson-sections a,.article-page .lesson-sections a span,.article-page .nav-lesson,.article-page .nav-lesson-index,.article-page .nav-module-number,.article-page .nav-module>summary,.article-page .nav-stage-title,.article-page .nav-stage-title>span,.article-page .progress-link.is-sidebar,.article-page .sidebar-label,.article-page .sidebar-library{font-size:var(--cf-font-size-350)}.article-page .course-heading strong{font-size:var(--cf-font-size-400)}.article-page .sidebar-backdrop{display:block;top:56px}.article-page .learning-workspace{margin:0;padding:var(--cf-space-600) var(--cf-space-500) 0}.article-page h1{font-size:var(--cf-font-size-650)}.article-page h2{font-size:var(--cf-font-size-600)}.article-page .article-heading>p{font-size:var(--cf-font-size-350)}.article-page .article-breadcrumb{margin-bottom:var(--cf-space-500)}.article-page .article-metadata,.article-page .learning-article section>p{font-size:var(--cf-font-size-350)}.article-page .article-metadata{gap:var(--cf-space-200)}.article-page .article-callout p,.article-page .callout-title,.article-page .code-edit-actions button,.article-page .code-edit-run,.article-page .code-heading,.article-page .code-open-editor,.article-page .execution-explanation p,.article-page .execution-explanation-text>strong,.article-page .learning-objectives li div>span,.article-page .learning-objectives li strong,.article-page .learning-objectives>strong,.article-page .playground-caption{font-size:var(--cf-font-size-400)}.article-page .article-breadcrumb,.article-page .article-tags,.article-page .code-heading>span:last-child,.article-page .field-guide-label,.article-page .objective-number{font-size:var(--cf-font-size-350)}.article-page .quiz-options button{font-size:var(--cf-font-size-400)}.article-page .article-playground:not(.is-execution) .sorter-choices button:not([class]),.article-page .option-letter{font-size:var(--cf-font-size-350)}.article-page .learning-article section{scroll-margin-top:78px}.article-page .article-footer{gap:var(--cf-space-250)}.article-page .article-footer a{padding:var(--cf-space-300)}.article-page .article-footer strong{font-size:var(--cf-font-size-250)}}@media(min-width:769px)and (max-width:1200px){.article-page .playground-panes{grid-template-columns:minmax(0,1fr)}.article-page .source-pane{border-right:0;border-bottom:1px solid var(--cf-color-border)}.article-page .environment-list{flex-direction:row}.article-page .environment-list>div{flex:1 1;min-width:0}}@media(max-width:560px){.article-page .code-heading,.article-page .code-heading-meta,.article-page .playground-controls{flex-wrap:wrap}.article-page .playground-panes{grid-template-columns:minmax(0,1fr)}.article-page .source-pane{border-right:0;border-bottom:1px solid var(--cf-color-border)}.article-page .source-pane pre{font-size:var(--cf-font-size-275)}.article-page .environment-list{flex-direction:row;gap:var(--cf-space-200);padding:var(--cf-space-250)}.article-page .environment-list>div{flex:1 1;min-width:0}.article-page .environment-card{padding:var(--cf-space-200)}.article-page .environment-card>div:first-child{flex-direction:column;align-items:flex-start;gap:var(--cf-space-050)}.article-page .environment-reference{font-size:var(--cf-font-size-300)}.article-page .console-entries>div{font-size:var(--cf-font-size-400)}.article-page .scope-comparison{gap:var(--cf-space-200)}.article-page .scope-comparison>div{padding:var(--cf-space-250)}.article-page .article-code pre,.article-page .scope-comparison>div>code{font-size:var(--cf-font-size-400)}.article-page .article-code pre{padding:var(--cf-space-350)}.article-page .learning-objectives ul{grid-template-columns:1fr;gap:var(--cf-space-300)}.article-page .learning-objectives li+li{border:0;padding-left:0}.article-page .learning-objectives li strong{margin-bottom:var(--cf-space-050)}.article-page .article-endnote{font-size:var(--cf-font-size-350);flex-wrap:wrap}.article-page .free-play-controls{flex-wrap:wrap;justify-content:flex-end}.article-page .free-play-controls>span{display:none}.article-page .learning-workspace{padding-inline:var(--cf-space-450)}}@media(prefers-reduced-motion:reduce){.article-page *,.article-page :after,.article-page :before{transition:none!important}}