.learn-surface{--cb-sky:#d2ebfc;--cb-white:#fff;--crayon-1:var(--color-mh-vermilion);--crayon-1-text:#fff;--crayon-2:var(--color-mh-orange);--crayon-2-text:var(--color-mh-ink);--crayon-3:var(--color-mh-yellow);--crayon-3-text:var(--color-mh-ink);--crayon-4:var(--color-mh-teal);--crayon-4-text:#fff;--crayon-5:var(--color-mh-blue);--crayon-5-text:#fff;--cb-radius-card:22px;--cb-radius-picture:14px;--cb-radius-pill:999px;--cb-border:3px solid var(--color-mh-ink);--cb-hairline:var(--cb-sky);--cb-ring:0 0 0 1.5px #12243a29;--cb-veil:#d2ebfcb8;--cb-shadow-card:0 1px 2px #12243a12, 0 6px 18px #12243a17;--cb-shadow-card-open:0 2px 4px #12243a14, 0 14px 36px #12243a29;--cb-shadow-bar:0 6px 18px #12243a1f;--cb-shadow-menu:0 0 0 1px #12243a14, 0 18px 44px #12243a38;--cb-shadow-lift:0 2px 3px #12243a59;--cb-shadow-button:3px 3px 0 var(--color-mh-ink);--cb-shadow-key:0 2px 0 var(--color-mh-ink);--cb-ease-out:cubic-bezier(.16, 1, .3, 1);--cb-open-ms:.42s;--cb-landing-ring:#0f8f80;--cb-landing-tint:16%}@media (prefers-reduced-motion:reduce){.learn-surface{--cb-open-ms:0s}}.learn-surface ::selection{background:var(--color-mh-yellow);color:var(--color-mh-ink)}.learn-surface .site-header{border-image-source:linear-gradient(var(--color-mh-page), var(--color-mh-page));border-image-slice:0 fill;border-image-width:0;border-image-outset:20px 100vmax 12px}@media (min-width:640px){.learn-surface .site-header{border-image-outset:28px 100vmax 16px}}.learn-surface{--ink-70:#12243ab3;--bar-h:70px;--tab-ratio:3;--tab-h:28px;--tab-w:calc(var(--tab-h) * var(--tab-ratio));--tab-num-left:12.5%;--tab-num-width:46%;--say-size:30px;--say-target:44px;--say-gap:6px;--say-room:calc(var(--say-size) + var(--say-gap));--pic-word-line:20px;--pic-word-gap:6px;--pic-word-room:calc(var(--pic-word-line) + var(--pic-word-gap))}@media (min-width:640px){.learn-surface{--tab-h:37px}}.learn-surface .nobr{white-space:nowrap}.learn-surface .sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.learn-surface [data-crayon="1"]{--crayon:var(--crayon-1);--on-crayon:var(--crayon-1-text)}.learn-surface [data-crayon="2"]{--crayon:var(--crayon-2);--on-crayon:var(--crayon-2-text)}.learn-surface [data-crayon="3"]{--crayon:var(--crayon-3);--on-crayon:var(--crayon-3-text)}.learn-surface [data-crayon="4"]{--crayon:var(--crayon-4);--on-crayon:var(--crayon-4-text)}.learn-surface [data-crayon="5"]{--crayon:var(--crayon-5);--on-crayon:var(--crayon-5-text)}.learn-surface .learn{flex-direction:column;min-width:0;display:flex}@media (min-width:640px){.learn-surface .learn{padding-top:10px}}@media (max-width:639.98px){.learn-surface .site-shell:has(>.learn){gap:22px}}.learn-surface .page-head{flex-direction:column;align-items:flex-start;gap:12px;display:flex}@media (min-width:640px){.learn-surface .page-head{flex-flow:wrap;justify-content:space-between;align-items:center;gap:8px 16px}.learn-surface .page-head .mh-title{min-width:0}.learn-surface .page-head .grade-dd{flex:none}}@media (min-width:640px) and (max-width:899.98px){.learn-surface .page-head .mh-title{font-size:52px}}.learn-surface .dd{position:relative}.learn-surface .dd.is-open{z-index:60}.learn-surface .dd-button{border:var(--cb-border);border-radius:var(--cb-radius-pill);background:var(--cb-white);min-height:48px;color:var(--color-mh-ink);box-shadow:var(--cb-shadow-button);white-space:nowrap;-webkit-tap-highlight-color:transparent;align-items:center;gap:10px;padding:0 13px 0 17px;font-size:17px;font-weight:700;line-height:1;display:inline-flex}.learn-surface .dd-chevron{flex:none;width:16px;height:16px;transition:transform .16s ease-out}.learn-surface .dd-button[aria-expanded=true] .dd-chevron{transform:rotate(180deg)}@media (hover:hover){.learn-surface .dd-button:hover{text-underline-offset:4px;text-decoration:underline}}.learn-surface .teks-pill{border:var(--cb-border);border-radius:var(--cb-radius-pill);background:var(--cb-white);min-height:46px;color:var(--color-mh-ink);box-shadow:var(--cb-shadow-button);font:800 17px/1 var(--font-sans);white-space:nowrap;-webkit-tap-highlight-color:transparent;flex:none;align-items:center;gap:8px;padding:0 10px 0 18px;text-decoration:none;display:inline-flex}.learn-surface .teks-pill-go{background:var(--color-mh-yellow);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.learn-surface .teks-pill-go svg{stroke-width:3px;width:18px;height:18px}@media (hover:hover){.learn-surface .teks-pill:hover{text-underline-offset:4px;text-decoration:underline}}@media (min-width:690.68px) and (max-width:896.45px),(min-width:900px) and (max-width:971.24px){.learn-surface .page-head .teks-pill{margin-left:auto;position:relative;top:15.35px}}@media (min-width:900px) and (max-width:971.24px){.learn-surface .page-head .teks-pill{top:13.25px}}.learn-surface .dd-panel{z-index:1;background:var(--cb-white);box-shadow:var(--cb-shadow-menu);border-radius:20px;flex-direction:column;gap:2px;padding:8px;display:flex;position:absolute;top:calc(100% + 10px);right:0}.learn-surface .dd-panel[hidden]{display:none}.learn-surface .dd-option{width:100%;min-height:48px;color:var(--color-mh-ink);text-align:left;-webkit-tap-highlight-color:transparent;border-radius:14px;align-items:center;gap:12px;padding:6px 16px 6px 12px;font-size:16px;font-weight:700;line-height:1.25;display:flex}@media (hover:hover){.learn-surface .dd-option:hover{background:#d2ebfc99}}.learn-surface .dd-option:focus-visible{outline-offset:1px}.learn-surface .grade-panel{min-width:248px;left:0;right:auto}.learn-surface .grade-panel .dd-option:before{content:"";width:20px;height:20px;box-shadow:inset 0 0 0 2px var(--ink-70);border-radius:50%;flex:none}.learn-surface .grade-panel .dd-option[aria-current=true]{background:var(--cb-sky)}.learn-surface .grade-panel .dd-option[aria-current=true]:before{background:var(--color-mh-blue);box-shadow:inset 0 0 0 2px var(--color-mh-ink), inset 0 0 0 5px var(--cb-white)}@media (min-width:640px){.learn-surface .grade-panel{left:auto;right:0}}.learn-surface .topics-panel{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#12243a59 transparent;left:0;right:0;overflow-y:auto}.learn-surface .topic-option{gap:12px;padding:5px 14px 5px 6px;font-size:15px}.learn-surface .opt-badge{background:var(--crayon);width:40px;height:34px;color:var(--on-crayon);font-family:var(--font-heading);font-variant-numeric:tabular-nums;border-radius:10px;flex:none;place-items:center;font-size:19px;font-weight:800;line-height:1;display:grid}.learn-surface .opt-name{min-width:0}@media (min-width:640px){.learn-surface .topics-panel{width:min(560px,100vw - 64px);left:auto;right:0}}@media (min-width:900px){.learn-surface .topics-panel{grid-template-rows:repeat(7,auto);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;column-gap:8px;width:760px;display:grid}}.learn-surface .dd-backdrop{z-index:40;background:var(--cb-veil);position:fixed;inset:0}.learn-surface .dd-backdrop[hidden]{display:none}.learn-surface .topics-bar{z-index:20;margin-top:14px;position:sticky;top:0}@media (min-width:640px){.learn-surface .topics-bar{margin-top:30px}}.learn-surface .topics-bar.is-stuck{margin-bottom:var(--bar-shrink,0px)}.learn-surface .topics-bar[hidden]{display:none}.learn-surface .topics-bar:has(.dd.is-open){z-index:60}.learn-surface .topics-bar:before,.learn-surface .topics-bar:after{content:"";z-index:-1;pointer-events:none;opacity:0;border-image-slice:0 fill;border-image-width:0;border-image-outset:0 100vmax;transition:opacity .16s ease-out;position:absolute;left:0;right:0}.learn-surface .topics-bar:before{border-image-source:linear-gradient(var(--cb-white), var(--cb-white));top:0;bottom:0}.learn-surface .topics-bar:after{border-image-source:linear-gradient(#12243a21,#12243a00);height:14px;top:100%}.learn-surface .topics-bar.is-stuck:before,.learn-surface .topics-bar.is-stuck:after{opacity:1}.learn-surface .list-heading{flex-direction:column;align-items:flex-start;gap:8px;padding-block:6px;display:flex}.learn-surface .list-heading .topics-dd{align-self:stretch}.learn-surface .list-title{font-family:var(--font-heading);color:var(--color-mh-ink);font-size:26px;font-weight:800;line-height:1.1}@media (min-width:640px){.learn-surface .list-heading{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding-block:12px}.learn-surface .list-heading .topics-dd{align-self:auto}.learn-surface .list-title{font-size:34px}}.learn-surface .topics-bar.is-stuck .list-heading{gap:4px;padding-block:4px}.learn-surface .topics-bar.is-stuck .list-title{font-size:20px}.learn-surface .topics-bar.is-stuck .dd-button{min-height:46px}@media (min-width:640px){.learn-surface .topics-bar.is-stuck .list-heading{padding-block:8px}.learn-surface .topics-bar.is-stuck .list-title{font-size:22px}}.learn-surface .bar-title{grid-template-columns:minmax(0,1fr);align-items:center;min-width:0;display:grid}.learn-surface .bar-title>*{grid-area:1/1}.learn-surface .bar-where{opacity:0;pointer-events:none;align-items:center;gap:10px;min-width:0;display:none}.learn-surface .topics-bar.is-stuck .bar-where{display:flex}.learn-surface .topics-bar.is-where .bar-where{opacity:1}.learn-surface .topics-bar.is-where .bar-title .list-title{opacity:0}.learn-surface .learn.anim .bar-title .list-title,.learn-surface .learn.anim .bar-where{transition:opacity .15s ease-out}.learn-surface .bar-where-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-heading);color:var(--color-mh-ink);font-size:20px;font-weight:800;line-height:1.2;overflow:hidden}@media (min-width:640px){.learn-surface .bar-title{flex:auto}.learn-surface .bar-where-name{font-size:22px}}.learn-surface .topic-list{flex-direction:column;gap:12px;margin-top:6px;display:flex}.learn-surface .topic-list[hidden]{display:none}@media (min-width:640px){.learn-surface .topic-list{gap:14px;margin-top:8px}}.learn-surface .topic{border-radius:var(--cb-radius-card);background:var(--cb-white);box-shadow:var(--cb-shadow-card);transition:box-shadow .2s ease-out;position:relative}.learn-surface .topic-row,.learn-surface a.ib,.learn-surface a.pic,.learn-surface .say{scroll-margin-block:10px}.learn-surface .topic.is-open{box-shadow:var(--cb-shadow-card-open)}@media (hover:hover){.learn-surface .topic:not(.is-open):hover{box-shadow:var(--cb-shadow-card-open)}}.learn-surface .topic-row{border-radius:var(--cb-radius-card);width:100%;min-height:64px;color:var(--color-mh-ink);text-align:left;-webkit-tap-highlight-color:transparent;display:grid;position:relative;overflow:hidden}.learn-surface .topic-row>*{grid-area:1/1}.learn-surface .topic-row[aria-expanded=true]{border-radius:var(--cb-radius-card) var(--cb-radius-card) 0 0}.learn-surface .topic-face{min-width:0;padding:12px 12px 12px calc(var(--tab-w) + 12px);align-items:center;gap:8px;display:flex}.learn-surface .topic-text{min-width:0;font-family:var(--font-heading);flex:0 auto;font-size:19px;font-weight:800;line-height:1.2;position:relative}.learn-surface .t-name{font-family:var(--font-heading);font-size:19px;font-weight:800;line-height:1.2}.learn-surface .t-count{border-radius:var(--cb-radius-pill);vertical-align:2px;background:var(--cb-sky);color:var(--color-mh-body);font-family:var(--font-sans);white-space:nowrap;margin-left:2px;padding:1px 9px;font-size:13px;font-weight:700;line-height:1.4;display:inline-block}.learn-surface .topic-chevron{flex:none;width:20px;height:20px;margin-left:auto;transition:transform .2s ease-out}.learn-surface .topic-row[aria-expanded=true] .topic-chevron{transform:rotate(180deg)}@media (min-width:640px){.learn-surface .topic-row{min-height:68px}.learn-surface .topic-face{padding:12px 20px 12px calc(var(--tab-w) + 20px);gap:16px}.learn-surface .topic-text{flex:auto;justify-content:space-between;align-items:center;gap:16px;display:flex}.learn-surface .t-name{text-wrap:balance;font-size:24px;line-height:1.15;position:relative}.learn-surface .t-count{vertical-align:baseline;flex:none;margin-left:0;padding:3px 12px;font-size:14px}.learn-surface .topic-chevron{width:22px;height:22px;margin-left:0}}.learn-surface .topic-row[aria-expanded=true]{--open-grow:10px;min-height:74px}.learn-surface .topic-row[aria-expanded=true] .topic-face{padding-bottom:22px}@media (min-width:640px){.learn-surface .topic-row[aria-expanded=true]{--open-grow:6px;min-height:74px}.learn-surface .topic-row[aria-expanded=true] .topic-face{padding-bottom:18px}}.learn-surface .face-on{color:var(--on-crayon);-webkit-user-select:none;user-select:none}.learn-surface .face-on .t-count{background:var(--cb-white);color:var(--color-mh-ink)}.learn-surface .t-stroke{opacity:.85;height:9px;position:absolute;bottom:-8px;left:-4px;right:-4px}.learn-surface .t-stroke svg{width:100%;height:100%;display:block}@media (min-width:640px){.learn-surface .t-stroke{right:calc(var(--say-room) - 4px)}}.learn-surface .learn .topic{grid-template-columns:minmax(0,1fr);display:grid}.learn-surface .learn .topic>.topic-head,.learn-surface .learn .topic>.face-say{grid-area:1/1}.learn-surface .learn .topic>.topic-skills{grid-area:2/1}.learn-surface .face-say{z-index:1;visibility:hidden;position:relative}.learn-surface .face-say .say{visibility:visible}.learn-surface .topic.is-open>.face-say{padding-bottom:22px}@media (min-width:640px){.learn-surface .topic.is-open>.face-say{padding-bottom:18px}}.learn-surface .topic.is-open>.face-say .say:focus-visible{outline-color:var(--on-crayon)}@media (prefers-reduced-motion:reduce){.learn-surface .topic.is-open>.face-say .say[data-speech-reading]>span{outline-color:var(--on-crayon)}}@property --cb-tab-shade{syntax:"<number>";inherits:true;initial-value:0}.learn-surface .topic-tab{width:var(--tab-w);height:var(--tab-h);color:var(--crayon);pointer-events:none;--cb-tab-shade:0;place-self:center start;position:relative}.learn-surface .topic.is-open .topic-tab{--cb-tab-shade:.3;margin-bottom:var(--open-grow,6px);filter:drop-shadow(2px 0 0 var(--cb-white)) drop-shadow(-2px 0 0 var(--cb-white)) drop-shadow(0 2px 0 var(--cb-white)) drop-shadow(0 -2px 0 var(--cb-white)) drop-shadow(0 2px 3px #12243a59)}.learn-surface .anim .topic-tab{transition:--cb-tab-shade var(--cb-open-ms) var(--cb-ease-out), filter var(--cb-open-ms) var(--cb-ease-out)}.learn-surface .anim .tab-num{transition:color var(--cb-open-ms) var(--cb-ease-out)}.learn-surface .topic-tab svg{width:100%;height:100%;display:block}.learn-surface .tab-num{top:0;bottom:0;left:var(--tab-num-left);width:var(--tab-num-width);color:var(--on-crayon);font-family:var(--font-heading);font-variant-numeric:tabular-nums;place-items:center;padding-top:1px;font-size:19px;font-weight:800;line-height:1;display:grid;position:absolute}@media (min-width:640px){.learn-surface .tab-num{font-size:23px}}.learn-surface .topic.is-open[data-crayon="2"] .tab-num{color:#fff}.learn-surface{--tab-num-left:18.75%;--tab-num-width:32.5%}.learn-surface .tab-num{color:#fff;font-size:calc(var(--tab-w) * .2);letter-spacing:-.01em;padding-top:0;transform:translateY(.025em)}.learn-surface [data-crayon="3"]:not(.is-open) .tab-num{color:var(--color-mh-ink)}.learn-surface .topic.is-open .topic-tab{--cb-tab-shade:.22}.learn-surface .t-stroke{clip-path:none;opacity:1;height:22px;bottom:-18px}.learn-surface .t-stroke svg{stroke-dashoffset:1px}.learn-surface .topic-row[aria-expanded=true] .t-stroke svg{stroke-dashoffset:0}.learn-surface .anim .t-stroke svg{transition:stroke-dashoffset calc(var(--cb-open-ms) * .4) ease-in}.learn-surface .anim .topic-row[aria-expanded=true] .t-stroke svg{transition:stroke-dashoffset calc(var(--cb-open-ms) * 1.25) var(--cb-ease-out) calc(var(--cb-open-ms) * .3)}.learn-surface .topic-fill{background:var(--crayon);clip-path:inset(0 100% 0 0)}.learn-surface .face-off{clip-path:inset(0)}.learn-surface .face-on,.learn-surface .t-stroke{clip-path:inset(0 100% 0 0)}.learn-surface .topic-row[aria-expanded=true] .topic-fill,.learn-surface .topic-row[aria-expanded=true] .face-on,.learn-surface .topic-row[aria-expanded=true] .t-stroke{clip-path:inset(0)}.learn-surface .topic-row[aria-expanded=true] .face-off{clip-path:inset(0 0 0 100%)}.learn-surface .anim .topic-fill,.learn-surface .anim .topic-face{transition:clip-path var(--cb-open-ms) var(--cb-ease-out)}.learn-surface .anim .t-stroke{transition:clip-path calc(var(--cb-open-ms) * .4) ease-in}.learn-surface .anim .topic-row[aria-expanded=true] .t-stroke{transition:clip-path calc(var(--cb-open-ms) * 1.25) var(--cb-ease-out) calc(var(--cb-open-ms) * .3)}.learn-surface .topic-skills{border:3px solid var(--crayon);border-radius:0 0 var(--cb-radius-card) var(--cb-radius-card);border-top:0}.learn-surface .topic-skills[hidden]{display:none}.learn-surface .topic.is-opening .topic-skills{animation:learn-skills-in var(--cb-open-ms) var(--cb-ease-out)}@keyframes learn-skills-in{0%{opacity:0;transform:translateY(-6px)}}.learn-surface .skill-row{grid-template-columns:18px minmax(0,1fr) auto;align-items:center;column-gap:8px;min-height:72px;padding:12px 4px;scroll-margin-top:16px;display:grid;position:relative}.learn-surface .skill-row+.skill-row{border-top:1px solid var(--cb-hairline)}.learn-surface .skill-num{font-family:var(--font-heading);color:var(--color-mh-ink);text-align:right;font-variant-numeric:tabular-nums;font-size:18px;font-weight:800;line-height:1}.learn-surface .skill-head,.learn-surface .skill-title{font-family:var(--font-sans);color:var(--color-mh-ink);font-size:17px;font-weight:700;line-height:1.35}.learn-surface .skill-head{white-space:nowrap;min-width:0}.learn-surface .skill-title{white-space:normal;display:inline}.learn-surface .skill-buttons{gap:10px;padding:0 3px 3px 0;display:flex}@media (min-width:640px){.learn-surface .skill-row{grid-template-columns:28px minmax(0,1fr) auto;column-gap:16px;padding:12px 20px 12px 14px}.learn-surface .skill-num,.learn-surface .skill-head,.learn-surface .skill-title{font-size:20px}.learn-surface .skill-buttons{gap:14px}}.learn-surface .v-thumbs .skill-row{grid-template-columns:18px minmax(0,1fr);align-items:baseline;row-gap:12px}.learn-surface .v-thumbs .skill-num{grid-area:1/1}.learn-surface .v-thumbs .skill-head{grid-area:1/2}.learn-surface .skill-pics{grid-template-columns:repeat(2,minmax(0,1fr));align-self:start;column-gap:10px;display:grid}.learn-surface .v-thumbs .skill-pics{grid-area:2/2}@media (min-width:640px){.learn-surface .v-thumbs .skill-row{grid-template-columns:28px minmax(0,1fr)}.learn-surface .skill-pics{grid-template-columns:160px 160px;justify-content:start;column-gap:14px}}@media (min-width:768px){.learn-surface .v-thumbs .skill-row{grid-template-columns:28px minmax(0,1fr) auto;align-items:center;row-gap:0}.learn-surface .v-thumbs .skill-num,.learn-surface .v-thumbs .skill-head{padding-bottom:var(--pic-word-room);grid-row:1}.learn-surface .v-thumbs .skill-pics{grid-area:1/3}}.learn-surface .pic{gap:var(--pic-word-gap);border-radius:var(--cb-radius-picture);min-width:0;color:var(--color-mh-ink);text-align:center;-webkit-tap-highlight-color:transparent;flex-direction:column;padding:0;display:flex}.learn-surface .pic-frame{aspect-ratio:16/9;border:var(--cb-border);border-radius:var(--cb-radius-picture);background:var(--cb-sky);display:block;position:relative;overflow:hidden}.learn-surface .pic-frame img{object-fit:cover;width:100%;height:100%;display:block}.learn-surface .pic-word{font-size:16px;font-weight:700;line-height:var(--pic-word-line)}.learn-surface .pic-badge{--badge:34px;--ic-fg:#fff;width:var(--badge);height:var(--badge);border:3px solid var(--cb-white);box-shadow:var(--cb-shadow-lift);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.learn-surface .pic-video .pic-badge{--btn-bg:var(--color-mh-blue);background:var(--color-mh-blue)}.learn-surface .pic-practice .pic-badge{--btn-bg:var(--color-mh-vermilion);background:var(--color-mh-vermilion)}.learn-surface .pic-badge .ic{width:calc(var(--badge) * .55);height:calc(var(--badge) * .55);display:block}@media (max-width:379.98px){.learn-surface .pic-badge{--badge:32px}}@media (min-width:640px){.learn-surface .pic-badge{--badge:36px}}.learn-surface .pic.is-off{cursor:default}.learn-surface .pic.is-off .pic-badge{--ic-fg:var(--color-mh-ink);--btn-bg:transparent;border:2px dashed var(--ink-70);box-shadow:none;background:#ffffffeb}.learn-surface .pic.is-off .pic-badge .ic{opacity:.7}.learn-surface .pic.is-off .pic-word{color:var(--ink-70)}.learn-surface a.pic .pic-frame{transition:transform .12s ease-out,box-shadow .12s ease-out}@media (hover:hover){.learn-surface a.pic:hover .pic-frame{box-shadow:var(--cb-shadow-card-open);transform:translateY(-2px)}}.learn-surface a.pic:active .pic-frame{box-shadow:none;transform:translateY(1px)}.learn-surface .say,.learn-surface .say-spot{width:var(--say-size);height:var(--say-size);margin:-4px 0 -4px var(--say-gap);margin:calc((1lh - var(--say-size)) / 2) 0 calc((1lh - var(--say-size)) / 2) var(--say-gap);vertical-align:top;display:inline-block}.learn-surface .say{border-radius:var(--cb-radius-pill);color:var(--color-mh-ink);-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:0;position:relative}.learn-surface .say:before{content:"";border-radius:inherit;inset:calc((var(--say-size) - var(--say-target)) / 2);position:absolute}.learn-surface .say-face{border:2px solid var(--color-mh-ink);border-radius:var(--cb-radius-pill);background:var(--cb-white);width:100%;height:100%;box-shadow:var(--cb-shadow-key);place-items:center;transition:transform .1s ease-out,box-shadow .1s ease-out;display:grid}.learn-surface .say-face svg{width:19px;height:19px;display:block}.learn-surface .say:active .say-face{box-shadow:0 0 0 var(--color-mh-ink);transform:translateY(2px)}.learn-surface .skill-row:focus{outline:none}.learn-surface .skill-row.is-landed{isolation:isolate}.learn-surface .skill-row.is-landed:after{content:"";z-index:-1;pointer-events:none;border:4px solid var(--cb-landing-ring);border-radius:var(--cb-radius-picture);background:color-mix(in srgb, var(--crayon) var(--cb-landing-tint), var(--cb-white));animation:4s forwards learn-landed;position:absolute;inset:0}@keyframes learn-landed{0%,75%{opacity:1;animation-timing-function:ease-out}to{opacity:0}}@keyframes learn-landed-still{0%{opacity:1}to{opacity:0}}.learn-surface .ib{--btn-bg:var(--cb-white);--ic-fg:#fff;border:var(--cb-border);border-radius:var(--cb-radius-pill);background:var(--btn-bg);width:46px;height:46px;box-shadow:var(--cb-shadow-button);color:#fff;-webkit-tap-highlight-color:transparent;flex:none;justify-content:center;align-items:center;gap:8px;padding:0;display:inline-flex}.learn-surface .ib .ic{flex:none;width:24px;height:24px}.learn-surface .ib-video{--btn-bg:var(--color-mh-blue)}.learn-surface .ib-practice{--btn-bg:var(--color-mh-vermilion)}.learn-surface a.ib{transition:transform .12s ease-out,box-shadow .12s ease-out}@media (hover:hover){.learn-surface a.ib:hover{box-shadow:4px 4px 0 var(--color-mh-ink);transform:translate(-1px,-1px)}}.learn-surface a.ib:active{box-shadow:0 0 0 var(--color-mh-ink);transform:translate(3px,3px)}.learn-surface .ib.is-off{--btn-bg:var(--cb-white);--ic-fg:var(--color-mh-ink);border:2px dashed var(--ink-70);box-shadow:none;color:var(--ink-70);cursor:not-allowed;background:0 0}.learn-surface .ib.is-off .ic{opacity:.7}.learn-surface .ic .solid{fill:var(--ic-fg)}.learn-surface .ic .solid-round{fill:var(--ic-fg);stroke:var(--ic-fg);stroke-width:2px;stroke-linejoin:round}.learn-surface .ic .cut{fill:none;stroke:var(--btn-bg);stroke-width:1.5px}.learn-surface .ic .line{fill:none;stroke:var(--ic-fg);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.learn-surface .ic .line-sharp{fill:none;stroke:var(--ic-fg);stroke-width:2.5px;stroke-linejoin:miter;stroke-miterlimit:4;stroke-linecap:round}.learn-surface .teks-line{margin-top:28px}.learn-surface .teks-line[hidden]{display:none}.learn-surface .teks-link{border-radius:var(--cb-radius-card);background:var(--color-mh-ink);min-height:64px;box-shadow:var(--cb-shadow-card-open);color:var(--cb-white);align-items:center;gap:16px;padding:14px 14px 14px 20px;font-size:16px;font-weight:600;line-height:1.45;transition:transform .16s ease-out;display:flex}.learn-surface .teks-text{flex:auto;min-width:0}.learn-surface .teks-link strong{color:var(--color-mh-yellow);font-weight:700}.learn-surface .teks-go{border-radius:var(--cb-radius-pill);background:var(--color-mh-yellow);width:42px;height:42px;color:var(--color-mh-ink);flex:none;place-items:center;display:grid}.learn-surface .teks-go svg{stroke-width:3px;width:22px;height:22px;transition:transform .16s ease-out}@media (hover:hover){.learn-surface .teks-line:hover .teks-link{transform:translateY(-2px)}.learn-surface .teks-line:hover .teks-go svg{transform:translate(3px)}}@media (min-width:640px){.learn-surface .teks-line{margin-top:32px}.learn-surface .teks-link{padding:14px 16px 14px 24px;font-size:17px}}.learn-surface .legacy{flex-direction:column;gap:24px;margin-top:28px;display:flex}.learn-surface .legacy[hidden]{display:none}.learn-surface .legacy-grid{list-style:none}.learn-surface .legacy-card{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.learn-surface .legacy-text{flex-direction:column;gap:8px;display:flex}.learn-surface .legacy-numeral{font-family:var(--font-heading);font-size:24px;font-weight:800;line-height:1}.learn-surface .legacy-classic{border:var(--cb-border);border-radius:var(--cb-radius-card);background:var(--color-mh-page);color:var(--color-mh-body);flex-direction:column;align-items:flex-start;gap:12px;padding:24px;display:flex}.learn-surface .legacy-classic h2{color:var(--color-mh-ink)}.learn-surface .arrow{flex:none;width:20px;height:20px}.learn-surface .site-footer{border-image-source:linear-gradient(var(--cb-white), var(--cb-white));border-image-slice:0 fill;border-image-width:0;border-image-outset:0 100vmax 64px;gap:24px;padding-block:32px;display:grid}.learn-surface .site-footer .site-brand{justify-self:start}.learn-surface .footer-contact{flex-direction:column;justify-self:start;align-items:flex-start;display:flex}.learn-surface .footer-contact a{min-height:46px;color:var(--color-mh-ink);text-underline-offset:4px;align-items:center;font-size:15px;text-decoration:underline;display:inline-flex}.learn-surface .footer-nav{flex-direction:column;align-items:flex-start;gap:8px;display:flex}@media (min-width:640px){.learn-surface .site-footer{border-image-outset:0 100vmax 80px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.learn-surface .footer-nav{flex-flow:wrap;grid-column:span 2;column-gap:24px}.learn-surface .footer-copy{grid-column:span 2}}@media (prefers-reduced-motion:reduce){.learn-surface .dd-chevron,.learn-surface .topic,.learn-surface .topic-chevron,.learn-surface .teks-link,.learn-surface .teks-go svg,.learn-surface a.ib,.learn-surface a.pic .pic-frame,.learn-surface .say-face,.learn-surface .topics-bar:before,.learn-surface .topics-bar:after,.learn-surface .learn.anim .bar-title .list-title,.learn-surface .learn.anim .bar-where{transition:none}.learn-surface .topic.is-opening .topic-skills{animation:none}.learn-surface .skill-row.is-landed:after{animation:3s step-end forwards learn-landed-still}}@media (max-width:639.98px){.learn-surface .page-head,.learn-surface .list-heading{text-align:center;align-items:center}.learn-surface .list-heading .topics-dd{justify-content:center;display:flex}.learn-surface .grade-panel{left:50%;right:auto;translate:-50%}.learn-surface .bar-title{align-self:stretch;justify-items:center}.learn-surface .bar-where{max-width:100%}}.learn-surface{--tab-num-left:18.75%;--tab-num-width:32.5%;background:var(--cb-sky);min-height:100dvh;color:var(--color-mh-ink)}.learn-surface .topic{grid-template-columns:minmax(0,1fr);display:grid}.learn-surface .topic>.topic-head,.learn-surface .topic>.face-say{grid-area:1/1}.learn-surface .topic>.topic-skills{grid-area:2/1}.learn-surface .topic>.face-say{pointer-events:none}.learn-surface .topic>.face-say .say{pointer-events:auto}.learn-surface .topic-tab.tab-wide{--tab-num-left:15%;--tab-num-width:40%}.learn-surface .topic:not(.has-speaker) .t-stroke{right:-4px}.learn-surface .topic.is-open .tab-num{color:#fff}.learn-surface .topic.is-open .topic-tab{margin-bottom:6px}.learn-surface .topic .say>span{width:30px;height:30px;transition:transform .1s ease-out,box-shadow .1s ease-out}.learn-surface .topic .say:disabled{opacity:1}.learn-surface .say svg{display:block}.learn-surface .say:before{pointer-events:auto}.learn-surface .topics-bar{--bar-shrink:10px;height:72px}.learn-surface .topics-bar.is-stuck{height:62px}.learn-surface .list-heading{height:100%}.learn-surface .bar-title .list-title,.learn-surface .bar-where{transition:opacity .15s ease-out}.learn-surface .site-footer{background:var(--cb-white);border-top:0}.learn-surface.dd-backdrop{z-index:40;background:var(--cb-veil);min-height:0;position:fixed;inset:0}@media (min-width:900px){.learn-surface .topics-panel{grid-template-rows:repeat(var(--menu-rows,7), auto)}}@media (max-width:639.98px){.learn-surface .topics-bar{--bar-shrink:5px;height:97px}.learn-surface .topics-bar.is-stuck{height:92px}.learn-surface .topic.is-open .topic-tab{margin-bottom:10px}}@media (max-width:359.98px){.learn-surface .bar-title .list-title{justify-self:center;width:calc(100vw - 16px)}.learn-surface .site-shell:has(>.learn){gap:12px}.learn-surface .learn{margin-bottom:10px}.learn-surface .page-head{gap:8px}.learn-surface .learn .topics-bar{margin-top:6px}.learn-surface .learn .topic-list{margin-top:3px}}@media (min-width:640px) and (max-height:499.98px){.learn-surface .site-shell{gap:30px;padding-top:12px}.learn-surface .site-header{border-image-outset:12px 100vmax 16px}.learn-surface .site-brand img{width:64px!important}.learn-surface .learn{padding-top:0}.learn-surface .page-head .mh-title{font-size:40px}.learn-surface .learn .topics-bar{margin-top:14px}.learn-surface .page-head .teks-pill{margin-left:0;position:relative;top:0}}@media (min-width:640px) and (max-width:784.31px) and (max-height:499.98px){.learn-surface .page-head .teks-pill{margin-left:auto;top:9px}}@media (prefers-reduced-motion:reduce){.learn-surface .bar-title .list-title,.learn-surface .bar-where,.learn-surface .topic .say>span{transition:none}}