/* Learn overview retains the shared EnGenius type roles and native links. */
.learn-page{background:#fff;color:var(--navy,#071b35);padding-bottom:64px}
.learn-page p{font-size:var(--type-body,16px);line-height:var(--type-copy-leading,1.65);color:#506b7d}
.learn-hero{background:linear-gradient(120deg,#eef9fb,#f9fcfd);border-bottom:1px solid #d7eaf0;padding:54px 0 42px}
.learn-hero .eyebrow{font-size:var(--type-caption,13px);letter-spacing:.1em;margin-bottom:20px}
.learn-hero h1{font-size:var(--type-hero,42px);line-height:1.2;margin:0 0 20px}
.learn-hero p:last-child{font-size:var(--type-lead,18px);max-width:680px}
.learn-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding-top:38px}
.learn-card{display:flex;flex-direction:column;border:1px solid #cce3ea;border-radius:14px;overflow:hidden;background:#fff;min-width:0}
.learn-card-media{display:block;background:#eaf7fa}
.learn-card-media img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:contain}
.learn-card-copy{display:flex;flex-direction:column;align-items:flex-start;padding:28px 30px;gap:14px;flex:1}
.learn-card h2{font-size:var(--type-h3,22px);line-height:1.4;margin:0}
.learn-card-action{display:flex;align-items:center;gap:14px;color:var(--deep,#007e9f);font-size:var(--type-ui,14px);font-weight:650;min-height:44px;margin-top:auto}
.learn-card:hover h2,.learn-card:focus-visible h2{color:var(--deep,#007e9f);text-decoration:underline;text-underline-offset:5px}
.learn-more{padding-top:48px}
.learn-more>h2{font-size:var(--type-h2,30px);line-height:1.3;margin:0 0 24px}
.learn-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.learn-resource{display:flex;align-items:flex-start;gap:20px;min-width:0;border-top:1px solid #cbdfe7;border-bottom:1px solid #cbdfe7;padding:24px 0}
.learn-resource>svg{flex-shrink:0;color:var(--deep,#007e9f)}
.learn-resource>svg:last-child{align-self:center;margin-left:auto}
.learn-resource h3{font-size:var(--type-card,18px);line-height:1.5;margin:0 0 8px}
.learn-resource:hover h3,.learn-resource:focus-visible h3{color:var(--deep,#007e9f);text-decoration:underline;text-underline-offset:4px}
@media(max-width:850px){.learn-primary,.learn-resource-grid{gap:22px}.learn-card-copy{padding:24px}.learn-card-media img{aspect-ratio:16/9}.learn-resource{gap:14px}}
@media(max-width:600px){.learn-page{padding-bottom:40px}.learn-hero{padding:32px 0}.learn-hero h1{font-size:var(--type-hero,28px)}.learn-hero p:last-child{font-size:var(--type-lead,17px)}.learn-primary,.learn-resource-grid{grid-template-columns:1fr}.learn-primary{padding-top:26px;gap:24px}.learn-card-copy{padding:22px}.learn-more{padding-top:32px}.learn-more>h2{font-size:var(--type-h2,26px)}.learn-resource-grid{gap:18px}.learn-resource{padding:20px 0}}