.ys-directory-hero{background:#111827;border-inline-start:4px solid var(--accent)}.ys-directory-hero span{color:var(--accent)}.ys-directory-hero p{color:#f3f4f6}.ys-directory-home{display:inline-flex;align-items:center;min-height:44px;margin-bottom:12px;color:var(--ink);font-weight:700}.ys-directory-essentials{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px 16px;margin:0;padding:12px;min-width:0;border:1px solid var(--border);border-radius:12px}.ys-directory-essentials legend{padding-inline:6px;color:var(--ink);font-weight:700}.ys-directory-filters .ys-directory-essentials label{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}.ys-directory-filters .ys-directory-essentials input{width:20px;height:20px;min-height:20px;flex:0 0 20px;accent-color:var(--accent)}.ys-directory-home:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.ys-directory-coverage{margin-block:16px;padding:16px 20px;border:1px solid var(--border);border-radius:16px;background:var(--surface, #fff)}.ys-directory-coverage p{margin:0 0 8px}.ys-directory-coverage small,.ys-directory-query small{line-height:1.8;color:var(--muted)}.ys-directory-filters input:not([type=checkbox]),.ys-directory-filters select{border:1px solid var(--border);background:var(--surface, #fff);padding:10px 12px}.ys-directory-filters .ys-directory-search-control input{padding-inline:44px 14px}.ys-supplier-directory-media .ys-directory-sample-label{position:absolute;inset-block-start:10px;inset-inline-start:10px;display:block;width:auto;padding:4px 10px;color:#fff;background:#143d47;border-radius:8px;font-size:13px}.ys-pagination{flex-wrap:wrap}.ys-supplier-directory-media img.is-broken+.ys-directory-sample-label{display:none}.ys-page-jump{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.ys-pagination .ys-page-jump label{display:flex;gap:8px;align-items:center}.ys-pagination .ys-page-jump input{width:90px;min-height:44px;border:1px solid var(--border);border-radius:8px;padding:8px}.ys-page-jump button{min-height:44px;padding:8px 16px;border-radius:8px}.ys-pagination :is(input,button,a):focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:600px){.ys-directory-essentials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}}.ys-directory-hero{background:var(--primary);border-inline-start-color:var(--secondary)}.ys-directory-hero span{color:#d8e8f6}.ys-directory-filters .ys-directory-essentials input{accent-color:var(--primary)}.ys-supplier-directory-media.has-image{height:142px}.ys-supplier-directory-media:not(.has-image){height:72px}.ys-supplier-directory-media .ys-directory-sample-label{background:var(--primary)}.ys-supplier-directory-body{padding:14px}.ys-supplier-directory-body h2{min-height:0;margin-bottom:4px;line-height:1.5}.ys-supplier-directory-body h2 a{display:inline-flex;min-height:44px;align-items:center}.ys-supplier-directory-body dl.ys-directory-priority-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;margin:12px 0 8px}.ys-supplier-directory-body .ys-directory-priority-facts>div{padding-top:6px}.ys-supplier-directory-body .ys-directory-priority-facts dd{min-width:0;margin-top:3px;font-size:13px}.ys-directory-priority-facts dd a{color:var(--ink);overflow-wrap:anywhere;text-decoration-thickness:1px}.ys-directory-priority-facts dd small{display:block;color:var(--muted);font-size:11px}.ys-supplier-directory-body dl.ys-directory-secondary-facts{margin:4px 0 8px}.ys-directory-secondary-facts .ys-directory-location-parts{display:none}.ys-supplier-directory-states{margin-bottom:9px}.ys-supplier-directory-states span{background:var(--surface-soft);color:var(--ink-soft)}.ys-supplier-directory-open{background:var(--primary);color:var(--on-primary)}.ys-supplier-directory-open:hover{background:var(--primary-hover)}@media(max-width:600px){.ys-supplier-directory-body dl.ys-directory-priority-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.ys-directory-priority-facts dd a{display:inline-flex;min-height:44px;align-items:center}.ys-directory-priority-facts dd{overflow-wrap:anywhere}}