/* ============================================================
   fund.css — 지원 공고 목록

   hub.css 다음에 실린다. 새 색을 선언하지 않는다.
   표(table)를 쓰지 않는다 — 열이 넷 이상이면 375px 에서 가로로 밀린다.
   한 줄은 「D-day + 제목 + 잔글씨」 두 칸 격자다.
   테두리는 아래 선 하나뿐이다(네 면 카드를 만들지 않는다).
   ============================================================ */

.fd__hd{
  font-size:var(--cm-fs-h2);
  font-weight:700;
  color:var(--cm-txt);
  padding-bottom:var(--cm-gap-s);
}

.fd__ls{list-style:none;margin:0;padding:0;}

.fd__it{
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  gap:var(--cm-gap-s);
  align-items:baseline;
  padding:var(--cm-gap-s) 0;
  border-bottom:1px solid var(--cm-rule);
}
.fd__it:last-child{border-bottom:0;}

/* D-day — 숫자가 세로로 줄맞춤되어야 훑을 수 있다 */
.fd__d{
  font-size:var(--cm-fs-tail);
  font-weight:700;
  color:var(--cm-mut);
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
/* 사흘 안쪽만 눈에 띄게 한다. 전부 강조하면 아무것도 강조되지 않는다. */
.fd__d.is-near{color:var(--cm-accent-soft);}
.fd__it.is-today .fd__d{color:var(--cm-txt);}

.fd__b{display:block;min-width:0;}

.fd__a{
  font-size:var(--cm-fs-body);
  line-height:var(--cm-lh-body);
  color:var(--cm-txt);
  text-decoration:none;
}
.fd__a:hover,
.fd__a:focus-visible{color:var(--cm-accent-soft);text-decoration:underline;}

.fd__m{
  display:block;
  margin-top:2px;
  font-size:var(--cm-fs-tail);
  color:var(--cm-mut);
}

/* 거르는 줄 */
.fd__flt{
  display:flex;
  flex-wrap:wrap;
  gap:var(--cm-gap-s);
  margin-bottom:var(--cm-gap-m);
}
.fd__sel{
  min-height:var(--cm-cta-h);
  padding:0 12px;
  border:1px solid var(--cm-dim);
  border-radius:var(--cm-btn-r);
  background:var(--cm-surf-2);
  color:var(--cm-txt);
  font:inherit;
  font-size:var(--cm-fs-body);
  appearance:none;
  -webkit-appearance:none;
}
.fd__sel:focus-visible{outline:2px solid var(--cm-focus);outline-offset:2px;}
.fd__sel option{background:var(--cm-surf-2);color:var(--cm-txt);}

@media (max-width:600px){
  .fd__it{grid-template-columns:44px minmax(0,1fr);gap:var(--cm-gap-xs);}
  .fd__sel{flex:1 1 100%;}
}

/* ── 검색 · 칩 필터 ──────────────────────────────────────────
   축 사이 AND · 축 안 OR. 칩은 눌린 것만 파랑으로 채운다.
   「창업기간」 축을 만들지 않은 이유는 fund.js 주석에 적었다(값 0%). */
.fd__srch{max-width:var(--cm-hero-w);margin-bottom:var(--cm-gap-s);}
.fd__q{
  width:100%;
  min-height:var(--cm-cta-h);
  padding:0 12px;
  border:1px solid var(--cm-dim);
  border-radius:var(--cm-btn-r);
  background:var(--cm-surf-2);
  color:var(--cm-txt);
  font:inherit;
  font-size:var(--cm-fs-body);
}
.fd__q::placeholder{color:var(--cm-mut);opacity:1;}
.fd__q:focus-visible{outline:2px solid var(--cm-focus);outline-offset:2px;}

.fd__grp{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--cm-gap-s);margin-top:var(--cm-gap-s);}
.fd__glb{font-size:var(--cm-fs-tail);color:var(--cm-mut);flex:0 0 auto;min-width:76px;}
.fd__glb b{font-weight:400;}
.fd__chips{display:flex;flex-wrap:wrap;gap:var(--cm-gap-xs);}

.fd__chip{
  min-height:32px;
  padding:0 12px;
  border:1px solid var(--cm-dim);
  border-radius:16px;
  background:none;
  color:var(--cm-txt-2);
  font:inherit;
  font-size:var(--cm-fs-tail);
  cursor:pointer;
}
.fd__chip:hover{border-color:var(--cm-accent-soft);color:var(--cm-txt);}
.fd__chip[aria-pressed="true"]{
  background:var(--cm-accent);
  border-color:var(--cm-accent);
  color:var(--cm-on-accent);
}
.fd__chip:focus-visible{outline:2px solid var(--cm-focus);outline-offset:2px;}