/* Native select, progressively enhanced. Behaviour, labels, form values and change events remain native.
   Reference: https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms/Customizable_select */
:root{--nf-select-ease:cubic-bezier(.2,.7,.2,1)}
body select:not([hidden]):not([multiple]):not([size]){
 appearance:none;min-inline-size:0;min-block-size:44px;max-inline-size:100%;box-sizing:border-box;
 padding-block:10px;padding-inline:13px 38px;border:1px solid var(--line,#d8d1c8);border-radius:4px;
 background-color:var(--paper,#f7f5f1);color:var(--ink,#2d2b29);font-family:inherit;line-height:1.5;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2365584d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");
 background-repeat:no-repeat;background-position:right 12px center;background-size:16px;
 cursor:pointer;transition:border-color .18s var(--nf-select-ease),box-shadow .18s var(--nf-select-ease),background-color .18s var(--nf-select-ease)
}
body select:not([hidden]):not([multiple]):not([size]):hover{border-color:var(--accent,#65584d)}
body select:not([hidden]):not([multiple]):not([size]):focus-visible{outline:2px solid var(--accent,#65584d);outline-offset:3px}
body select:disabled{cursor:not-allowed;opacity:.55}
html[dir=rtl] select:not([hidden]):not([multiple]):not([size]){background-position:left 12px center}
@supports(appearance:base-select){
 body select:not([hidden]):not([multiple]):not([size]),body select:not([hidden]):not([multiple]):not([size])::picker(select){appearance:base-select}
 body select:not([hidden]):not([multiple]):not([size]){background-image:none;gap:16px;padding-inline:13px;align-items:center;justify-content:space-between}
 body select:not([hidden]):not([multiple]):not([size])::picker-icon{content:"";flex:none;inline-size:7px;block-size:7px;border:0;border-inline-end:1.5px solid currentColor;border-block-end:1.5px solid currentColor;rotate:45deg;translate:0 -2px;transition:rotate .18s var(--nf-select-ease),translate .18s var(--nf-select-ease);color:var(--accent,#65584d)}
 body select:open::picker-icon{rotate:225deg;translate:0 2px}
 body select:not([hidden]):not([multiple]):not([size])::picker(select){
  padding:6px;margin-block:8px;min-inline-size:max(anchor-size(self-inline),180px);max-inline-size:min(360px,calc(100vw - 24px));max-block-size:min(360px,55dvh);
  border:1px solid var(--line,#d8d1c8);border-radius:7px;background:var(--paper,#f7f5f1);color:var(--ink,#2d2b29);
  box-shadow:0 12px 36px #2d2b291a,0 2px 6px #2d2b2908;font:inherit;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bcb3a8 transparent;
  opacity:0;transform:translateY(-4px);transition:opacity .18s var(--nf-select-ease),transform .18s var(--nf-select-ease),display .18s allow-discrete,overlay .18s allow-discrete
 }
 body select:not([hidden]):not([multiple]):not([size]):open::picker(select){opacity:1;transform:translateY(0)}
 @starting-style{body select:not([hidden]):not([multiple]):not([size]):open::picker(select){opacity:0;transform:translateY(-4px)}}
 body select:not([hidden]):not([multiple]):not([size]) option{display:flex;align-items:center;gap:14px;min-block-size:42px;padding:10px 12px;border:0;border-radius:3px;color:inherit;background:transparent;white-space:normal;overflow-wrap:anywhere;line-height:1.5;cursor:pointer;transition:background-color .12s ease}
 body select:not([hidden]):not([multiple]):not([size]) option:is(:hover,:focus){background:#eae5dd;outline:0}
 body select:not([hidden]):not([multiple]):not([size]) option:checked{background:#e5ded3;font-weight:600}
 body select:not([hidden]):not([multiple]):not([size]) option:disabled{opacity:.45;cursor:not-allowed}
 body select option::checkmark{content:"";order:1;margin-inline-start:auto;flex:none;inline-size:6px;block-size:11px;border:0;border-inline-end:1.5px solid currentColor;border-block-end:1.5px solid currentColor;rotate:45deg;translate:0 -1px}
}
/* Flag-only trigger, labelled choices inside the menu. Footer flags stay compact. */
.hb-language .hb-language-links{display:flex;flex-direction:column;gap:2px;min-width:190px;padding:7px;border-radius:7px;border-color:var(--line);box-shadow:0 12px 36px #2d2b291a,0 2px 6px #2d2b2908;transform-origin:top right;animation:nf-language-reveal .18s var(--nf-select-ease)}
.hb-language .hb-language-links>a{width:100%;min-height:44px;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:3px;outline:0;font:400 13px/1.5 var(--hub-font-text,Manrope,sans-serif);text-align:start;transition:background-color .12s ease}
.hb-language .hb-language-links>a[aria-current=page]{background:#e5ded3;outline:0;font-weight:600}
.hb-language .hb-language-links>a[aria-current=page]:after{content:"";width:6px;height:11px;border-inline-end:1.5px solid currentColor;border-block-end:1.5px solid currentColor;rotate:45deg;margin-inline-start:auto;translate:0 -2px}
.hb-language .hb-language-links>a:is(:hover,:focus-visible){background:#eae5dd}.hb-language .hb-language-links>a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.hb-language-choice-name{white-space:nowrap}.hb-language .hb-language-links>a[lang=ar] .hb-language-choice-name{font-family:'Nightfall Arabic',sans-serif}.hb-language .hb-language-links>a[lang=zh-Hans] .hb-language-choice-name{font-family:'Nightfall Chinese',sans-serif}
html[dir=rtl] .hb-language .hb-language-links{transform-origin:top left}
@keyframes nf-language-reveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){body select:not([hidden]):not([multiple]):not([size]){font-size:16px}.viewport-toolbar{flex-wrap:wrap;gap:12px}.viewport-toolbar>span{flex-basis:100%;text-align:start;order:3}}
@media(max-width:480px){.hb-catalog-tools{display:grid;grid-template-columns:minmax(0,1fr)}.hb-catalog-tools label{min-width:0}.hb-catalog-tools select{width:100%}}
@media(prefers-reduced-motion:reduce){body select,body select::picker-icon,body select::picker(select),body select option,.hb-language .hb-language-links,.hb-language .hb-language-links>a{transition:none!important;animation:none!important}}
@media(forced-colors:active){body select:not([hidden]):not([multiple]):not([size]){border-color:ButtonText;background-image:none;appearance:auto}body select::picker(select){border-color:ButtonText}.hb-language .hb-language-links>a[aria-current=page]{outline:1px solid Highlight}}