.supplier-page{padding-bottom:40px}.supplier-page .page-head{max-width:980px}.supplier-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:36px;margin-bottom:28px}.supplier-intro p{margin-bottom:12px}.supplier-intro .note{margin:0;padding:20px 24px;font-size:14px}.supplier-controls{border:1px solid var(--line);background:var(--wash);padding:24px}.supplier-search{margin-bottom:18px}.supplier-search label{display:block;font-weight:650;font-size:14px;margin-bottom:6px}.supplier-search input{width:100%;min-height:48px;border:1px solid #80958f;border-radius:3px;padding:10px 14px;background:#fff;color:var(--ink);font:inherit}.supplier-search input:focus-visible{outline:3px solid #a65b26;outline-offset:3px}.supplier-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.supplier-filter-grid select{width:100%;min-width:0;min-height:46px}.supplier-controls .filter-actions{margin-top:18px}.supplier-controls .filter-actions p{font-size:12px}.supplier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.supplier-card{border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:4px;padding:24px;min-width:0;scroll-margin-top:20px}.supplier-card:target{outline:3px solid #a65b26;outline-offset:3px}.supplier-role{color:var(--accent);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.supplier-card h2{font-size:25px;margin-bottom:16px;overflow-wrap:anywhere}.supplier-card h2 a{text-decoration:none;color:var(--ink)}.supplier-card h2 a:hover{text-decoration:underline}.supplier-facts{margin-bottom:16px}.supplier-facts>div{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.supplier-facts dt{font-size:12px}.supplier-facts dd{font-size:14px;margin-bottom:0}.supplier-card a{overflow-wrap:anywhere}.supplier-contact a{display:inline-block;padding:3px 0;min-height:32px}.supplier-links{display:flex;gap:8px 20px;flex-wrap:wrap;margin-bottom:12px}.supplier-links a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:650}.supplier-card summary{cursor:pointer;padding:12px 0;min-height:48px;font-weight:650;font-size:14px}.supplier-card details{border-top:1px solid var(--line)}.supplier-details{padding-top:10px;font-size:14px}.supplier-details p{margin-bottom:14px}.supplier-sources{font-size:12px}.supplier-card>.meta{margin:12px 0 0}.supplier-policy{padding-top:36px;max-width:850px}.supplier-policy h2{font-size:26px}.supplier-policy p{font-size:15px;color:var(--muted)}@media(max-width:760px){.supplier-intro{display:block}.supplier-intro .note{margin-top:16px}.supplier-controls{padding:18px}.supplier-filter-grid{grid-template-columns:1fr}.supplier-grid{grid-template-columns:1fr;gap:16px}.supplier-card{padding:20px}.supplier-card h2{font-size:23px}}@media print{.supplier-controls,.result-count,.empty-results{display:none!important}.supplier-grid{display:block}.supplier-card{break-inside:avoid;margin-bottom:16pt}.supplier-card[hidden]{display:block!important}.supplier-card details>*{display:block!important}.supplier-card details{display:block!important}}

/* Task-first directory layout; scoped to this route, no shared header changes. */
.supplier-page .breadcrumb{padding-top:16px;font-size:12px}
.supplier-page .page-head{max-width:none;padding:12px 0 6px}
.supplier-page .page-head h1{font-size:clamp(27px,3vw,36px);line-height:1.16;max-width:none;margin-bottom:8px}
.supplier-page .page-head .deck{font-size:16px;line-height:1.5;margin:0}
.supplier-quick-note{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 14px;max-width:none}
.supplier-quick-note a{display:inline-block;padding:4px 0}
.supplier-controls{padding:16px;display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(0,2fr);gap:10px 16px;align-items:end}
.supplier-controls[hidden]{display:none}
.supplier-search{margin:0;min-width:0}
.supplier-search label{font-size:13px}
.supplier-filter-grid{gap:12px}
.supplier-controls .filter-actions{grid-column:1/-1;margin:0;gap:12px;justify-content:space-between}
.supplier-controls .filter-actions button{padding:6px 12px;min-height:40px;font-size:12px}
.supplier-page .result-count{margin:14px 0 10px}
.supplier-card{padding:20px}
.supplier-card h2{font-size:23px;margin-bottom:12px}
.supplier-role{margin-bottom:6px}
.supplier-method{border-top:1px solid var(--line);margin-top:24px;max-width:850px;font-size:14px;color:var(--muted)}
.supplier-method summary{cursor:pointer;min-height:48px;padding:14px 0;font-weight:650;color:var(--ink)}
.supplier-method summary:focus-visible{outline:3px solid #a65b26;outline-offset:3px}
.supplier-method p{margin-bottom:12px}
@media(max-width:900px){.supplier-controls{grid-template-columns:1fr}.supplier-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.supplier-page .breadcrumb{padding-top:12px}.supplier-page .page-head{padding-top:10px}.supplier-page .page-head h1{font-size:28px}.supplier-page .page-head .deck{font-size:15px}.supplier-quick-note{font-size:12px;margin-bottom:10px}.supplier-controls{padding:12px;gap:10px}.supplier-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.supplier-filter-grid .filter-field:last-child{grid-column:1/-1}.supplier-controls .filter-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px}.supplier-controls .filter-actions p{font-size:11px;flex:1 1 180px}.supplier-card{padding:18px}}
@media print{.supplier-method>*{display:block!important}}

.supplier-results-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0}
.supplier-results-bar .result-count{margin:0}
.supplier-sort{display:flex;align-items:center;gap:8px;font-size:12px}
.supplier-sort[hidden]{display:none}
.supplier-sort select{min-height:44px;padding:6px 26px 6px 10px;color:var(--ink);background:#fff;border:1px solid #80958f;font:inherit}
.supplier-sort select:focus-visible{outline:3px solid #a65b26;outline-offset:3px}
@media(max-width:480px){.supplier-results-bar{align-items:flex-start;flex-wrap:wrap;gap:4px}.supplier-sort{margin-left:auto}.supplier-results-bar .result-count{padding-top:12px}}
@media print{.supplier-results-bar{display:none!important}}
/* Full-width native selects keep every film/role label readable on phones. */
@media(max-width:480px){.supplier-filter-grid{grid-template-columns:1fr}.supplier-filter-grid .filter-field:last-child{grid-column:auto}.supplier-controls .filter-field select{padding-right:24px}.supplier-filter-grid{gap:8px}}

.directory-nav{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 8px}.directory-nav a{display:inline-flex;align-items:center;min-height:40px;padding:6px 12px;font-size:13px;border:1px solid var(--line);border-radius:3px;text-decoration:none}.directory-nav a[aria-current="page"]{background:var(--accent);color:#fff;border-color:var(--accent)}.directory-nav a:focus-visible{outline:3px solid #a65b26;outline-offset:3px}@media print{.directory-nav{display:none}}