.learn-path-band{background:radial-gradient(760px 340px at 16% -6%,rgba(134,189,242,.07),transparent 70%),linear-gradient(180deg,var(--hc-navy-1,#0d2034),var(--hc-navy-0,#08131f));border-top:1px solid var(--hc-line,rgba(140,180,225,.15));border-bottom:1px solid var(--hc-line,rgba(140,180,225,.15));padding-block:clamp(64px,8vw,112px)}.learn-path-grid{display:grid;grid-template-columns:1fr;gap:clamp(18px,2.4vw,30px);margin-top:clamp(32px,4vw,48px)}@media (min-width:980px){.learn-path-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}}.learn-ch{border:1px solid var(--hc-line,rgba(140,180,225,.15));border-radius:var(--radius-card,20px);background:var(--hc-g-1,rgba(20,40,62,.5));-webkit-backdrop-filter:var(--hc-glass-blur,var(--g-blur-s));backdrop-filter:var(--hc-glass-blur,var(--g-blur-s));box-shadow:inset 0 1px 0 rgba(178,211,240,.05),inset 0 -1px 0 rgba(7,18,31,.18);overflow:hidden}.learn-ch__band{position:relative;height:96px}.learn-ch__band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.learn-ch__band:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,19,31,.72) 0,rgba(8,19,31,.34) 52%,rgba(8,19,31,.12))}.learn-ch__eyebrow{position:absolute;left:15px;right:15px;bottom:10px;z-index:1;color:var(--hc-ink,#eaf2fa);text-shadow:0 1px 8px rgba(7,18,31,.7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learn-ch__eyebrow,.learn-ch__head{font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.learn-ch__head{padding:14px 16px 0;color:var(--hc-ink-2,#aec2d6)}.learn-ch__lede{margin:12px 16px 0;font-family:var(--font-sans);font-size:13px;line-height:1.55;color:var(--hc-ink-2,#aec2d6)}.learn-steps{list-style:none;margin:0;padding:14px 16px 16px;position:relative;display:flex;flex-direction:column}.learn-steps:before{content:"";position:absolute;left:35px;top:36px;bottom:30px;width:2px;background:var(--hc-line,rgba(140,180,225,.15))}.learn-step{display:flex;align-items:flex-start;gap:13px;padding:5px 0;position:relative;min-width:0}.learn-medal{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:1;border:1px solid var(--hc-line-2,rgba(140,180,225,.3));background:var(--hc-navy-1,#0d2034);color:var(--hc-ink-2,#aec2d6);font-family:var(--font-mono);font-size:13px;font-weight:500}.learn-step[data-accent] .learn-medal{border-color:var(--hc-blue-bright,#86bdf2);color:var(--hc-blue-glow,#cfe7fc);box-shadow:0 0 0 4px rgba(134,189,242,.14),0 0 22px rgba(134,189,242,.22)}.learn-step__body{display:flex;flex-direction:column;gap:3px;min-width:0;padding-top:8px}.learn-step__title{font-family:var(--font-sans);font-size:14.5px;line-height:1.4;color:var(--hc-ink,#eaf2fa)}a.learn-step__title{text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--dur-base,.22s) linear,color var(--dur-base,.22s) linear;width:fit-content}a.learn-step__title:hover{color:var(--hc-blue-glow,#cfe7fc);border-bottom-color:var(--hc-blue-bright,#86bdf2)}.learn-step__meta{font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--hc-ink-2,#aec2d6)}.learn-step__art{flex:0 0 64px;width:64px;height:64px;margin-left:auto;border-radius:12px;border:1px solid var(--hc-line-2,rgba(140,180,225,.3));object-fit:cover}.learn-path-foot{margin-top:clamp(24px,3vw,36px);font-family:var(--font-sans);font-size:13.5px;color:var(--hc-ink-2,#aec2d6)}.learn-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:clamp(24px,3vw,36px)}@media (max-width:720px){.learn-filter-row{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.learn-filter-row::-webkit-scrollbar{display:none}}.learn-chip{appearance:none;border:1px solid var(--hair,rgba(26,46,34,.12));background:transparent;color:var(--ink-2,#4a4741);border-radius:var(--radius-pill,999px);padding:7px 14px;font-family:var(--font-sans);font-size:13.5px;font-weight:500;line-height:1;cursor:pointer;white-space:nowrap;transition:background var(--dur-fast,.12s) linear,border-color var(--dur-fast,.12s) linear}.learn-chip:hover{border-color:var(--hair-strong,rgba(26,46,34,.22))}.learn-chip[aria-checked=true]{background:var(--hc-navy-2,#14283e);border-color:var(--hc-navy-2,#14283e);color:var(--paper,#fffdf8)}.learn-chip-divider{width:1px;align-self:stretch;background:var(--hair,rgba(26,46,34,.12));margin-inline:4px;flex:0 0 1px}.learn-lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5,20px);margin-top:clamp(24px,3vw,36px)}@media (min-width:900px){.learn-lib-grid [data-featured]{grid-column:span 2;grid-row:span 2}}.learn-card{border:1px solid var(--hair,rgba(26,46,34,.12));border-radius:var(--radius-card,20px);background:var(--g-1,rgba(255,255,255,.55));overflow:hidden;display:flex;flex-direction:column;height:100%;transition:border-color var(--dur-base,.22s) linear,transform var(--dur-base,.22s) var(--ease-entry,cubic-bezier(.2,.8,.2,1))}.learn-card[hidden]{display:none}a.learn-card{text-decoration:none;color:inherit}a.learn-card:hover{border-color:var(--hair-strong,rgba(26,46,34,.22));transform:translateY(-2px)}.learn-card__media{position:relative;aspect-ratio:16/9;background:linear-gradient(160deg,var(--hc-navy-1,#0d2034),var(--hc-navy-0,#08131f))}.learn-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.learn-card [data-featured-media]{aspect-ratio:16/9}@media (min-width:900px){.learn-card__media--tall{aspect-ratio:auto;flex:1 1 auto;min-height:320px}}.learn-card__body{display:flex;flex-direction:column;gap:var(--space-3,12px);padding:var(--space-4,16px) var(--space-4,16px) var(--space-5,20px)}.learn-card__meta{font-family:var(--font-mono);font-size:var(--text-mono,11px);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3,#5a5750);display:flex;gap:10px;flex-wrap:wrap}.learn-card__title{font-family:var(--font-serif);font-size:var(--text-heading-s,24px);font-weight:400;color:var(--ink,#1c1b1a);margin:0;line-height:1.2}.learn-card__excerpt{margin:0;color:var(--ink-2,#4a4741);font-size:var(--text-body-s,15px);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.learn-card__pill{align-self:flex-start;font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3,#5a5750);border:1px solid var(--hair,rgba(26,46,34,.12));border-radius:var(--radius-pill,999px);padding:5px 11px}.learn-lib-status{margin-top:var(--space-4,16px);font-family:var(--font-sans);font-size:var(--text-body-s,15px);color:var(--ink-3,#5a5750)}:lang(ja) .learn-card__meta,:lang(ja) .learn-card__pill,:lang(ja) .learn-ch__eyebrow,:lang(ja) .learn-ch__head,:lang(ja) .learn-step__meta,:lang(ko) .learn-card__meta,:lang(ko) .learn-card__pill,:lang(ko) .learn-ch__eyebrow,:lang(ko) .learn-ch__head,:lang(ko) .learn-step__meta{letter-spacing:.04em;text-transform:none}@media (forced-colors:active){.learn-ch,.learn-path-band{background:Canvas;color:CanvasText;border:1px solid CanvasText}.learn-ch__band:after{background:none}.learn-ch__eyebrow{background:Canvas;color:CanvasText;text-shadow:none;padding:2px 6px;left:8px;right:auto;max-width:calc(100% - 16px)}.learn-medal,.learn-step__art{border-color:CanvasText}.learn-chip[aria-checked=true]{forced-color-adjust:none;background:Highlight;border-color:Highlight;color:HighlightText}}