
/* Official source directory — responsive and consistent with existing cards */
.official-directory{margin:22px 0 30px;padding:20px;border:1px solid #cbd5e1;border-radius:16px;background:#f8fafc}
.official-directory-heading h3{margin:0 0 5px;color:#0f172a;font-size:1.22rem}
.official-directory-heading p,.official-directory-note{color:#475569;font-size:.88rem;line-height:1.5}
.official-directory-filters{display:flex;flex-wrap:wrap;gap:9px;margin:17px 0}
.official-filter{padding:9px 14px;border:1px solid #cbd5e1;border-radius:22px;background:white;color:#334155;cursor:pointer;font:inherit;font-size:.85rem}
.official-filter.active{background:#1d4ed8;color:white;border-color:#1d4ed8}
.official-directory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:11px}
.official-directory-card{display:flex;align-items:center;gap:10px;padding:15px 13px;background:white;border:1px solid #dbe3ee;border-radius:12px;text-decoration:none;color:#14213d;font-weight:700;line-height:1.4;min-width:0;transition:transform .15s,border-color .15s}
.official-directory-card:hover{transform:translateY(-2px);border-color:#2563eb}
.official-directory-card span{flex:1}.official-directory-card i:first-child{color:#2563eb}.official-directory-card i:last-child{font-size:.75rem;color:#64748b}
.official-directory-note{margin:15px 0 0}
@media(max-width:600px){.official-directory{padding:14px}.official-directory-grid{grid-template-columns:1fr}.official-directory-card{padding:13px}}
