.fd{max-width:1040px;width:100%;padding:0 0 48px}
.fd h1{font-size:clamp(1.6rem,5vw,2.4rem);margin:8px 0 6px}
.fd-sign{margin:0 0 16px}
.fd-bar{display:grid;grid-template-columns:1fr;gap:10px;margin:16px 0}
@media(min-width:640px){.fd-bar{grid-template-columns:1fr 220px}}
.fd-tabs{display:flex;gap:8px;margin:4px 0 16px}
.fd-tabs button{border:1px solid var(--c-line,#ddd);background:transparent;color:inherit;border-radius:999px;padding:8px 16px;min-height:40px;cursor:pointer}
.fd-tabs button[aria-selected=true]{background:var(--c-accent,#b8860b);border-color:transparent;color:#fff}
.fd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.fd-card{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--c-line,#ddd);border-radius:14px;text-decoration:none;color:inherit;background:var(--c-surface)}
.fd-card:hover,.fd-card:focus-visible{border-color:var(--c-accent,#b8860b)}
.fd-ph{width:64px;height:64px;border-radius:50%;object-fit:cover;background:var(--c-line,#eee);display:grid;place-items:center;font-weight:700;overflow:hidden}
.fd-ph img{width:100%;height:100%;object-fit:cover}
.fd-card h3{margin:0;font-size:1.05rem}
.fd-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:.88rem}
.fd-empty{padding:32px 0;text-align:center}