/*
 * BAOI 5.3.35.8.1 — Mobile Filter Collapse & Reading Density Closure
 * Exact-route scope: dictionary hub FR + EN.
 */

body.baoi-v53581-dictionary-hub{
  --baoi-53581-panel:#0d192a;
  --baoi-53581-panel-2:#101f33;
  --baoi-53581-line:rgba(126,177,214,.22);
  --baoi-53581-line-strong:rgba(83,216,255,.38);
  --baoi-53581-text:#f4f8fc;
  --baoi-53581-muted:#a5b8cc;
  --baoi-53581-cyan:#53d8ff;
}

/* Keep the dictionary centered but reduce unnecessary vertical dead space. */
body.baoi-v53581-dictionary-hub .site-main{
  width:min(100%,1180px)!important;
  max-width:1180px!important;
  margin-inline:auto!important;
}

body.baoi-v53581-dictionary-hub .baoi-v53581-dictionary-hero{
  margin-bottom:18px!important;
}

body.baoi-v53581-dictionary-hub .baoi-v53581-dictionary-hero h1{
  margin-bottom:12px!important;
  line-height:1.04!important;
  text-wrap:balance;
}

body.baoi-v53581-dictionary-hub .baoi-v53581-dictionary-hero p{
  max-width:760px;
  margin-inline:auto;
  line-height:1.55!important;
}

/* Search block: still prominent, less tall on narrow screens. */
body.baoi-v53581-dictionary-hub .baoi-v53581-search-panel{
  margin-bottom:16px!important;
  padding:16px!important;
  border-radius:18px!important;
}

body.baoi-v53581-dictionary-hub .baoi-v53581-search-panel input{
  min-height:48px!important;
}

body.baoi-v53581-dictionary-hub .baoi-v53581-search-panel button,
body.baoi-v53581-dictionary-hub .baoi-v53581-search-panel input[type="submit"]{
  min-height:46px!important;
  border-radius:11px!important;
}

/* Theme/topic filter. */
body.baoi-v53581-dictionary-hub .baoi-v53581-theme-filter-panel{
  margin-bottom:14px!important;
  padding:16px!important;
  border:1px solid var(--baoi-53581-line)!important;
  border-radius:18px!important;
  background:var(--baoi-53581-panel)!important;
}

body.baoi-v53581-dictionary-hub .baoi-v53581-theme-filter-header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}

body.baoi-v53581-dictionary-hub .baoi-v53581-theme-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:40px;
  padding:8px 12px;
  border:1px solid var(--baoi-53581-line-strong);
  border-radius:999px;
  background:#0a1727;
  color:#dff7ff;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}

body.baoi-v53581-dictionary-hub .baoi-v53581-theme-toggle::before{
  content:'▾';
  color:var(--baoi-53581-cyan);
  font-size:.9em;
}

body.baoi-v53581-dictionary-hub .baoi-v53581-theme-filter-panel.is-collapsed .baoi-v53581-theme-toggle::before{
  content:'▸';
}

body.baoi-v53581-dictionary-hub .baoi-v53581-theme-filter-content{
  margin-top:12px!important;
}

body.baoi-v53581-dictionary-hub .baoi-v53581-theme-filter-content[hidden]{
  display:none!important;
}

/* Letter filter remains visible, but on mobile it becomes a compact rail. */
body.baoi-v53581-dictionary-hub .baoi-v53581-letter-filter-panel{
  margin-bottom:14px!important;
}

body.baoi-v53581-dictionary-hub .baoi-v53581-letter-filter-content{
  scrollbar-width:thin;
}

/* Cards/results: compact enough for long dictionary lists without hurting reading. */
body.baoi-v53581-dictionary-hub .baoi-v53581-result-card{
  border-radius:15px!important;
}

body.baoi-v53581-dictionary-hub .baoi-v53581-result-card h2{
  margin-top:0!important;
  margin-bottom:8px!important;
}

body.baoi-v53581-dictionary-hub .baoi-v53581-result-card p{
  line-height:1.55!important;
}

body.baoi-v53581-dictionary-hub :where(a,button,input):focus-visible{
  outline:2px solid var(--baoi-53581-cyan)!important;
  outline-offset:2px!important;
}

@media(max-width:782px){
  body.baoi-v53581-dictionary-hub .site-main{
    max-width:100%!important;
  }

  body.baoi-v53581-dictionary-hub .baoi-v53581-dictionary-hero{
    padding-top:8px!important;
    margin-bottom:14px!important;
  }

  body.baoi-v53581-dictionary-hub .baoi-v53581-dictionary-hero h1{
    font-size:clamp(2.4rem,12vw,3.4rem)!important;
  }

  body.baoi-v53581-dictionary-hub .baoi-v53581-dictionary-hero p{
    font-size:1rem!important;
  }

  body.baoi-v53581-dictionary-hub .baoi-v53581-search-panel{
    padding:12px!important;
    margin-bottom:12px!important;
  }

  body.baoi-v53581-dictionary-hub .baoi-v53581-search-panel button,
  body.baoi-v53581-dictionary-hub .baoi-v53581-search-panel input[type="submit"]{
    width:100%!important;
  }

  body.baoi-v53581-dictionary-hub .baoi-v53581-theme-filter-panel{
    padding:13px!important;
    margin-bottom:12px!important;
  }

  body.baoi-v53581-dictionary-hub .baoi-v53581-theme-filter-header{
    align-items:flex-start!important;
  }

  body.baoi-v53581-dictionary-hub .baoi-v53581-theme-toggle{
    width:100%;
  }

  body.baoi-v53581-dictionary-hub .baoi-v53581-letter-filter-content{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    max-width:100%;
    overflow-x:auto!important;
    padding-bottom:7px!important;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
  }

  body.baoi-v53581-dictionary-hub .baoi-v53581-letter-filter-content > *{
    flex:0 0 auto!important;
    scroll-snap-align:start;
  }

  body.baoi-v53581-dictionary-hub .baoi-v53581-result-card{
    padding:16px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.baoi-v53581-dictionary-hub *{
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
}