.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-filter-toggle,.ys-directory-filter-close,.ys-directory-quick-search{display:none}.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-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:1100px){.ys-public-directory-shell .ys-directory-hero{gap:12px;padding:18px}.ys-directory-hero h1{font-size:25px}.ys-directory-hero p{font-size:14px;line-height:1.55}.ys-directory-total{min-height:64px;border-radius:14px}.ys-directory-total strong{font-size:26px}.ys-directory-quick-search{display:grid;gap:6px;margin-block:14px 4px;font-weight:800}.ys-directory-quick-search>div{display:flex;min-width:0;gap:8px}.ys-directory-quick-search>div>input[name=q]{width:100%;min-width:0;min-height:48px;padding:9px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit}.ys-directory-quick-search button{display:grid;flex:0 0 48px;min-height:48px;place-items:center;border:0;border-radius:12px;background:var(--primary);color:#fff}.ys-directory-quick-search :is(input,button):focus-visible{outline:3px solid var(--accent);outline-offset:2px}.ys-directory-filter-toggle,.ys-directory-filter-close{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-weight:700}.ys-directory-filter-toggle{width:100%;margin-block:12px}.ys-directory-filter-close{justify-self:end;padding-inline:12px}.ys-directory-filters:not(.is-mobile-open){display:none}.ys-directory-filters.is-mobile-open{position:fixed;z-index:90;inset:auto 0 0;display:grid;width:100%;max-width:760px;max-height:min(90dvh,760px);margin-inline:auto;overflow-y:auto;overscroll-behavior:contain;border-radius:20px 20px 0 0;box-shadow:0 -20px 60px #0f274242}.ys-directory-essentials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}}@media(min-width:601px)and (max-width:1100px){.ys-directory-filters.is-mobile-open{grid-template-columns:repeat(2,minmax(0,1fr))}.ys-directory-filters.is-mobile-open :is(.ys-directory-filter-close,.ys-directory-query,.ys-directory-essentials,.ys-directory-filter-actions){grid-column:1 / -1}}.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)}@media(min-width:601px){.ys-directory-hero{padding:18px 22px}.ys-directory-hero h1{font-size:clamp(27px,2.8vw,36px)}.ys-directory-total{min-height:72px}.ys-directory-filters{gap:8px;margin-block:14px;padding:14px}.ys-directory-query small{display:none}.ys-directory-more-filters{grid-column:span 3}}@media(max-width:600px){.ys-directory-total{display:flex;min-height:0;gap:8px;align-items:baseline;justify-self:start;padding:7px 12px}.ys-directory-total strong{font-size:20px}.ys-public-directory-shell .ys-directory-hero{display:flex;align-items:center;gap:10px;padding:14px 16px}.ys-public-directory-shell .ys-directory-hero>div:first-child>span,.ys-public-directory-shell .ys-directory-hero p{display:none}.ys-public-directory-shell .ys-directory-hero h1{margin:0;font-size:20px;line-height:1.3}.ys-public-directory-shell .ys-directory-total{flex-shrink:0;display:grid;min-width:0;min-height:0;gap:0;padding:5px 8px;font-size:10px}.ys-public-directory-shell .ys-directory-total strong{font-size:18px}}.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-supplier-directory-body .ys-directory-priority-facts dd{overflow-wrap:anywhere}}.ys-directory-refresh,.ys-directory-refresh-error{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin:.75rem 0;padding:.75rem 1rem;border:1px solid #bfd6e5;border-radius:.75rem;background:#eef7fb;color:#123149}.ys-directory-refresh-error{border-color:#d9a886;background:#fff6ee}.ys-directory-refresh-error button{min-height:44px;padding:.5rem 1rem;border:1px solid currentColor;border-radius:.65rem;background:#fff;color:inherit;cursor:pointer}