.sc-directory{max-width:var(--sc-width,1280px);margin:0 auto;padding:64px 20px 110px;box-sizing:border-box;color:var(--sc-text)}
.sc-directory *{box-sizing:border-box}.sc-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.sc-eyebrow{font-size:11px;letter-spacing:3px;color:var(--sc-accent);font-weight:700;margin:0 0 8px}.sc-heading h1{font-size:26px;line-height:1.25;margin:0;color:var(--sc-text)}.sc-tools{display:flex;align-items:center;gap:12px}.sc-search{display:flex;align-items:center;gap:10px;border:1px solid #dce5ee;border-radius:14px;padding:10px 14px;width:246px;color:var(--sc-muted);margin:0}.sc-search input[type=search]{min-width:0;width:100%;border:0;background:transparent;padding:0;margin:0;box-shadow:none;font:inherit;font-size:14px;color:var(--sc-text)}.sc-search:focus-within{outline:2px solid var(--sc-accent);outline-offset:2px}.sc-search input:focus{outline:none}.sc-count{font-size:12px;color:var(--sc-muted);white-space:nowrap}.sc-grid{display:grid;grid-template-columns:repeat(var(--sc-columns),minmax(0,1fr));gap:var(--sc-gap)}
.sc-card{display:flex;flex-direction:column;align-items:flex-start;position:relative;min-width:0;min-height:calc(var(--sc-image-size) + 100px);padding:16px 16px calc(var(--sc-image-size) + 18px);border:1px solid #00000008;border-radius:var(--sc-radius);text-decoration:none!important;color:var(--sc-text);background:var(--sc-color-1);transition:box-shadow .18s,transform .18s}.sc-card:nth-child(6n+2){background:var(--sc-color-2)}.sc-card:nth-child(6n+3){background:var(--sc-color-3)}.sc-card:nth-child(6n+4){background:var(--sc-color-4)}.sc-card:nth-child(6n+5){background:var(--sc-color-5)}.sc-card:nth-child(6n+6){background:var(--sc-color-6)}.sc-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #10213912}.sc-card:focus-visible{outline:3px solid var(--sc-accent);outline-offset:3px}.sc-badge{max-width:100%;overflow-wrap:anywhere;font-size:11px;line-height:1.3;border-radius:24px;padding:5px 10px;background:var(--sc-accent);color:#fff;font-weight:700;margin-bottom:14px}.sc-name{font-size:var(--sc-font-size);font-weight:600;line-height:1.4;overflow-wrap:anywhere;color:var(--sc-text)}.sc-cta{font-size:12px;color:var(--sc-muted);margin-top:6px}.sc-image-wrap{position:absolute;bottom:12px;right:12px;width:var(--sc-image-size);height:var(--sc-image-size);border:2px solid #fff;border-radius:50%;background:var(--sc-image-bg);overflow:hidden;box-shadow:0 2px 5px #0000000a}.sc-directory[data-shape=square] .sc-image-wrap{border-radius:0}.sc-directory[data-shape=rounded] .sc-image-wrap{border-radius:18%}.sc-image-wrap .sc-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;padding:var(--sc-image-padding);background:var(--sc-image-bg);border-radius:0}.sc-directory[data-fit=cover] .sc-image{object-fit:cover}.sc-fallback{position:absolute;width:60%;height:60%;left:20%;top:20%;color:var(--sc-accent)}.sc-directory [hidden]{display:none!important}.sc-empty{text-align:center;padding:30px;color:var(--sc-muted)}
@media(max-width:1024px){.sc-grid{grid-template-columns:repeat(var(--sc-tablet-columns),minmax(0,1fr))}}
@media(max-width:600px){.sc-directory{padding:36px 12px calc(110px + env(safe-area-inset-bottom))}.sc-heading{gap:12px;margin-bottom:22px;align-items:center}.sc-heading>div:first-child{flex:1;min-width:0}.sc-heading h1{font-size:20px;overflow-wrap:anywhere}.sc-eyebrow{font-size:10px;letter-spacing:2px}.sc-tools{flex:1.5;min-width:0;gap:8px;flex-wrap:wrap}.sc-search{width:100%;flex:1 1 120px;padding:10px;gap:6px}.sc-search input[type=search]{font-size:12px}.sc-count{font-size:10px}.sc-grid{grid-template-columns:repeat(var(--sc-mobile-columns),minmax(0,1fr));gap:20px var(--sc-mobile-gap)}.sc-grid .sc-card{border:0;background:transparent;border-radius:0;box-shadow:none;padding:0;min-height:0;align-items:center;text-align:center;gap:8px}.sc-badge,.sc-cta{display:none}.sc-image-wrap{position:relative;inset:auto;order:-1;width:min(100%,var(--sc-mobile-image-size));height:auto;aspect-ratio:1;border:1px solid #d4e9eb;box-shadow:none;flex-shrink:0}.sc-name{font-size:var(--sc-mobile-font-size);font-weight:500;line-height:1.35;width:100%}}
@media(prefers-reduced-motion:reduce){.sc-card{transition:none}.sc-card:hover{transform:none}}

/* Desktop category directory only: centered circle icons. */
@media(min-width:601px){
.sc-directory[data-desktop-style=app] .sc-heading{align-items:center;margin-bottom:36px;flex-wrap:wrap}
.sc-directory[data-desktop-style=app] .sc-tools{margin-left:auto;max-width:100%;flex-wrap:wrap}
.sc-directory[data-desktop-style=app] .sc-search{width:clamp(220px,25vw,340px);max-width:100%}
.sc-directory[data-desktop-style=app] .sc-grid{grid-template-columns:repeat(var(--sc-app-columns,6),minmax(0,1fr));gap:32px var(--sc-gap)}
.sc-directory[data-desktop-style=app] .sc-card{align-items:center;text-align:center;min-height:0;padding:8px;gap:12px;border:0;background:transparent;border-radius:14px;box-shadow:none}
.sc-directory[data-desktop-style=app] .sc-card:hover{background:#f5fafb}
.sc-directory[data-desktop-style=app] .sc-image-wrap{position:relative;inset:auto;order:-1;width:min(100%,var(--sc-image-size));height:auto;aspect-ratio:1;border:1px solid #d4e9eb;border-radius:50%;box-shadow:none;flex-shrink:0}
.sc-directory[data-desktop-style=app] .sc-image{border-radius:50%}
.sc-directory[data-desktop-style=app] .sc-badge,.sc-directory[data-desktop-style=app] .sc-cta{display:none}
.sc-directory[data-desktop-style=app] .sc-name{width:100%;font-weight:500;line-height:1.4;min-height:2.8em}
}
@media(min-width:601px) and (max-width:1024px){.sc-directory[data-desktop-style=app] .sc-grid{grid-template-columns:repeat(var(--sc-tablet-columns,3),minmax(0,1fr))}}