.supplier-directory-page{min-height:100vh;background:#f6f9fc;color:#16293e;font-family:"Noto Sans TC",system-ui,-apple-system,"Segoe UI",sans-serif}
.directory-header{height:72px;max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;border-bottom:1px solid #d9e5ef}
.directory-brand img{display:block;width:min(210px,52vw);height:auto}
.directory-main{max-width:1000px;margin:0 auto;padding:32px 20px 64px}
.directory-hero{margin-bottom:20px}
.directory-eyebrow{margin:0;color:#2167d1;font-size:14px;font-weight:700;letter-spacing:.08em}
.directory-hero h1{margin:10px 0 0;font-size:clamp(26px,4vw,34px);line-height:1.35}
.directory-intro{max-width:760px;margin:0 0 20px;color:#40566d;line-height:1.7}
.directory-search{padding:24px;background:#fff;border:1px solid #d9e5ef;border-radius:16px;box-shadow:0 4px 16px rgba(22,41,62,.04)}
.directory-search-form{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;align-items:center}
.directory-search-form label{font-weight:600}
.directory-search-form select,.directory-search-form input{width:100%;min-height:48px;padding:10px 12px;border:1px solid #b9c9d8;border-radius:10px;background:#fff;color:#16293e;font:inherit}
.directory-search-form input:focus,.directory-search-form select:focus{outline:3px solid rgba(33,103,209,.2);border-color:#2167d1}
.directory-submit{grid-column:1/-1;min-height:50px;border:0;border-radius:999px;background:#2167d1;color:#fff;font-family:inherit;font-size:16px;line-height:1.35;font-weight:600;cursor:pointer}
.directory-submit:disabled{opacity:.6;cursor:wait}
.directory-status{margin:18px 0 0;color:#40566d;line-height:1.6}
.directory-results-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.directory-results-toolbar strong{color:#16293e;font-size:16px}
.directory-back,.directory-back-button{min-height:44px;display:inline-flex;align-items:center;color:#2167d1;font:inherit;font-weight:600}
.directory-back-button{padding:0;border:0;background:none;text-decoration:underline;cursor:pointer}
.directory-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.directory-card,.directory-profile-card{min-width:0;padding:20px;border:1px solid #d9e5ef;border-radius:14px;background:#fff}
.directory-card h2,.directory-profile-card h2{margin:0;font-size:20px;line-height:1.4;overflow-wrap:anywhere}
.directory-location{margin:6px 0 12px;color:#40566d}
.directory-tag-row{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}
.directory-tag{padding:5px 9px;border-radius:999px;background:#edf3fa;color:#40566d;font-size:13px}
.directory-tag--public-data{background:#eaf2ff;color:#1d4f91}
.directory-process-list{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}
.directory-process-tag,.directory-more-tag{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid #c7daf1;border-radius:999px;background:#f0f6ff;color:#174b91;font-size:13px;font-weight:600;overflow-wrap:anywhere}
.directory-more-tag{border-color:#d9e5ef;background:#f6f9fc;color:#40566d}
.directory-card a,.directory-profile a{color:#2167d1;font-weight:600}
.directory-card-link{display:inline-flex;align-items:center;min-height:44px;margin-top:2px}
.directory-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:22px 0 2px;color:#40566d}
.directory-pagination button{min-height:44px;padding:0 16px;border:1px solid #d9e5ef;border-radius:999px;background:#fff;color:#2167d1;font:inherit;font-weight:600;cursor:pointer}
.directory-pagination button:disabled{color:#8190a0;background:#f6f9fc;cursor:not-allowed}
.directory-profile[hidden],.directory-results[hidden],.directory-status[hidden]{display:none}
.directory-empty{padding:22px;border-radius:12px;background:#f6f9fc;color:#40566d;line-height:1.65}
.directory-profile-intro{margin:12px 0;color:#40566d;line-height:1.65;white-space:pre-line}
.directory-profile-card h3{margin:24px 0 12px;font-size:19px;line-height:1.4}
.directory-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:0}
.directory-detail{min-width:0;padding:12px 14px;border-radius:10px;background:#f6f9fc}
.directory-detail dt{margin-bottom:4px;color:#40566d;font-size:14px}
.directory-detail dd{margin:0;overflow-wrap:anywhere;line-height:1.55}
.directory-evidence-list{display:grid;gap:12px;margin:14px 0;padding:0;list-style:none}
.directory-evidence-list li{padding:16px;border:1px solid #d9e5ef;border-radius:12px;background:#fff}
.directory-evidence-list p{margin:8px 0;line-height:1.6;overflow-wrap:anywhere}
.directory-match-note{margin:14px 0 0;padding:12px;background:#fff8e6;border-radius:10px;color:#654d17;line-height:1.6}
.directory-inquiry-button{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:16px;padding:10px 18px;border:0;border-radius:999px;background:#2167d1;color:#fff!important;text-align:center;text-decoration:none;font-size:16px;font-weight:600}
.directory-inquiry-button:focus-visible{outline:3px solid rgba(33,103,209,.28);outline-offset:3px}
.directory-inquiry-help{margin:8px 0 0;color:#40566d;font-size:14px;line-height:1.5}
.directory-source{margin:18px 2px;color:#40566d;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
@media(max-width:700px){.directory-header{height:64px;padding:0 16px}.directory-brand img{width:min(190px,58vw)}.directory-main{padding:24px 16px 44px}.directory-search{padding:18px}.directory-search-form{grid-template-columns:1fr;gap:8px}.directory-submit{grid-column:auto;margin-top:8px}.directory-card-grid{grid-template-columns:1fr}.directory-card,.directory-profile-card{padding:16px}.directory-hero h1{font-size:28px}.directory-detail-grid{grid-template-columns:1fr}.directory-results-toolbar{margin-bottom:12px}.directory-pagination{gap:10px}.directory-pagination button{padding:0 12px}}
