.grocery-region-control{display:flex;flex-direction:column;gap:8px;width:100%;max-width:340px;color:#6652d9;font-size:13px;font-weight:700}
.grocery-region-control[hidden]{display:none}
.grocery-region-control select{width:100%;padding:12px 14px;border:1px solid #dcdcf5;border-radius:13px;background:white;color:#243150;font:inherit;font-size:15px;cursor:pointer}
.grocery-region-control select:focus-visible{outline:3px solid #b9a8ff;outline-offset:2px}
@media(max-width:640px){.grocery-region-control{max-width:none}}
/* Freeze the learning-deck controls while its cards scroll underneath. */
.overview-section{overflow:visible}
.overview-head{position:sticky;top:0;z-index:12;background:#fbfcff;border-bottom:1px solid #e4e8f5;box-shadow:0 8px 18px #2634540d;padding:16px 0;margin-top:-16px;isolation:isolate}
.overview-card{scroll-margin-top:220px}
@media(max-width:760px){
  .main{overflow-x:clip;overflow-y:visible}
  .overview-head{top:var(--deck-top-offset,64px);gap:8px;padding:10px 0;margin-top:-10px;align-items:stretch}
  .overview-title{min-width:0}
  .overview-head h2{font-size:18px;margin:0}
  .overview-title>small,.overview-title>p{display:none}
  .overview-tools{gap:7px;grid-template-columns:1fr}
  .overview-tools .recall-toolbar{padding:4px 6px}
  .overview-tools .recall-copy{display:none}
  .overview-tools .recall-actions{margin-top:0}
  .overview-tools .recall-switch button{min-height:36px}
  .overview-tools .search{margin-top:0}
  .overview-tools .search input{padding:9px 0}
  .grocery-region-control{gap:3px;font-size:11px;max-width:none}
  .grocery-region-control select{padding:8px 10px;font-size:13px}
}