/* B2 course map (/courses/map/): page frame and phone calibration of the board's inline styles.
   The drawing itself is fixed at 1104 x 448 px and scrolls sideways on narrow screens. */
.b2-map .bn-root{min-height:0 !important}
.b2-map .bn-st.bn-you>i{box-shadow:0 0 0 4px rgba(91,107,140,.25)}
.b2-map .bn-map a.bn-st{color:inherit;text-decoration:none}
.b2-map [data-bn-view][hidden],.b2-map [data-bn-progress][hidden]{display:none !important}
.b2-map [style*="overflow-x: auto"]{scrollbar-width:thin}

@media (max-width:900px){
  .b2-map h1[style*="font-size: 56px"]{font-size:44px !important}
}
@media (max-width:640px){
  .b2-map [style*="padding: 40px 40px 32px"]{padding:24px 20px 24px !important}
  .b2-map [style*="padding: 0 40px 72px"]{padding:0 20px 56px !important}
  .b2-map h1[style*="font-size: 56px"]{font-size:36px !important;line-height:1.08 !important}
  .b2-map p[style*="font-size: 18px"]{font-size:16px !important}
  .b2-map [data-bn-resume]{width:100%;justify-content:center}
  /* the filters stay on one scrolling row */
  .b2-map [role=group][aria-label="Filter the map"]{flex-wrap:nowrap !important;overflow-x:auto;margin:0 -20px;padding:2px 20px 4px;scrollbar-width:none}
  .b2-map [role=group][aria-label="Filter the map"] button{flex:none}
  /* the map scrolls sideways inside its card; a note says so */
  .b2-map figure>div[style*="overflow-x: auto"]{position:relative}
  .b2-map figure>div[style*="overflow-x: auto"]::before{content:"Swipe to see the whole map";position:sticky;left:8px;display:inline-block;margin:0 0 4px;padding:2px 8px;border-radius:999px;background:#F5F7FA;font-size:12px;color:#5E6878}
  .b2-map figcaption{font-size:12px !important}
  .b2-map figcaption>span:last-child{display:none}
  .b2-map h2[style*="font-size: 28px"]{font-size:24px !important}
}