/* A short library banner and compact course/search filters. */
html body.s3-premium.s3-flash-hub-ready #page.container{padding:12px 18px 24px!important}
html body.s3-premium.s3-flash-hub-ready #region-main{padding:14px!important}
html body.s3-flash-hub-ready :is(#page-header,.page-banner-area,#sidebar-toggle-btn){display:none!important}
html body #s3-flash-hub{margin-bottom:16px}
html body #s3-flash-hub .s3f-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px!important;min-height:68px;border-radius:14px!important;margin:0 0 12px!important}
html body #s3-flash-hub .s3f-hero h1{font-size:24px!important;line-height:1.25!important;margin:0!important;text-align:right;min-width:0}
html body #s3-flash-hub .s3f-modes{display:flex;gap:8px;flex-wrap:nowrap;margin:0;flex-shrink:0}
html body #s3-flash-hub .s3f-modes a{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;border-radius:9px;font-size:12px!important;line-height:1.4;font-weight:650;white-space:nowrap}
html body #s3-flash-hub .s3f-modes a[href*="s3view=vocabulary"]{background:#ffdf36!important;color:#392c0a!important;border-color:#eac621!important}
html body #s3-flash-hub .s3f-modes a[href*="s3view=flashcards"]{background:#00e5ff!important;color:#102c33!important;border-color:#00cfe8!important}
html body #s3-flash-hub .s3f-modes a[aria-current]{box-shadow:inset 0 -3px 0 #172b4355}
html body #s3-flash-hub .s3f-filter-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.55fr);gap:14px;align-items:start;margin-bottom:10px}
html body #s3-flash-hub .s3f-course-picker{min-width:0}
html body #s3-flash-hub .s3f-courses-heading{font-size:12px!important;font-weight:650!important;margin:0 0 5px!important;line-height:1.4}
html body #s3-flash-hub .s3f-course-grid{display:flex;gap:8px;flex-wrap:wrap;margin:0}
html body #s3-flash-hub .s3f-course-tile{flex:0 1 330px;max-width:100%;padding:8px 10px!important;gap:9px;min-height:48px;font-size:13px!important;line-height:1.35;border-radius:10px}
html body #s3-flash-hub .s3f-course-number{width:28px;height:28px;border-radius:8px;font-size:11px}
html body #s3-flash-hub .s3f-course-name{min-width:0}
html body #s3-flash-hub .s3f-course-deck-count{font-size:10px;margin-top:3px;line-height:1.3}
html body #s3-flash-hub .s3f-toolbar{padding:0!important;margin:0!important;border:0!important;background:transparent!important;border-radius:0!important}
html body #s3-flash-hub .s3f-toolbar label{font-size:12px!important;line-height:1.4;margin-bottom:5px}
html body #s3-flash-hub .s3f-toolbar input{height:38px!important;padding:8px 11px!important;font-size:13px!important;background:#fff!important}
html body #s3-flash-hub .s3f-course-summary{margin:10px 0!important;padding:0!important;gap:8px;flex-direction:row!important;align-items:center}
html body #s3-flash-hub .s3f-course-summary strong{font-size:13px!important}
html body #s3-flash-hub .s3f-course-summary a{font-size:12px!important}
html body #s3-flash-hub .s3f-group{margin-bottom:16px}
html body #s3-flash-hub .s3f-group h2{font-size:12px!important;margin:10px 0 8px!important}
html body #s3-flash-hub .s3f-decks{gap:10px}
html body #s3-flash-hub .s3f-deck{padding:12px 14px!important;gap:10px;align-items:center}
html body #s3-flash-hub .s3f-deck .s3f-deck-icon{flex-basis:34px;width:34px;height:38px;font-size:22px!important}
html body #s3-flash-hub .s3f-deck strong{font-size:14px!important}
html body #s3-flash-hub .s3f-deck span:last-child{margin-top:4px;font-size:11px!important}
@media(max-width:700px){
 html body.s3-premium.s3-flash-hub-ready #page.container{padding:8px!important}
 html body.s3-premium.s3-flash-hub-ready #region-main{padding:10px!important}
 html body #s3-flash-hub .s3f-hero{padding:12px!important;gap:9px;flex-wrap:wrap;min-height:0}
 html body #s3-flash-hub .s3f-modes{width:100%;gap:6px}
 html body #s3-flash-hub .s3f-modes a{font-size:11px!important;padding:8px 9px}
 html body #s3-flash-hub .s3f-hero h1{font-size:21px!important;width:100%}
 html body #s3-flash-hub .s3f-filter-row{grid-template-columns:minmax(0,1fr);gap:9px}
 html body #s3-flash-hub .s3f-course-tile{flex-basis:100%;min-height:44px}
 html body #s3-flash-hub .s3f-course-summary strong{font-size:12px!important}
 html body #s3-flash-hub .s3f-course-summary a{font-size:11px!important}
}