.directory-main{min-width:0;scroll-margin-top:var(--jcw-space-5)}.directory-controls{padding:var(--jcw-space-5);margin-bottom:var(--jcw-space-5);border-radius:var(--jcw-shape-card);background:var(--jcw-surface-card)}.search-row{display:flex;align-items:center;justify-content:space-between;gap:var(--jcw-space-5)}.search-input{display:flex;align-items:center;gap:var(--jcw-space-3);flex:1;min-width:0;max-width:600px;height:52px;padding:0 var(--jcw-space-4);border:1px solid transparent;border-radius:var(--md-sys-shape-corner-full);background:var(--jcw-surface-block);color:var(--md-sys-color-on-surface-variant)}.search-input:focus-within{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.search-input input{flex:1;width:100%;height:100%;border:0;outline:0;background:none;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface)}.search-input input::-webkit-search-cancel-button{-webkit-appearance:none}.search-input input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:1}.search-input button{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;margin-right:-12px;border-radius:var(--md-sys-shape-corner-full)}.search-input button:hover{background:var(--jcw-surface-inset)}.search-input kbd{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;border-radius:var(--md-sys-shape-corner-small);background:var(--jcw-surface-inset);font:var(--md-sys-typescale-label-medium)}.desktop-filter-fields{display:flex;flex-direction:column;gap:var(--jcw-space-2);margin-top:var(--jcw-space-4)}.filter-section{min-width:0;padding:0;margin:0;border:0}.filter-section legend{float:left;display:flex;align-items:center;width:80px;min-height:36px;padding:0;font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface-variant)}.filter-body{position:relative;margin-left:88px;min-width:0}.filter-options{display:flex;flex-wrap:wrap;align-items:center;gap:var(--jcw-space-2)}.filter-option{display:inline-flex;align-items:center;justify-content:center;gap:var(--jcw-space-1);min-height:36px;padding:var(--jcw-space-1) var(--jcw-space-4);border:1px solid transparent;border-radius:var(--md-sys-shape-corner-full);font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-on-surface-variant);background:var(--jcw-surface-block);white-space:nowrap}.filter-option:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) var(--jcw-state-hover),var(--jcw-surface-block))}.filter-option:active{background:color-mix(in srgb,var(--md-sys-color-on-surface) var(--jcw-state-pressed),var(--jcw-surface-block))}.filter-option.selected{color:var(--md-sys-color-on-primary);background:var(--md-sys-color-primary)}.filter-option.selected:hover{background:color-mix(in srgb,var(--md-sys-color-on-primary) var(--jcw-state-hover),var(--md-sys-color-primary))}.filter-option.selected:active{background:color-mix(in srgb,var(--md-sys-color-on-primary) var(--jcw-state-pressed),var(--md-sys-color-primary))}.custom-budget{position:static}.custom-budget summary{cursor:pointer;list-style:none}.custom-budget summary::-webkit-details-marker{display:none}.custom-budget[open] summary>svg{transform:rotate(180deg)}.custom-budget-form{position:absolute;z-index:5;top:calc(100% + 8px);right:0;width:304px;padding:var(--jcw-space-5);border:1px solid transparent;border-radius:var(--jcw-shape-card);background:var(--jcw-surface-floating);box-shadow:var(--jcw-shadow-floating)}.custom-budget-form>p{margin-bottom:var(--jcw-space-4);font:var(--md-sys-typescale-title-small)}.custom-budget-inputs{display:flex;gap:var(--jcw-space-3)}.custom-budget-inputs label{flex:1;min-width:0;font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface-variant)}.custom-budget-inputs input{display:block;width:100%;height:48px;margin-top:var(--jcw-space-2);padding:0 var(--jcw-space-3);border:1px solid transparent;border-radius:var(--md-sys-shape-corner-medium);font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface);background:var(--jcw-surface-inset)}.custom-budget-form>span{display:block;margin-top:var(--jcw-space-3);font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant)}.custom-budget-form>.budget-error{color:var(--md-sys-color-error)}.custom-budget-actions{display:flex;gap:var(--jcw-space-3);margin-top:var(--jcw-space-4)}.custom-budget-actions .button-primary{flex:1}.budget-cancel{min-height:48px;padding:0 var(--jcw-space-4);border-radius:var(--md-sys-shape-corner-full);font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-primary)}.budget-cancel:hover{background:var(--md-sys-color-surface-container-highest)}.active-filters{display:none;align-items:center;flex-wrap:wrap;gap:var(--jcw-space-2);border-top:1px solid var(--jcw-color-divider)}.active-filter-label{margin-right:var(--jcw-space-1);font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface-variant)}.active-filters button{display:flex;align-items:center;gap:var(--jcw-space-2);max-width:100%;min-height:32px;padding:var(--jcw-space-2) var(--jcw-space-3);border:1px solid transparent;border-radius:var(--md-sys-shape-corner-full);font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface-variant);background:var(--jcw-surface-card);overflow-wrap:anywhere;text-align:left}.active-filters button:hover{background:var(--jcw-surface-inset)}.active-filters .clear-filters{border-color:transparent;border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-primary);background:transparent}.controls-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--jcw-space-4);margin-top:var(--jcw-space-3);padding-top:var(--jcw-space-3);border-top:1px solid var(--jcw-color-divider)}.controls-footer>.clear-filters{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:var(--jcw-space-2);min-height:40px;padding:0 var(--jcw-space-3);border-radius:var(--md-sys-shape-corner-full);font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-primary)}.controls-footer>.clear-filters:hover{background:var(--md-sys-color-surface-container-highest)}.desktop-sort{flex:1;min-width:0}.results-count{flex-shrink:0;font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant)}.results-count strong{margin-right:var(--jcw-space-1);font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface)}.results-count>span{margin-left:var(--jcw-space-2);font:var(--md-sys-typescale-label-small)}.category-sort-hint{margin:0 0 0 88px;font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant)}.directory-guide{display:inline-flex;align-items:center;justify-content:center;gap:var(--jcw-space-2);min-height:48px;padding:0 var(--jcw-space-4);border-radius:var(--md-sys-shape-corner-full);font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-primary);white-space:nowrap}.directory-guide:hover{background:var(--jcw-surface-block)}.mobile-quick-filters,.mobile-results-count,.mobile-custom-budget{display:none}@media(min-width:801px)and (max-width:1100px){.filter-option{padding-left:10px;padding-right:10px}.results-count>span{display:none}}@media(max-width:800px){.directory-controls{padding:0;margin-bottom:var(--jcw-space-4);border-radius:0;background:transparent}.directory-controls:has(.mobile-quick-filter[aria-expanded=true]){position:relative;z-index:20}.desktop-filter-fields,.desktop-sort{display:none}.search-input{max-width:none;height:52px;border-radius:var(--md-sys-shape-corner-full);background:var(--jcw-surface-card)}.search-row>.directory-guide{display:none}.mobile-quick-filters{display:flex;flex-wrap:wrap;gap:0 var(--jcw-space-2);margin-top:var(--jcw-space-2)}.mobile-quick-wrap{min-width:0;max-width:100%}.mobile-quick-backdrop{position:fixed;inset:0;z-index:1;background:transparent}.mobile-quick-filter{position:relative;z-index:2;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:var(--jcw-space-1);max-width:100%;min-height:48px;padding:0 var(--jcw-space-3);border-radius:var(--md-sys-shape-corner-full);font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-on-surface-variant)}.mobile-quick-filter:before{content:"";position:absolute;z-index:-1;inset:var(--jcw-space-1) 0;border:1px solid transparent;border-radius:inherit;background:var(--jcw-surface-card);transition:background-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.mobile-quick-filter:hover:before,.mobile-quick-filter[aria-expanded=true]:before{background:var(--md-sys-color-surface-container-high)}.mobile-quick-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-quick-filter.selected{color:var(--md-sys-color-on-primary)}.mobile-quick-filter.selected:before{background:var(--md-sys-color-primary)}.mobile-quick-filter.selected:hover:before,.mobile-quick-filter.selected[aria-expanded=true]:before{background:color-mix(in srgb,var(--md-sys-color-on-primary) var(--jcw-state-hover),var(--md-sys-color-primary))}.mobile-quick-filter>svg{transition:transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.mobile-quick-filter[aria-expanded=true]>svg{transform:rotate(180deg)}.mobile-quick-menu{position:fixed;z-index:3;width:max-content;min-width:208px;max-width:calc(100vw - 32px);padding:var(--jcw-space-2);overflow-y:auto;overscroll-behavior:contain;border:1px solid transparent;border-radius:var(--jcw-shape-card);background:var(--jcw-surface-floating);box-shadow:var(--jcw-shadow-floating)}.mobile-quick-menu-item{display:flex;align-items:center;justify-content:space-between;gap:var(--jcw-space-4);width:100%;min-height:48px;padding:var(--jcw-space-2) var(--jcw-space-3);border-radius:var(--md-sys-shape-corner-medium);font:var(--md-sys-typescale-body-medium);text-align:left;color:var(--md-sys-color-on-surface)}.mobile-quick-menu-item:hover,.mobile-quick-menu-item:active{background:var(--jcw-surface-floating-block)}.mobile-quick-menu-item[aria-checked=true]{font-weight:500;color:var(--md-sys-color-primary)}.mobile-quick-menu-item>svg{visibility:hidden;color:var(--md-sys-color-primary)}.mobile-quick-menu-item[aria-checked=true]>svg{visibility:visible}.mobile-quick-menu-item:disabled{cursor:default}.mobile-quick-menu-item:focus-visible{outline-offset:-2px}.mobile-custom-budget{display:block;margin-top:var(--jcw-space-2)}.mobile-custom-budget .custom-budget-form{position:static;width:100%;padding:var(--jcw-space-4);background:var(--jcw-surface-card);box-shadow:none}.mobile-custom-budget input{font-size:16px}.mobile-results-count{display:block;margin-top:var(--jcw-space-2);font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant)}.mobile-results-count strong{margin-right:var(--jcw-space-1);font:var(--md-sys-typescale-title-small);color:var(--md-sys-color-on-surface)}.active-filters{display:flex;margin-top:var(--jcw-space-2);padding-top:var(--jcw-space-3)}.active-filter-label{display:none}.active-filters button{min-height:48px}.controls-footer{margin:0;padding:0;border:0}.controls-footer>.clear-filters{display:none}.results-count{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}}@media(max-width:599px){.search-input{padding:0 var(--jcw-space-3);gap:var(--jcw-space-2)}.search-input input{font-size:16px}.search-input kbd{display:none}}@media(pointer:coarse)and (min-width:801px){.filter-option,.controls-footer>.clear-filters{min-height:48px}}@media(prefers-contrast:more){.filter-option,.active-filters button,.mobile-quick-filter:before,.mobile-quick-menu,.custom-budget-form,.custom-budget-inputs input{border-color:var(--md-sys-color-outline)}.directory-controls{outline:1px solid var(--md-sys-color-outline);outline-offset:-1px}.filter-option.selected,.mobile-quick-filter.selected:before{border-color:var(--md-sys-color-primary)}.search-input{border-color:var(--md-sys-color-outline)}.active-filters .clear-filters{border-color:transparent}}@media(prefers-reduced-motion:reduce){.mobile-quick-filter:before,.mobile-quick-filter>svg{transition:none}}