.learn-surface .teks-page{--teks-gutter:0px;flex-direction:column;min-width:0;display:flex}@media (max-width:639.98px){.learn-surface .site-shell:has(>.teks-page){gap:22px}.learn-surface .teks-head{text-align:center;align-items:center}}@media (min-width:640px){.learn-surface .teks-page{padding-top:10px}}@media (min-width:640px) and (max-height:499.98px){.learn-surface .teks-page{padding-top:0}.learn-surface .teks-head .mh-title{font-size:40px}}.learn-surface .teks-head{flex-direction:column;gap:14px;display:flex}.learn-surface .teks-intro{text-wrap:balance;max-width:58ch}@media (max-width:379.98px){.learn-surface .teks-page .topics-bar:not(.is-stuck) .list-title{font-size:24px}.learn-surface .teks-page .teks-intro{font-size:16px}}.learn-surface .teks-page .bar-title{align-self:stretch;position:relative}.learn-surface .teks-page .topics-bar.is-stuck .bar-title{min-height:34px}@media (min-width:640px){.learn-surface .teks-page .bar-title{align-self:auto}.learn-surface .teks-page .bar-where{padding-right:12px}}.learn-surface .teks-page .tab-num{font-size:calc(var(--tab-w) * .2)}@media (min-width:900px){.learn-surface .teks-page .topics-panel{grid-template-rows:repeat(5,auto)}}.learn-surface .teks-page .section-note{max-width:calc(60ch + 32px);color:var(--color-mh-ink);text-wrap:pretty;padding:14px 16px 8px 14px;font-size:16px;font-weight:600;line-height:1.55}@media (min-width:640px){.learn-surface .teks-page .section-note{max-width:calc(60ch + 48px);padding:16px 24px 10px 16px}}.learn-surface .teks-page .in-view-list{flex-direction:column;gap:8px;padding:4px 12px 14px;display:flex}.learn-surface .teks-page .code-row.in-view{min-height:0;padding:0}.learn-surface .teks-page .code-row.in-view+.code-row.in-view{border-top:0}.learn-surface .teks-page .code-row.in-view .teks-panel{margin:0}@media (min-width:640px){.learn-surface .teks-page .in-view-list{gap:10px;padding:6px 20px 20px 14px}}.learn-surface .teks-page .code-row{padding:10px 12px 12px;scroll-margin-top:16px;position:relative}.learn-surface .teks-page .code-row+.code-row{border-top:1px solid var(--cb-hairline)}.learn-surface .teks-page .teks{display:block}.learn-surface .teks-page .teks-toggle{cursor:pointer;background:0 0;border:0;align-items:center;min-height:46px;padding:0;display:inline-flex}.learn-surface .teks-page .teks-toggle:focus-visible{outline:none}.learn-surface .teks-page .teks-toggle:focus-visible .teks-chip{outline:3px solid var(--color-mh-ink);outline-offset:5px}.learn-surface .teks-page .teks-chip{border:2px solid var(--color-mh-ink);border-radius:var(--cb-radius-pill);background:var(--cb-white);min-height:30px;color:var(--color-mh-ink);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:6px;padding:3px 10px 3px 12px;font-size:13px;font-weight:700;line-height:1.3;display:inline-flex}.learn-surface .teks-page .teks-chevron{transition:transform .15s var(--cb-ease-out);flex:0 0 12px}@media (hover:hover){.learn-surface .teks-page .teks-toggle:hover .teks-chip>span{text-underline-offset:3px;text-decoration:underline}}.learn-surface .teks-page .teks.is-open .teks-chevron{transform:rotate(180deg)}.learn-surface .teks-page .teks.is-open .teks-chip{background:var(--cb-sky)}.learn-surface .teks-page .teks-panel{border-radius:var(--cb-radius-picture);background:var(--cb-sky);max-width:60ch;color:var(--color-mh-ink);text-wrap:pretty;margin:6px 0;padding:12px 16px;font-size:16px;font-weight:600;line-height:1.55}.learn-surface .teks-page .teks-panel[hidden]{display:none}.learn-surface .teks-page .teks-panel dt,.learn-surface .teks-page .teks-panel dd{display:inline}.learn-surface .teks-page .teks-panel dt{font-variant-numeric:tabular-nums;font-weight:800}.learn-surface .teks-page .teks.is-opening .teks-panel{animation:learn-teks-panel-in .22s var(--cb-ease-out) both}@keyframes learn-teks-panel-in{0%{opacity:0;transform:translateY(-4px)}}.learn-surface .teks-page .code-skills{flex-direction:column;display:flex}.learn-surface .teks-page .skill-link{min-height:46px;color:var(--color-mh-ink);border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding-block:10px;display:flex}.learn-surface .teks-page .skill-name{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--color-mh-body);text-decoration-color:var(--color-mh-body);font-size:15px;font-weight:600;line-height:1.5}.learn-surface .teks-page .skill-where{color:var(--color-mh-body);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;line-height:1.4}@media (hover:hover){.learn-surface .teks-page .skill-link:hover .skill-name{-webkit-text-decoration-color:var(--color-mh-ink);text-decoration-color:var(--color-mh-ink);text-decoration-thickness:2.5px}.learn-surface .teks-page .skill-link:hover .skill-where{color:var(--color-mh-ink)}}@media (min-width:640px){.learn-surface .teks-page{--teks-gutter:128px}.learn-surface .teks-page .code-row{min-height:72px;padding:12px 20px 12px calc(14px + var(--teks-gutter))}.learn-surface .teks-page .code-row>.teks>.teks-toggle{position:absolute;top:12px;left:14px}.learn-surface .teks-page .teks-panel{margin:0 0 6px}.learn-surface .teks-page .skill-name{font-size:16px}}@media (prefers-reduced-motion:reduce){.learn-surface .teks-page .teks-chevron{transition:none}.learn-surface .teks-page .teks.is-opening .teks-panel{animation:none}}