/* V10 — keep the native, labelled FAQ selector; match the approved glass. */
html[data-retro-decor] body.hls-magazine[data-helios-clean] #contenu .hls-faq-chooser select {
  appearance:none;
  -webkit-appearance:none;
  min-width:0;
  max-width:100%;
  min-height:44px;
  padding:11px 38px 11px 16px;
  border:1px solid var(--mag-surface-edge)!important;
  border-radius:14px!important;
  background:var(--mag-surface-glass)!important;
  backdrop-filter:var(--mag-surface-filter)!important;
  -webkit-backdrop-filter:var(--mag-surface-filter)!important;
  box-shadow:var(--mag-surface-shadow)!important;
  color:var(--mag-ink,#201917)!important;
  font-family:Montserrat,sans-serif!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.5;
  cursor:pointer;
  text-overflow:ellipsis;
}

/* Native OS pickers retain their own interaction and accessibility fallback. */
body.hls-magazine #hls-faq-category option {
  background:#f8f6f0;
  color:#201917;
}
@supports not (appearance:base-select) {
  html[data-retro-decor] body.hls-magazine[data-helios-clean] #contenu .hls-faq-chooser select {
    appearance:auto;
    -webkit-appearance:menulist;
    padding-right:12px;
  }
}

/* Browsers supporting a customisable native picker can share the glass too. */
@supports (appearance:base-select) {
  body.hls-magazine #hls-faq-category,
  body.hls-magazine #hls-faq-category::picker(select) {
    appearance:base-select!important;
  }
  html[data-retro-decor] body.hls-magazine[data-helios-clean] #contenu .hls-faq-chooser select {
    padding-right:16px;
    gap:12px;
    align-items:center;
  }
  body.hls-magazine #hls-faq-category::picker-icon {
    width:8px;
    height:8px;
    flex:none;
    content:"";
    border-right:1.5px solid #797151;
    border-bottom:1.5px solid #797151;
    transform:translateY(-2px) rotate(45deg);
    margin-left:auto;
  }
  body.hls-magazine #hls-faq-category:open::picker-icon {
    transform:translateY(2px) rotate(225deg);
  }
  body.hls-magazine #hls-faq-category::picker(select) {
    box-sizing:border-box;
    width:anchor-size(width);
    min-width:0;
    max-width:calc(100vw - 32px);
    margin-block:6px;
    padding:6px;
    max-height:min(420px,55dvh);
    overflow-y:auto;
    overscroll-behavior:contain;
    border:1px solid var(--mag-surface-edge);
    border-radius:14px;
    background:var(--mag-surface-glass);
    backdrop-filter:var(--mag-surface-filter);
    -webkit-backdrop-filter:var(--mag-surface-filter);
    box-shadow:var(--mag-surface-shadow);
    color:#201917;
    font:400 14px/1.5 Montserrat,sans-serif;
    scrollbar-color:#79715166 transparent;
  }
  body.hls-magazine #hls-faq-category option {
    min-height:44px;
    padding:10px 12px;
    border-radius:9px;
    background:transparent;
    color:#201917;
    white-space:normal;
  }
  body.hls-magazine #hls-faq-category option:is(:hover,:focus-visible) {
    background:#7971511c;
  }
  body.hls-magazine #hls-faq-category option:checked {
    background:#79715124;
    color:#494332;
  }
  body.hls-magazine #hls-faq-category option::checkmark {
    color:#797151;
  }
}