.listed-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-button);font-size:11.5px;font-weight:700;letter-spacing:.4px;color:var(--craly-teal-dark);background:var(--craly-mint);border:1px solid #bfeae3;border-radius:var(--radius-full);padding:5px 11px 5px 9px;white-space:nowrap}.listed-badge--compact{font-size:10.5px;padding:4px 9px 4px 7px}.directory{min-height:calc(100vh - 68px);background:var(--craly-off-white);padding:var(--space-8) 24px 80px}.directory__header{max-width:720px;margin:0 auto 40px;text-align:center}.directory__eyebrow{font-family:var(--font-body);color:var(--craly-teal-dark);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px}.directory__heading{font-family:var(--font-display);font-size:clamp(30px,4.5vw,44px);font-weight:500;color:var(--craly-navy);line-height:1.15;margin-bottom:14px}.directory__subtext{font-family:var(--font-body);color:var(--craly-text-muted);font-size:16px;line-height:1.6}.directory__controls{max-width:var(--container-max);margin:0 auto 36px;display:flex;flex-direction:column;gap:14px;background:var(--craly-white);border:1px solid var(--craly-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.directory__grid{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-5);gap:var(--space-5)}.directory__pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:var(--space-7);font-family:var(--font-body);color:var(--craly-text-muted);font-size:14px}.directory__pagination button{font-family:var(--font-button);font-size:13.5px;font-weight:600;color:var(--craly-navy);background:var(--craly-white);border:1px solid var(--craly-border);border-radius:var(--radius-full);padding:9px 18px;cursor:pointer;transition:.2s}.directory__pagination button:hover:not(:disabled){border-color:var(--craly-teal);color:var(--craly-teal-dark)}.directory__pagination button:disabled{opacity:.4;cursor:not-allowed}@media (max-width:900px){.directory__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.directory{padding:var(--space-6) 16px 60px}.directory__grid{grid-template-columns:1fr}}