/* Mobile swipe sliders for learning formats and blog cards */
.mobile-slider-toolbar,.mobile-slider-progress{display:none}
@media (max-width:820px){
  .learning-formats-section,.home-blog-slider-section{overflow:hidden}
  .learning-formats-section .site-wide,.home-blog-slider-section .site-wide{width:100%;max-width:none}
  .learning-formats-head,.home-blog-slider-section .section-head{width:min(92vw,680px);margin-left:auto;margin-right:auto}
  .mobile-slider-toolbar{display:flex;width:min(92vw,680px);margin:0 auto 16px;align-items:center;justify-content:space-between;gap:18px}
  .mobile-slider-toolbar>div:first-child{display:flex;flex-direction:column;line-height:1.15}
  .mobile-slider-toolbar span{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--navy)}
  .mobile-slider-toolbar small{font-size:12px;color:var(--muted);margin-top:5px}
  .mobile-slider-buttons{display:flex;gap:7px;flex:0 0 auto}
  .mobile-slider-buttons button{width:42px;height:42px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:20px;display:grid;place-items:center;cursor:pointer;transition:.2s ease}
  .mobile-slider-buttons button:active{transform:scale(.94)}
  .mobile-card-slider{display:flex!important;grid-template-columns:none!important;gap:14px!important;overflow-x:auto;overflow-y:hidden;padding:2px 4vw 18px;scroll-snap-type:x mandatory;scroll-padding-left:4vw;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:none}
  .mobile-card-slider::-webkit-scrollbar{display:none}
  .learning-format-grid.mobile-card-slider .learning-format-card{flex:0 0 82vw;max-width:360px;min-height:340px;scroll-snap-align:start;scroll-snap-stop:always}
  .home-blog-slider-section .blog-grid.mobile-card-slider .blog-card{flex:0 0 84vw;max-width:390px;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;background:#fff;border:1px solid var(--line);padding:16px 16px 22px}
  .home-blog-slider-section .blog-card .thumb{margin:-16px -16px 18px;aspect-ratio:16/10}
  .home-blog-slider-section .blog-card h3{font-size:25px}
  .mobile-slider-progress{display:block;width:min(92vw,680px);height:3px;background:rgba(13,34,56,.1);margin:2px auto 0;overflow:hidden;position:relative}
  .mobile-slider-progress span{display:block;height:100%;width:25%;background:var(--navy);transform-origin:left center;transform:scaleX(.18);transition:transform .24s ease,width .24s ease}
}
@media (max-width:480px){
  .learning-format-grid.mobile-card-slider .learning-format-card{flex-basis:86vw;min-height:325px}
  .home-blog-slider-section .blog-grid.mobile-card-slider .blog-card{flex-basis:87vw}
}
