/* IFFS 2027 — static/css/pages/directory.css
   GENERATED from design/design_handoff_iffs_2027/pages/IFFS Directory.dc.html
   by scripts/extract_page_css.py — do not hand-edit; edit the source. */
.dir-wrap{max-width:960px;margin-inline:auto;padding:var(--sp-5) var(--sp-4) var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-6)}
.dir-controls{display:flex;gap:var(--sp-3);flex-wrap:wrap;align-items:center}
.dir-controls .input{max-width:340px}
.filters{display:flex;gap:var(--sp-2);flex-wrap:wrap}
.filter{font-family:var(--font-data);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;padding:7px 13px;border-radius:var(--r-pill);border:1px solid var(--c-border-strong);background:var(--c-surface-canvas);color:var(--c-text-secondary);cursor:pointer}
.filter--on{background:var(--p-graphite-950);border-color:var(--p-graphite-950);color:var(--p-white)}
.p-grid{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.p-card{padding:var(--sp-4);display:flex;flex-direction:column;gap:10px}
.p-card .id{display:flex;gap:10px;align-items:center}
.p-card .id i{width:44px;height:44px;border-radius:50%;background:var(--p-steel-200);flex:none}
.p-card .id .who{display:flex;flex-direction:column;min-width:0}
.p-card .id b{font-size:15px}
.p-card .id span{font-size:var(--fs-small);color:var(--c-text-secondary);line-height:1.35}
.p-card .head{font-size:var(--fs-small);color:var(--p-graphite-700);margin:0}
.p-card .look{font-size:var(--fs-small);color:var(--c-text-secondary)}
.p-card .look b{font-family:var(--font-data);font-size:10px;letter-spacing:.13em;color:var(--c-text-muted);display:block;text-transform:uppercase;font-weight:500}
.tags{display:flex;gap:6px;flex-wrap:wrap}
.closed-hero{background:var(--c-surface-inverse);color:var(--p-white);border-radius:var(--r-m);padding:var(--sp-7) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4);align-items:flex-start}
.rules{display:flex;flex-direction:column;gap:var(--sp-2)}
.rules li{display:flex;gap:10px;font-size:var(--fs-small);color:var(--p-graphite-700)}
.rules li::before{content:"—";color:var(--c-link);font-weight:700}
.req-card{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5)}
.win-chips{display:flex;gap:var(--sp-2);flex-wrap:wrap}
.win{display:flex;flex-direction:column;gap:2px;border:1.5px solid var(--c-border-strong);border-radius:var(--r-control);padding:10px 14px;cursor:pointer;min-width:132px}
.win input{position:absolute;opacity:0}
.win b{font-family:var(--font-data);font-size:13px}
.win span{font-size:var(--fs-micro);color:var(--c-text-secondary)}
.win--on{border-color:var(--c-action-primary);background:var(--p-accent-050)}
.quota{font-family:var(--font-data);font-size:var(--fs-micro);letter-spacing:.1em;color:var(--c-text-muted);text-transform:uppercase}
.incoming{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4)}
.incoming .top{display:flex;gap:10px;align-items:flex-start}
.incoming .top i{width:40px;height:40px;border-radius:50%;background:var(--p-steel-200);flex:none}