.learning-article .hero-image img{height:auto;max-height:none;width:100%;object-fit:contain;background:#f5f7f7}
.learning-article .hero-image{margin-inline:0}
.learning-toc{padding:24px 28px;background:#eef4f4;border-left:3px solid #007f86;margin:28px 0}
.learning-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px;padding-left:22px;margin-bottom:0}
.learning-toc a,.learning-jump a{color:#102735;text-decoration:underline;text-underline-offset:4px}
.learning-toc a:hover,.learning-jump a:hover{color:#b52530}
.learning-jump{display:flex;flex-wrap:wrap;gap:16px 32px;margin-bottom:40px}
.learning-article h2[id],#fundamentals,#applications{scroll-margin-top:130px}
.learning-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0}
.learning-preview article{border-top:2px solid #102735;padding-top:16px}
.learning-preview img{display:block;width:100%;height:auto;aspect-ratio:14/9;object-fit:contain;background:#f5f7f7}
.learning-preview h3{font-size:23px;line-height:1.3;margin:20px 0 12px}
.learning-preview p{font-size:16px;line-height:1.6}
.learning-preview a:hover h3{color:#b52530}
.learning-preview a:focus-visible,.learning-toc a:focus-visible,.learning-jump a:focus-visible{outline:3px solid #007f86;outline-offset:5px}
@media(max-width:760px){.learning-preview{grid-template-columns:1fr}.learning-toc ol{grid-template-columns:1fr}.learning-article .hero-image img{height:auto}.learning-toc{padding:20px}.learning-preview h3{font-size:22px}}