/* The supplier index opens on its search and results. Landing pages keep their own introduction. */
.directory-results-first .breadcrumb{margin-block:18px 12px;padding-block:10px;font-size:12px}
.directory-compact-header{padding-block:0 4px;position:relative;z-index:5}
.directory-compact-header h1{font-size:34px;line-height:1.18;letter-spacing:-.6px;margin:0 0 7px;color:#1d3248}
.directory-compact-header>p{margin:0 0 14px;color:#111;font-size:15px}
.directory-compact-header .search-panel{grid-template-columns:minmax(0,1fr) auto;max-width:none;margin:0;padding:8px 12px;gap:12px;border-radius:9px}
.directory-compact-header .search-panel>label{display:none}
.directory-compact-header .search-panel label{font-size:11px;color:#111}
.directory-compact-header .search-panel input{font-size:16px;height:35px;min-width:0;color:#111}
.directory-compact-header .search-panel .button{min-height:48px;font-size:14px;padding-inline:22px}
.directory-results-first .listing-layout{margin-top:18px;align-items:start}
.directory-results-first .directory-filter-box{border:1px solid #cbd6df;border-radius:10px;background:#fff;overflow:hidden}
.directory-results-first .directory-filter-box>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;min-height:50px;padding:14px 16px;font-size:15px;line-height:1.45;color:#1d3248;font-weight:700}
.directory-results-first .directory-filter-box>summary::after{content:'+';font-size:21px;line-height:1}
.directory-results-first .directory-filter-box[open]>summary::after{content:'−'}
.directory-results-first .directory-filter-box .filter-panel{border:0;padding:4px 16px 15px}
.directory-results-first .directory-filter-box .filter-panel h2{display:none}
.directory-results-first .directory-filter-box .filter-note{font-size:12px;line-height:1.6;color:#111;margin:0 12px 12px}
.directory-results-first .filter-panel label{font-size:13px;color:#111}
.directory-results-first .filter-panel select{font-size:14px;min-height:44px;color:#111;max-width:100%}
.directory-filter-count{font-size:11px;background:#edf2f5;border:1px solid #cbd6df;padding:3px 7px;border-radius:20px;color:#111;white-space:nowrap}
.directory-results-first .results-meta{margin-top:0;font-size:13px;color:#111;gap:8px}
.directory-results-first .supplier-cover{height:138px}
.directory-help-after-results{margin-block:28px}
.directory-help-after-results>details{border:1px solid #cbd6df;border-radius:10px;background:#fff;padding:17px 20px}
.directory-help-after-results summary{cursor:pointer;font-size:16px;font-weight:700;color:#1d3248;min-height:44px;display:flex;align-items:center}
.directory-help-after-results p{color:#111;font-size:15px;line-height:1.75;max-width:85ch}
.directory-results-first summary:focus-visible{outline:3px solid #2376a5;outline-offset:-3px}
@media(min-width:781px){.directory-results-first .listing-layout>aside{position:sticky;top:105px}.directory-results-first .directory-filter-box[open]>summary{cursor:pointer}}
@media(max-width:780px){
 .directory-results-first .breadcrumb{margin-block:8px 8px;padding-block:8px;font-size:11px;line-height:1.5}
 .directory-compact-header h1{font-size:27px;line-height:1.15;letter-spacing:-.5px;margin-bottom:12px}
 .directory-compact-header>p{display:none}
 .directory-compact-header .search-panel{grid-template-columns:minmax(0,1fr) auto;padding:7px 9px;gap:7px;margin-top:0}
 .directory-compact-header .search-panel .button{grid-column:auto;min-height:47px;padding-inline:12px;font-size:13px;width:auto}
 .directory-compact-header .search-panel input{font-size:16px;height:34px}
 .directory-compact-header .search-panel label{font-size:10px}
 .directory-results-first .listing-layout{margin-top:13px;gap:13px}
 .directory-results-first .listing-layout>aside{margin:0}
 .directory-results-first .directory-filter-box>summary{padding:12px 14px;min-height:48px;font-size:14px}
 .directory-results-first .results-meta{font-size:12px;line-height:1.5;margin-bottom:12px}
 .directory-results-first .supplier-card{padding:16px}
 .directory-results-first .supplier-cover{height:96px;margin:-16px -16px 10px}
 .directory-results-first .card-top{margin-bottom:8px;min-height:36px;gap:8px}
 .directory-results-first .card-top .select-label{white-space:nowrap}
 .directory-results-first .supplier-logo{width:36px;height:36px}
 .directory-results-first .conversion-dock{padding:8px 16px calc(8px + env(safe-area-inset-bottom))}
 .directory-results-first .conversion-dock>a:first-child{display:none}
 .directory-results-first .conversion-dock .button{white-space:nowrap;min-height:48px;font-size:14px;padding:12px}
 .directory-help-after-results{margin-block:22px}
}
@media(max-width:360px){.directory-compact-header h1{font-size:24px}.directory-results-first .supplier-cover{height:88px}}