.learning-entry{position:relative;isolation:isolate;display:flex;align-items:center;gap:16px;min-height:48px;margin-top:10px;padding:6px 20px 6px 16px;border:1px solid #b8cbe8;border-left:5px solid #e7c66d;border-radius:8px;background:#fff;color:#102c50;overflow:hidden}
.learning-entry:before{content:"";position:absolute;z-index:-1;inset:0 0 0 auto;width:380px;background:url('/assets/brand/learning-geometry.svg') right center/118px 118px repeat;opacity:.48;mask-image:linear-gradient(to right,transparent,#000 55%);pointer-events:none}
.learning-entry-icon{display:flex;align-items:center;padding-right:16px;border-right:1px solid #a6b8d2;flex:none}
.learning-entry-icon .icon{width:24px;height:24px}
.learning-entry-copy{display:flex;align-items:center;flex-wrap:wrap;gap:4px 24px;min-width:0;flex:1}
.learning-entry-copy strong{display:block;font-size:1rem;font-weight:800;line-height:1.25;letter-spacing:-.025em}
.learning-entry-copy small{display:block;margin:0;font-size:.75rem;line-height:1.4;color:#405c7a}
.learning-entry .learning-entry-link{display:inline-flex;align-items:center;justify-content:center;flex:none;gap:7px;min-height:32px;padding:6px 16px;border-radius:999px;background:#245bda;color:#fff;font-size:.75rem;font-weight:700;line-height:1.3;white-space:nowrap;text-decoration:none}
.learning-entry-link .icon{width:16px;height:16px;flex:none}
.learning-entry .learning-entry-link:hover{background:#1948b1}
.learning-entry .learning-entry-link:focus-visible{outline:3px solid #102c50;outline-offset:3px}
.home-intro{padding-top:8px}
@media(max-width:600px){
  .learning-entry{gap:12px;min-height:58px;margin-top:8px;padding:6px 10px 6px 12px;border-left-width:4px}
  .learning-entry-icon{display:none}
  .learning-entry-copy{display:block}
  .learning-entry-copy strong{font-size:.875rem}
  .learning-entry-copy small{font-size:.75rem;margin-top:2px;max-width:175px}
  .learning-entry .learning-entry-link{gap:6px;padding:8px 10px;font-size:.75rem;min-height:36px}
  .learning-entry:before{width:170px;opacity:.35}
  .home-intro{padding-top:6px}
}
@media(max-width:359px){.learning-entry{gap:8px;padding-inline:8px}.learning-entry-link .icon{display:none}}
@media(forced-colors:active){.learning-entry{border-color:CanvasText}.learning-entry:before{display:none}.learning-entry .learning-entry-link{border:1px solid ButtonText;background:ButtonFace;color:ButtonText}}