:where(.level-domains__pill,.level-domain){--branch-ink:var(--learning-purple);--branch-soft:var(--learning-purple-soft)}.learning-catalog__hero{min-height:0;box-shadow:none;background:0 0;border:0;padding:0;overflow:visible}.learning-catalog__title{font-size:clamp(32px,4vw,44px)}.level-bento{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);grid-auto-flow:dense;gap:16px;margin-top:24px;display:grid}.level-tile{border:2px solid var(--learning-line);min-width:0;box-shadow:0 4px 0 var(--learning-line);color:inherit;background:#fff;border-radius:26px;flex-direction:column;gap:6px;padding:22px;text-decoration:none;display:flex;position:relative;overflow:hidden}.level-tile__kicker{z-index:1;color:var(--learning-muted);font-size:13px;font-weight:600;position:relative}.level-start{grid-area:span 2/1;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0;min-height:320px;padding:0;display:grid}.level-start__art{background:var(--elev-neutral);min-block-size:320px;display:block;position:relative;overflow:hidden}.level-start[data-art=line] .level-start__art,.level-card[data-art=line] .level-card__art{background-color:#fbfcfe;background-image:radial-gradient(#d5dbe5 1.2px,#0000 1.3px);background-size:18px 18px}.level-start__frame,.level-card__frame{pointer-events:none;position:absolute;inset-inline-start:50%}.level-card__line{block-size:100%;inline-size:100%;position:absolute;inset:0}.level-scene{display:block;position:absolute;inset:0}.level-scene[data-ready]>*{animation:level-scene-in .24s var(--elev-ease-out,ease-out)}@keyframes level-scene-in{0%{opacity:0}}.level-start[data-art=none]{grid-template-columns:minmax(0,1fr);min-height:0}.level-card__line path{fill:none;stroke:#c6e6d7;stroke-width:12px;stroke-linecap:round}.level-start__cover,.level-card__cover{box-sizing:border-box;object-fit:cover;transform:translate(-50%, -50%) rotate(var(--tilt,-5deg));background:#fff;border:6px solid #fff;border-radius:26px;position:absolute;top:50%;left:50%;box-shadow:0 10px 24px #0000004d}.level-start__cover{block-size:168px;inline-size:168px;top:46%}.level-start__play{background:var(--learning-green);block-size:54px;inline-size:54px;box-shadow:0 4px 0 color-mix(in srgb, var(--learning-green) 60%, black);border-radius:50%;place-items:center;display:grid;position:absolute;top:calc(46% + 48px);left:calc(50% - 98px)}.level-start__play:before{content:"";border:9px solid #0000;border-left:15px solid #fff;border-right-width:0;margin-left:4px}.level-start__tags{top:14px;gap:6px;display:flex;position:absolute;inset-inline-start:14px}.level-start__tags>span{background:#fff;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}.level-start[data-art=line] .level-start__cover{--tilt:0deg;border-color:var(--learning-green);box-shadow:0 8px #c6e6d7}.level-start__body{flex-direction:column;gap:6px;padding:24px;display:flex}.level-start__title{overflow-wrap:anywhere;font-size:clamp(22px,2.2vw,26px);font-weight:700;line-height:1.25}.level-start__chapter{color:var(--learning-muted);font-size:14px;line-height:1.5}.level-start__chapter .elev-bilingual-second{display:none}.level-start__cta{justify-content:center;align-items:center;min-block-size:48px;margin-top:auto;text-decoration:none;display:flex}.level-start__map{color:var(--learning-green);align-self:center;padding:10px;font-size:14px;font-weight:600}.level-start__art:focus-visible{outline:3px solid var(--learning-green);outline-offset:-3px}.level-tile--exam{border-color:var(--elev-amber-line);background:var(--learning-orange-soft);box-shadow:0 4px 0 var(--elev-amber-line);transition:transform var(--elev-motion), box-shadow var(--elev-motion);justify-content:flex-start;gap:4px}.level-tile--exam .level-tile__kicker{color:var(--learning-orange)}.level-exam__top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.level-exam__icon.chapter-icon-tile{background:#fff;border-radius:15px;flex:none;block-size:48px;inline-size:48px}.level-exam__title{overflow-wrap:anywhere;gap:2px;font-size:18px;font-weight:700;line-height:1.35;display:grid}.level-exam__title .elev-bilingual-second{color:var(--learning-muted);font-size:14px;font-weight:400}.learning-catalog[dir=rtl] .level-exam__title .elev-bilingual-second{text-align:right}.level-exam__meta{color:var(--learning-orange);flex:none;align-items:center;font-size:13px;font-weight:600;display:flex}.level-tile--exam:active{box-shadow:0 2px 0 var(--elev-amber-line);transform:translateY(2px)}.level-tile--exam:focus-visible{outline:3px solid var(--learning-orange);outline-offset:3px}.level-bento .learning-offer{background:var(--elev-ink);box-shadow:none;color:#fff;border:0;border-radius:26px;grid-column:2;align-content:center;gap:14px;margin:0;padding:22px 24px}.level-bento .learning-offer__text{font-size:15px;line-height:1.5}.level-bento .learning-offer__price{color:#c3c6dc}.level-bento .learning-offer .learning-offer__cta{border-color:var(--elev-gold-lip);background:var(--elev-gold);box-shadow:0 3px 0 var(--elev-gold-lip);color:var(--elev-on-gold)}@media (hover:hover){.level-bento .learning-offer .learning-offer__cta:not(:disabled):not([data-pending]):not([data-blocked]):hover{border-color:var(--elev-gold-lip);background:color-mix(in srgb, var(--elev-gold) 82%, var(--elev-gold-lip))}}.level-domains{grid-template-columns:minmax(0,1fr);margin-top:36px;display:grid}.level-domains__nav{z-index:5;border-bottom:1px solid var(--learning-line);background:color-mix(in srgb, var(--elev-canvas) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding-block:10px;position:sticky;inset-block-start:var(--elev-shell-min-block)}.level-domains__row{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.level-domains__row[data-scroll-more]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000)}.learning-catalog[dir=rtl] .level-domains__row[data-scroll-more]{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 48px),#0000);mask-image:linear-gradient(270deg,#000 calc(100% - 48px),#0000)}.level-domains__pill{border:2px solid var(--learning-line);min-block-size:44px;color:var(--learning-ink);white-space:nowrap;transition:background var(--elev-motion), border-color var(--elev-motion), color var(--elev-motion);background:#fff;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.level-domains__pill[aria-current=true]{border-color:var(--learning-ink);background:var(--learning-ink);color:#fff}.level-domains__pill:focus-visible{outline:3px solid var(--zone-ink,var(--learning-green));outline-offset:2px}.level-domains__symbol{block-size:18px;inline-size:18px;color:var(--branch-ink);flex:none}.level-domains__pill[aria-current=true] .level-domains__symbol{color:currentColor}.level-domains__label .elev-bilingual-second{display:none}.level-domains__count{color:var(--learning-muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.level-domains__pill[aria-current=true] .level-domains__count{color:#ffffffbf}@media (hover:hover) and (pointer:fine){.level-domains__pill:not([aria-current=true]):hover{border-color:var(--branch-ink)}}.level-domain{scroll-margin-top:calc(var(--elev-shell-min-block) + 76px);padding-top:30px}.level-domain__head{flex-wrap:wrap;align-items:baseline;gap:6px 16px;display:flex}.level-domain__title{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0;font-size:26px;font-weight:800;line-height:1.2;display:flex}.level-domain__title:focus{outline:none}.level-domain__title .elev-bilingual-second{color:var(--learning-muted);font-size:14px;font-weight:500}.level-domain__summary{margin:0;color:var(--learning-muted);align-items:center;gap:8px;margin-inline-start:auto;font-size:13px;font-weight:600;display:inline-flex}.level-domain__bar{background:linear-gradient(to right, var(--elev-green) var(--done), #9fd2b3 var(--done) var(--reached), var(--learning-line) var(--reached));border-radius:999px;flex:none;block-size:8px;inline-size:72px}.learning-catalog[dir=rtl] .level-domain__bar{transform:scaleX(-1)}.learning-catalog .level-domain[data-kind=exams] .learning-branch__chapters{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:12px}.learning-catalog .level-domain[data-kind=exams] .learning-chapter--link{flex-direction:row;align-items:center;gap:12px;padding:12px 14px}.learning-catalog .level-domain[data-kind=exams] .learning-chapter__lead{flex-direction:row;align-items:center;gap:12px}.learning-catalog .level-domain[data-kind=exams] .learning-chapter__icon{border-radius:12px;flex:none;place-items:center;block-size:44px;inline-size:44px;padding:0}.learning-catalog .level-domain[data-kind=exams] .learning-chapter__icon svg{block-size:26px;inline-size:26px}.learning-catalog .level-domain[data-kind=exams] .learning-chapter__title{padding:0;font-size:15px}.learning-catalog .level-domain[data-kind=exams] .learning-chapter__meta{background:0 0;margin-inline-start:auto;padding:0;position:static}.learning-catalog .learning-branch__chapters,.learning-catalog .learning-catalog__ungrouped{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:stretch;gap:16px;margin-top:18px;padding:0;list-style:none}.learning-catalog .learning-branch__chapters>li,.learning-catalog .learning-catalog__ungrouped>li{min-width:0;display:grid}.learning-catalog .learning-chapter{border-radius:22px;overflow:hidden}.learning-catalog .learning-chapter--link,.learning-catalog .learning-chapter--soon,.learning-catalog .learning-chapter__summary{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;min-height:0;padding:0;position:relative}.learning-catalog .learning-chapter__lead{flex-direction:column;align-items:stretch;gap:0}.learning-catalog .learning-chapter__icon{background-color:var(--ci-soft);background-image:radial-gradient(color-mix(in srgb, var(--ci-main) 22%, transparent) 1.4px, transparent 1.6px);background-size:18px 18px;border-radius:0;block-size:124px;inline-size:auto}.learning-catalog .learning-chapter__icon svg{block-size:62px;inline-size:62px}.learning-catalog .learning-chapter__title{overflow-wrap:anywhere;padding:14px 16px 16px;font-size:16px;line-height:1.45}.learning-catalog .learning-chapter__meta{top:10px;background:#ffffffe6;border-radius:999px;gap:6px;padding:4px;position:absolute;inset-inline-end:10px}.learning-catalog .learning-chapter__toggle,.learning-catalog .learning-chapter__arrow{display:none}.learning-catalog .learning-chapter--soon .learning-tag{top:10px;position:absolute;inset-inline-end:10px}:is(.learning-catalog .learning-branch__chapters>li:has(>details.learning-chapter[open]),.learning-catalog .learning-catalog__ungrouped>li:has(>details.learning-chapter[open])){grid-column:1/-1}.learning-catalog details.learning-chapter[open]>.learning-chapter__summary{flex-direction:row;align-items:center;padding:14px}.learning-catalog details.learning-chapter[open] .learning-chapter__lead{flex-direction:row;align-items:center;gap:14px}.learning-catalog details.learning-chapter[open] .learning-chapter__icon{border-radius:16px;block-size:64px;inline-size:64px}.learning-catalog details.learning-chapter[open] .learning-chapter__icon svg{block-size:34px;inline-size:34px}.learning-catalog details.learning-chapter[open] .learning-chapter__title{padding:0}.learning-catalog details.learning-chapter[open] .learning-chapter__meta{background:0 0;margin-inline-start:auto;position:static}.learning-catalog details.learning-chapter[open] .learning-chapter__toggle{display:inline-grid}@media (hover:hover) and (pointer:fine){.level-tile--exam:hover{box-shadow:0 6px 0 var(--elev-amber-line)}}.learning-catalog .level-card{flex-direction:column;display:flex}.level-card__art{background:var(--elev-neutral);flex:none;block-size:160px;display:block;position:relative;overflow:hidden}.level-card .ls-anim{animation:none!important}.level-card__cover{--tilt:-4deg;border-width:4px;border-radius:18px;block-size:96px;inline-size:96px;box-shadow:0 6px 14px #00000047}li:nth-child(3n+2)>.level-card .level-card__cover{--tilt:4deg}li:nth-child(3n)>.level-card .level-card__cover{--tilt:-2deg}.level-card__cover--icon.chapter-icon-tile{place-items:center;display:grid}.level-card__cover--icon svg{block-size:52px;inline-size:52px}.level-card[data-art=line] .level-card__cover{--tilt:0deg;box-shadow:none;border-color:#d5dbe5}.learning-catalog .level-card .learning-chapter__title{padding:12px 14px 2px}.level-card__facts{color:var(--learning-muted);font-variant-numeric:tabular-nums;padding:0 14px 14px;font-size:12px}.level-card__state{font-weight:700}.level-card__state:is([data-state=started],[data-state=done]){color:var(--elev-green-dark)}.level-card__state[data-state=perfect]{color:var(--elev-gold-ink)}.learning-catalog .level-card .learning-chapter__meta:empty{display:none}.level-card[data-progress=started]{border-color:#b9dcc6;box-shadow:0 4px #b9dcc6}.level-card[data-progress=perfect]{border-color:var(--elev-gold-lip);box-shadow:0 4px 0 var(--elev-gold-lip)}.level-card[data-art=scene]:is([data-progress=started],[data-progress=done],[data-progress=perfect]) .level-card__cover{top:43%}.level-trail{inset-inline:10px;background:#fffffff0;border-radius:999px;justify-content:space-between;align-items:center;gap:2px;min-block-size:20px;padding:5px 10px;display:flex;position:absolute;bottom:10px;box-shadow:0 2px 6px #10183a2e}.level-trail__dot{aspect-ratio:1;background:#c9d2df;border-radius:50%;flex:0 7px;min-inline-size:2px}.level-trail__dot[data-mark=done]{background:var(--elev-green)}.level-trail[data-trail=perfect] .level-trail__dot{background:var(--elev-gold-lip)}.level-trail__pin{flex:none;block-size:21px;inline-size:16px;margin-block:-8px -2px;overflow:visible}.level-trail__pin path{fill:var(--elev-green);stroke:#fff;stroke-width:3px}.level-trail__pin circle{fill:#fff}.level-trail__end{background:var(--elev-green);block-size:20px;inline-size:20px;box-shadow:0 2px 0 var(--elev-green-dark);color:#fff;border-radius:50%;flex:none;place-items:center;display:grid}.level-trail[data-trail=perfect] .level-trail__end{background:var(--elev-gold);box-shadow:0 2px 0 var(--elev-gold-lip);color:var(--elev-gold-ink)}.level-trail__end .elev-icon{block-size:12px;inline-size:12px}.level-card__line path.level-card__line-done{stroke:var(--elev-green)}.level-card__line path.level-card__line-done[data-gold]{stroke:var(--elev-gold-lip)}.learning-catalog[dir=rtl] .level-card__line{transform:scaleX(-1)}.level-card[data-art=line]:is([data-progress=started],[data-progress=done]) .level-card__cover{border-color:var(--elev-green)}.level-card[data-art=line][data-progress=perfect] .level-card__cover{border-color:var(--elev-gold-lip)}@media (max-width:760px){.level-bento{grid-template-columns:minmax(0,1fr);gap:12px}.level-tile{border-radius:22px;padding:18px}.level-start{grid-area:auto/1;grid-template-columns:minmax(0,1fr);min-height:0;padding:0}.level-start__art{min-block-size:200px}.level-start__cover{border-width:5px;border-radius:22px;block-size:120px;inline-size:120px}.level-start__play{block-size:48px;inline-size:48px;top:calc(46% + 30px);left:calc(50% - 76px)}.level-start__body{padding:18px}.level-start__cta{margin-top:10px}.level-bento .learning-offer{grid-column:1;padding:20px}.level-domains{margin-top:28px}.level-domains__pill{min-block-size:40px;padding:0 12px;font-size:14px}.level-domain{scroll-margin-top:calc(var(--elev-shell-min-block) + 68px);padding-top:22px}.level-domain__title{font-size:21px}.level-trail{inset-inline:6px;min-block-size:14px;padding:4px 7px;bottom:6px}.level-trail__pin{block-size:17px;inline-size:13px}.level-trail__end{block-size:16px;inline-size:16px}.level-trail__end .elev-icon{block-size:10px;inline-size:10px}.learning-catalog .learning-branch__chapters,.learning-catalog .learning-catalog__ungrouped{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.learning-catalog .learning-chapter__icon{place-items:end center;block-size:108px;padding-block-end:12px}.learning-catalog .learning-chapter__icon svg{block-size:48px;inline-size:48px}.learning-catalog .learning-chapter__title{padding:12px;font-size:14px}.level-card__art{block-size:120px}.level-card__cover{border-width:3px;border-radius:14px;block-size:72px;inline-size:72px}.level-card__cover--icon svg{block-size:40px;inline-size:40px}.learning-catalog .level-card .learning-chapter__title{padding:10px 12px 2px}.level-card__facts{padding:0 12px 12px}}@media (prefers-reduced-motion:reduce){.level-domains__pill,.level-tile--exam{transition:none}.level-scene[data-ready]>*{animation:none}}
