[data-taxonomy-picker]{position:relative;max-width:100%}
[data-taxonomy-picker] [hidden]{display:none!important}
[data-taxonomy-picker] [data-taxonomy-open]{display:block;width:100%;text-align:left}

[data-taxonomy-picker] [data-taxonomy-search]{display:block;box-sizing:border-box;width:100%;min-height:44px;margin:.75rem 0;padding:.55rem .7rem}
[data-taxonomy-picker] [data-taxonomy-breadcrumb]{display:flex;flex-wrap:wrap;gap:.2rem;align-items:center;margin:.5rem 0;overflow-wrap:anywhere}
[data-taxonomy-picker] [data-taxonomy-breadcrumb] button,[data-taxonomy-picker] [data-taxonomy-results] button,[data-taxonomy-picker] [data-taxonomy-pagination] button,[data-taxonomy-picker] [data-taxonomy-selection] button{min-height:44px;padding:.55rem .7rem;border:1px solid var(--line,#d9d4c9);border-radius:6px;background:var(--paper,#fffdf8);color:var(--ink,#25231f);cursor:pointer}
[data-taxonomy-picker] [data-taxonomy-dialog] button:focus-visible,[data-taxonomy-picker] [data-taxonomy-search]:focus-visible{outline:3px solid color-mix(in srgb,var(--green,#47725d) 55%,transparent);outline-offset:2px}
[data-taxonomy-picker] [data-taxonomy-results]{display:grid;gap:.5rem;margin:.75rem 0}
[data-taxonomy-picker] .taxonomy-picker__result{text-align:left;background:var(--paper,#fffdf8)}
[data-taxonomy-picker] .taxonomy-picker__result:hover,[data-taxonomy-picker] .taxonomy-picker__choose-current:hover{background:color-mix(in srgb,var(--green,#47725d) 10%,var(--paper,#fffdf8))}
[data-taxonomy-picker] .taxonomy-picker__count{margin-left:.3rem;opacity:.72}
[data-taxonomy-picker] [data-taxonomy-status]{min-height:1.4em}
[data-taxonomy-picker] [data-taxonomy-pagination]{display:flex;gap:.5rem;align-items:center;justify-content:center;margin:.75rem 0;overflow:auto}

.search-form > [data-taxonomy-picker]{flex:0 1 20rem;min-width:0}
[data-taxonomy-picker] button{overflow-wrap:anywhere}
[data-taxonomy-picker] .taxonomy-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem}
[data-taxonomy-picker] .taxonomy-heading h2{margin:0;font-size:1.25rem}
[data-taxonomy-picker] .taxonomy-heading button{flex-shrink:0}
[data-taxonomy-picker] .taxonomy-picker__choose-current{font-weight:700}
[data-taxonomy-picker] button:disabled:not([data-taxonomy-open]){opacity:.55;cursor:default}
.taxonomy-path{display:flex;flex-wrap:wrap;gap:.25rem;align-items:baseline;overflow-wrap:anywhere}
@media(max-width:600px){.search-form > [data-taxonomy-picker]{flex:1 1 100%}}

/* Separate navigation, selection and exploration. */

[data-taxonomy-picker] [data-taxonomy-breadcrumb]{gap:.4rem;margin:1rem 0 .5rem;font-size:.9rem}
[data-taxonomy-picker] [data-taxonomy-breadcrumb] button{border:0;background:transparent;text-decoration:underline;text-underline-offset:.2em;padding:.4rem .2rem}
[data-taxonomy-picker] [aria-current="location"]{font-weight:700}
[data-taxonomy-picker] [data-taxonomy-selection]{padding:.75rem 0 1rem;border-bottom:1px solid var(--line,#d9d4c9)}
[data-taxonomy-picker] [data-taxonomy-selection] button{background:var(--green,#47725d);color:#fff;border-color:var(--green,#47725d);text-align:left}
[data-taxonomy-picker] [data-taxonomy-heading]{margin:1rem 0 .25rem;font-size:1rem;line-height:1.5}
[data-taxonomy-picker] [data-taxonomy-heading]:focus-visible{outline:2px solid var(--green,#47725d);outline-offset:3px}
[data-taxonomy-picker] [data-taxonomy-status]{margin:.25rem 0;color:var(--muted,#68645d);font-size:.875rem}
[data-taxonomy-picker] [data-taxonomy-results]{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}
[data-taxonomy-picker] [data-taxonomy-results][data-searching="true"]{grid-template-columns:1fr}
[data-taxonomy-picker] .taxonomy-picker__result{min-width:0;line-height:1.5}
@media(max-width:600px){

  [data-taxonomy-picker] [data-taxonomy-results]{grid-template-columns:1fr}
}

[data-taxonomy-picker] [data-taxonomy-selection] button:hover{background:color-mix(in srgb,var(--green,#47725d) 85%,#000);color:#fff}

/* 検索ページ固有の配置・幅。選択欄の見た目は select.css に共通化。 */
.group-search .taxonomy-filter{display:flex;flex-direction:column;gap:4px;min-width:0}
.group-search .taxonomy-filter [data-taxonomy-open]{max-width:min(100%,350px)}
