/* The family chooser is a small recipe collection, with native disclosure semantics. */
.explorer-selection>.explorer-recipe-picker {
  position:relative;display:block;flex:0 1 520px;width:520px;max-width:100%;
  font-size:inherit;font-weight:inherit;color:inherit;min-width:0;
}
.explorer-recipe-picker>summary {
  display:flex;align-items:center;gap:12px;min-height:76px;padding:11px 14px;
  border:1px solid #bccbb1;border-radius:15px;background:#fffef8;cursor:pointer;list-style:none;
  box-shadow:0 3px 10px #234c3605;transition:border-color .18s ease,box-shadow .18s ease;
}
.explorer-recipe-picker>summary::-webkit-details-marker {display:none}
.explorer-recipe-picker>summary:hover,.explorer-recipe-picker[open]>summary {border-color:#6f8e64;box-shadow:0 3px 14px #234c3610}
.explorer-recipe-picker>summary:focus-visible,.explorer-picker-panel :is(button,input):focus-visible {outline:3px solid #315e42;outline-offset:3px}
.explorer-recipe-picker>summary>img {width:50px;height:50px;flex:none;object-fit:cover;border-radius:12px}
.explorer-picker-current {display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.explorer-picker-label {font-size:9px;letter-spacing:.08em;font-weight:800;text-transform:uppercase;color:#536d52}
.explorer-picker-title {font:400 20px/1.15 var(--serif);color:#284b35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.explorer-picker-meta {font-size:10px;color:#5d7359}
.explorer-picker-change {display:flex;align-items:center;gap:6px;flex:none;font-size:11px;font-weight:700;color:#4d6a4e}
.explorer-picker-change>svg {transition:transform .18s ease}
.explorer-recipe-picker[open] .explorer-picker-change>svg {transform:rotate(180deg)}
.explorer-picker-panel {
  position:absolute;z-index:25;top:calc(100% + 8px);left:0;width:100%;padding:18px;
  background:#fffef9;border:1px solid #b8c9ad;border-radius:18px;box-shadow:0 18px 45px #17372324;
  max-height:min(640px,72vh);overflow-y:auto;overscroll-behavior:contain;
}
.explorer-picker-panel-head {display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}
.explorer-picker-panel-head h2 {font-size:25px;line-height:1.1;font-weight:400;margin:0 0 6px}
.explorer-picker-panel-head p {font-size:11px;line-height:1.5;color:#5d7359;margin:0}
.explorer-picker-close {display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid #d0dcc6;border-radius:9px;background:transparent;color:#456448;cursor:pointer}
.explorer-picker-search {display:flex;align-items:center;gap:9px;min-height:44px;padding:0 12px;border:1px solid #b9caad;border-radius:11px;background:#f4f7ec;color:#617957}
.explorer-picker-search input {border:0;background:transparent!important;outline:0!important;width:100%;min-width:0;padding:10px 0;font:inherit;font-size:12px;color:#284b35}
.explorer-picker-search:focus-within {outline:3px solid #315e42;outline-offset:2px}
.page .explorer-picker-search input:focus-visible {outline:0!important;box-shadow:none}
.explorer-picker-search input::placeholder {color:#607656;opacity:1}
.explorer-picker-categories {display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 10px}
.explorer-picker-categories>button {border:1px solid #d0dcc5;border-radius:99px;padding:7px 11px;min-height:34px;background:#fafbf6;color:#526d4d;font:inherit;font-size:10px;font-weight:700;cursor:pointer}
.explorer-picker-categories>button[aria-pressed="true"] {background:#294f39;border-color:#294f39;color:#fffef5}
.explorer-picker-categories>button:hover {border-color:#6b8b5f}
.explorer-picker-count {font-size:10px;font-weight:600;color:#5d7359;margin:0 0 8px}
.explorer-picker-options {display:flex;flex-direction:column;gap:5px;max-height:300px;overflow-y:auto;overscroll-behavior:contain;padding:2px 3px 3px 2px;scrollbar-width:thin}
.explorer-picker-option {
  display:flex;align-items:center;gap:11px;width:100%;min-width:0;text-align:left;padding:10px;
  background:transparent;border:1px solid transparent;border-radius:12px;color:#284b35;font:inherit;cursor:pointer;
}
.explorer-picker-option:hover {background:#f0f5e8;border-color:#d1dfc4}
.explorer-picker-option.is-current {background:#edf3e4;border-color:#b3c7a1}
.explorer-picker-option>img {width:44px;height:44px;object-fit:cover;flex:none;border-radius:10px}
.explorer-picker-option>span:not(.explorer-picker-check) {min-width:0;flex:1}
.explorer-picker-option strong {display:block;font:400 18px/1.2 var(--serif);color:#284b35;overflow-wrap:anywhere}
.explorer-picker-option small {display:block;font-size:10px;line-height:1.5;color:#5d7359;margin-top:4px}
.explorer-picker-option>svg,.explorer-picker-check {flex:none;color:#5a7850}
.explorer-picker-check {display:grid;place-items:center;width:24px;height:24px;border-radius:99px;background:#d5e4c7}
.explorer-picker-empty {padding:20px 12px;background:#f4f7ed;border-radius:12px;color:#5d7359;font-size:12px;line-height:1.6;text-align:center}
.explorer-picker-more {display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:40px;margin-top:9px;padding:8px;border:1px solid #b9cbae;border-radius:10px;background:#f4f7ed;color:#42613f;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
html[data-theme="dark"] .page .explorer-recipe-picker>summary {background:var(--theme-surface);border-color:var(--theme-line)}
html[data-theme="dark"] .page .explorer-recipe-picker>summary:hover,html[data-theme="dark"] .page .explorer-recipe-picker[open]>summary {border-color:#91af7c}
html[data-theme="dark"] .page .explorer-picker-panel {background:var(--theme-surface);border-color:#6a835f;box-shadow:0 18px 45px #0005}
html[data-theme="dark"] .page :is(.explorer-picker-label,.explorer-picker-meta,.explorer-picker-change,.explorer-picker-panel-head p,.explorer-picker-count,.explorer-picker-option small) {color:var(--theme-muted)}
html[data-theme="dark"] .page .explorer-picker-search {background:var(--theme-subtle);border-color:#6a835f;color:var(--theme-muted)}
html[data-theme="dark"] .page .explorer-picker-search input {color:var(--theme-text)}
html[data-theme="dark"] .page .explorer-picker-search input:focus-visible {outline:0!important;box-shadow:none}
html[data-theme="dark"] .page .explorer-picker-search:focus-within {outline-color:var(--theme-accent)}
html[data-theme="dark"] .page .explorer-picker-categories>button {background:var(--theme-subtle);border-color:var(--theme-line);color:var(--theme-muted)}
html[data-theme="dark"] .page .explorer-picker-categories>button[aria-pressed="true"] {background:#b8d2a5;border-color:#b8d2a5;color:#163022}
html[data-theme="dark"] .page .explorer-picker-option {color:var(--theme-text)}
html[data-theme="dark"] .page .explorer-picker-option:hover,html[data-theme="dark"] .page .explorer-picker-option.is-current {background:var(--theme-raised);border-color:#749366}
html[data-theme="dark"] .page :is(.explorer-picker-close,.explorer-picker-more,.explorer-picker-empty) {background:var(--theme-subtle);border-color:var(--theme-line);color:var(--theme-muted)}
html[data-theme="dark"] .page .explorer-picker-check {background:#405b35;color:#d8ebc7}
html[data-theme="dark"] .page .explorer-picker-option>svg {color:var(--theme-green)}
@media(max-width:640px){
 .explorer-selection>.explorer-recipe-picker {width:100%;flex-basis:100%}
 .explorer-recipe-picker>summary {padding:10px 12px;gap:10px;min-height:74px}
 .explorer-picker-title {font-size:19px}
 .explorer-picker-change {font-size:0;gap:0}
 .explorer-picker-panel {padding:14px;border-radius:15px;max-height:68vh}
 .explorer-picker-panel-head h2 {font-size:23px}
 .explorer-picker-search input {font-size:16px}
 .explorer-picker-categories>button {min-height:44px}
 .explorer-picker-close {width:44px;height:44px}
 .explorer-picker-option {padding:9px 7px;gap:9px}
 .explorer-picker-option>img {width:40px;height:40px}
 .explorer-picker-option strong {font-size:17px}
 .explorer-picker-options {max-height:280px}
}
@media(prefers-reduced-motion:reduce){.explorer-recipe-picker>summary,.explorer-picker-change>svg{transition:none}}