.learn-xq{width:min(1120px,100%);color:var(--site-text);margin:0 auto;padding:20px 16px 48px}.learn-xq--map{grid-template-columns:220px 1fr;align-items:start;gap:24px;display:grid}.learn-xq-side-card{background:var(--site-panel);border:1px solid var(--site-border-soft);text-align:center;border-radius:10px;padding:24px 16px;position:sticky;top:16px}.learn-xq-side-card h1{color:var(--site-heading);margin:12px 0 0;font-size:1.35rem}.learn-xq-side-card p{color:var(--site-muted);margin:2px 0 14px}.learn-xq-mascot :is(svg){width:96px;height:96px}.learn-xq-progress-bar{background:color-mix(in srgb, var(--site-accent) 42%, white);border-radius:6px;height:30px;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #0000001f}.learn-xq-progress-fill{background:var(--site-accent);transition:width .4s;position:absolute;inset:0 auto 0 0}.learn-xq-progress-bar span{z-index:1;color:#fff;text-shadow:0 1px 1px #0000004d;place-items:center;font-size:.85rem;font-weight:600;display:grid;position:absolute;inset:0}.learn-xq-reset{color:var(--site-muted);cursor:pointer;background:0 0;border:none;margin-top:12px;font-size:.85rem;text-decoration:underline}.learn-xq-categ h2{text-align:center;letter-spacing:.35em;text-transform:uppercase;color:var(--site-muted);margin:34px 0 18px;font-weight:400}.learn-xq-categ:first-child h2{margin-top:0}.learn-xq-tile-grid{grid-template-columns:repeat(auto-fill,minmax(min(380px,100%),1fr));gap:14px;display:grid}.learn-xq{--learn-xq-tile-done:#739d43;--learn-xq-tile-ongoing:var(--site-accent);--learn-xq-tile-future:#9e72c0;--learn-xq-tile-link:var(--site-accent)}:root[data-effective-theme=dark] .learn-xq{--learn-xq-tile-done:#688943;--learn-xq-tile-future:#8960a9}.learn-xq-tile{--learn-xq-icon:var(--learn-xq-tile-future);border-radius:var(--site-radius);border:1px solid var(--site-border-soft);background:var(--site-panel);min-height:80px;color:inherit;isolation:isolate;align-items:center;padding:10px 60px 10px 0;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex;position:relative;box-shadow:0 3px 5px #00000012}.learn-xq-tile--done{--learn-xq-icon:var(--learn-xq-tile-done)}.learn-xq-tile--ongoing{--learn-xq-icon:var(--learn-xq-tile-ongoing)}.learn-xq-tile--link{--learn-xq-icon:var(--learn-xq-tile-link)}.learn-xq-tile:hover,.learn-xq-tile:focus-visible{transform:scale(1.02)}.learn-xq-tile-illus,.learn-xq-tile-text{z-index:1;position:relative}.learn-xq-tile-text{min-width:0}.learn-xq-tile-text h3{color:var(--site-heading);margin:0;font-family:Roboto,Noto Sans,sans-serif;font-size:1.35rem;font-weight:400;line-height:1.1}.learn-xq-tile-text p{color:var(--site-muted);margin:4px 0 0;font-size:1rem;line-height:1.2}.learn-xq-tile-illus{border-radius:var(--site-radius-sm);border:1px solid color-mix(in srgb, var(--learn-xq-icon) 78%, black);background:linear-gradient(130deg, var(--learn-xq-icon), color-mix(in srgb, var(--learn-xq-icon) 72%, black));flex:none;place-items:center;width:60px;height:60px;margin:0 16px;display:grid}.learn-xq-tile--future .learn-xq-tile-illus{opacity:.8}.learn-xq-tile-illus :is(svg){width:46px;height:46px}.learn-xq-tile-glyph{color:#fff;font-size:30px;line-height:1}.learn-xq-tile-ring{z-index:2;border:2px solid var(--site-accent);border-radius:var(--site-radius);pointer-events:none;position:absolute;inset:-1px}.learn-xq-tile-ring:after{--learn-xq-border-angle:0turn;border-radius:inherit;background:conic-gradient(from var(--learn-xq-border-angle), transparent 25%, color-mix(in srgb, var(--site-accent) 40%, white), color-mix(in srgb, var(--site-accent) 25%, transparent)) border-box;content:"";opacity:0;border:3px solid #0000;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.learn-xq-tile-line{z-index:1;border-radius:0 0 var(--site-radius) var(--site-radius);background:color-mix(in srgb, var(--site-accent) 14%, transparent);pointer-events:none;height:4px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.learn-xq-tile-line-fill{background:var(--site-accent);transform-origin:0;height:100%;display:block}.learn-xq-tile--intro .learn-xq-tile-ring{animation:.6s ease-out both learn-xq-ring-in}.learn-xq-tile--intro .learn-xq-tile-ring:after,.learn-xq-tile--replay .learn-xq-tile-ring:after{animation:1.4s ease-in-out both learn-xq-ring-sweep}.learn-xq-tile--intro .learn-xq-tile-line-fill,.learn-xq-tile--replay .learn-xq-tile-line-fill{animation:.9s cubic-bezier(.2,.7,.2,1) both learn-xq-line-draw}@property --learn-xq-border-angle{syntax:"<angle>";inherits:true;initial-value:0turn}@keyframes learn-xq-ring-in{0%{opacity:0}}@keyframes learn-xq-ring-sweep{0%{--learn-xq-border-angle:0turn;opacity:0}15%,75%{opacity:1}to{--learn-xq-border-angle:1turn;opacity:0}}@keyframes learn-xq-line-draw{0%{transform:scaleX(0)}}.learn-xq-ribbon-wrap{pointer-events:none;z-index:3;width:88px;height:88px;position:absolute;top:-4px;right:-3px;overflow:hidden}.learn-xq-ribbon{--learn-xq-ribbon-fade:#1111113d;z-index:1;text-align:center;color:#4a4636;text-shadow:0 1px #ffffff73;width:120px;padding:7px 0;font-size:.94rem;font-weight:700;position:relative;top:15px;left:-4px;transform:rotate(45deg);box-shadow:1px 0 3px #0000004d}.learn-xq-ribbon:before,.learn-xq-ribbon:after{content:"";mix-blend-mode:overlay;pointer-events:none;width:32px;height:100%;position:absolute;top:0}.learn-xq-ribbon:before{background:linear-gradient(90deg, var(--learn-xq-ribbon-fade), transparent);left:0}.learn-xq-ribbon:after{background:linear-gradient(270deg, var(--learn-xq-ribbon-fade), transparent);right:0}.learn-xq-ribbon--done{background:#c5e791}.learn-xq-ribbon--ongoing{background:#bddffa}.learn-xq-ribbon--future{background:#ddd3ee}.learn-xq-ribbon .learn-xq-star{font-size:.92rem}.learn-xq-ribbon .learn-xq-check{font-size:1.15rem;line-height:1;display:inline-block;transform:rotate(-45deg)}@media (width<=980px){.learn-xq--map{grid-template-columns:1fr}.learn-xq-side-card{position:static}}@media (width<=560px){.learn-xq-tile-grid{grid-template-columns:1fr}.learn-xq-tile{min-height:68px;padding:6px 44px 6px 0}.learn-xq-tile-illus{width:48px;height:48px;margin:4px 12px}.learn-xq-tile-illus :is(svg){width:38px;height:38px}.learn-xq-tile-glyph{font-size:24px}.learn-xq-tile-text h3{font-size:1.25rem}.learn-xq-tile-text p{margin-top:2px;font-size:.9rem}.learn-xq-ribbon-wrap{top:-14px;right:-13px;scale:.75}}@media (prefers-reduced-motion:reduce){.learn-xq-tile{transition:none}.learn-xq-tile:hover,.learn-xq-tile:focus-visible{transform:none}.learn-xq-tile--intro .learn-xq-tile-ring,.learn-xq-tile--intro .learn-xq-tile-ring:after,.learn-xq-tile--replay .learn-xq-tile-ring:after,.learn-xq-tile--intro .learn-xq-tile-line-fill,.learn-xq-tile--replay .learn-xq-tile-line-fill{animation:none}}.learn-xq-what-next-copy{text-align:center;color:var(--site-muted);margin:-6px 0 16px}