.learning-hero{background:linear-gradient(120deg,#edf5ff,#f8fbff 65%,#eaf4ff);padding-block:24px 48px}.learning-back{align-items:center;margin-bottom:28px;display:inline-flex}.learning-hero-grid{align-items:end;gap:28px;display:grid}.inner-site .learning-hero h1{letter-spacing:-1.7px;overflow-wrap:anywhere;max-width:1000px;font-size:clamp(40px,6vw,76px);line-height:1.08}.learning-intro{max-width:800px;color:var(--muted);margin-top:24px;font-size:17px;line-height:1.8}.learning-detail{border:1px solid var(--line);box-shadow:var(--home-shadow);background:#fff;border-radius:20px;padding:28px}.learning-detail>svg{color:var(--accent);width:32px;height:32px;margin-bottom:20px}.learning-detail p{font-size:16px;line-height:1.8}.learning-section-tinted{background:#f0f6fe}.learning-section-grid{gap:24px;display:grid}.inner-site .learning-section h2{letter-spacing:-1px;font-size:clamp(32px,3.1vw,48px);line-height:1.16}.learning-body{min-width:0;color:var(--muted);font-size:16px;line-height:1.85}.learning-body>p+p{margin-top:18px}.learning-body>p:first-child{color:#283d57}.learning-steps{gap:16px;margin:0;padding:0;list-style:none;display:grid}.learning-steps li{border:1px solid var(--line);background:#fff;border-radius:16px;min-width:0;padding:24px;box-shadow:0 8px 28px #31639408}.learning-step-top{color:var(--accent);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:13px;display:flex}.learning-step-top>span{border:1px solid var(--line);background:#f0f6fe;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.learning-steps h3{color:var(--ink);letter-spacing:-.3px;font-size:21px;font-weight:500;line-height:1.4}.learning-steps p{margin-top:12px;font-size:15px;line-height:1.8}.learning-note{background:#edf5ff;border-left:3px solid #84b8e9;border-radius:0 12px 12px 0;margin-top:24px;padding:20px 24px;font-size:15px}.learning-related{margin-top:24px}.learning-steps-program{gap:0 40px}.learning-steps-program li{border:0;border-top:1px solid var(--line);box-shadow:none;background:0 0;border-radius:0;padding:28px 0 28px 58px;position:relative}.learning-steps-program .learning-step-top{margin-bottom:16px}.learning-steps-program .learning-step-top>span{position:absolute;top:28px;left:0}.learning-steps-program .learning-step-top svg{margin-left:auto}@media (min-width:601px){.learning-hero{padding-block:28px 64px}.learning-intro{font-size:19px}.learning-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-section-wide .learning-section-grid{gap:32px}}@media (min-width:1024px){.learning-hero{padding-block:32px 72px}.learning-back{margin-bottom:40px}.learning-hero-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:clamp(40px,5vw,80px)}.learning-detail{padding:32px}.learning-section-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,5vw,80px)}.learning-section-wide .learning-section-grid{grid-template-columns:1fr}.learning-section-wide h2{max-width:800px}.learning-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.learning-steps li{padding:28px}.learning-steps-program{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px}.learning-steps-program li{padding:28px 0 28px 58px}.learning-body{font-size:17px}}@media (prefers-reduced-motion:no-preference){.learning-detail{animation:rise-in .6s var(--ease) both}}
