/* 교육 찾기 — design-tokens.css 토큰만 소비. 순위·별점·추천 정렬용 스타일은 두지 않는다. */
.edu-wrap{display:grid;gap:var(--sp-4);padding-bottom:var(--sp-8)}

/* 필터 바 — 모바일 첫 화면에서 카드가 보이도록 최소 높이로 유지 */
.edu-filters{display:grid;gap:var(--sp-2);
  padding:var(--sp-3) var(--sp-4);background:var(--c-surface);
  border:1px solid var(--c-line);border-radius:var(--r-2);box-shadow:var(--sh-1)}
.edu-frow{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}
/* 넓은 화면에서 셀렉트가 화면 폭만큼 늘어나지 않게 */
@media (min-width:641px){.edu-frow{grid-template-columns:repeat(auto-fit,minmax(150px,220px))}}
.edu-f{display:flex;flex-direction:column;gap:2px;min-width:0}
.edu-f label{font-size:var(--fs-4);font-weight:var(--fw-semi);color:var(--c-ink-faint)}
.edu-f select{min-height:44px;padding:0 var(--sp-2);border:1px solid var(--c-control);
  border-radius:var(--r-1);background:var(--c-surface-sub);
  font:inherit;font-size:var(--fs-3);color:var(--c-ink);width:100%}
.edu-f select:focus{outline:2px solid var(--c-accent);outline-offset:1px}
.edu-more summary{display:inline-flex;align-items:center;min-height:36px;cursor:pointer;
  font-size:var(--fs-4);font-weight:var(--fw-semi);color:var(--c-accent)}
.edu-more[open] summary{margin-bottom:var(--sp-2)}
.edu-more .edu-frow{grid-template-columns:1fr 1fr 1fr}
.edu-fbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}
.edu-sort{font-size:var(--fs-4);color:var(--c-ink-faint)}
.edu-reset{min-height:36px;padding:0 var(--sp-3);border-radius:var(--r-1);
  border:1px solid var(--c-line-strong);background:var(--c-surface-sub);
  font:inherit;font-size:var(--fs-4);font-weight:var(--fw-semi);color:var(--c-ink-sub);cursor:pointer}

/* 섹션 */
.edu-sec{margin-top:var(--sp-2)}
.edu-sec-head{display:flex;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap;
  padding:var(--sp-2) 0}
.edu-sec-head h2{font-size:var(--fs-2);font-weight:var(--fw-bold);color:var(--c-ink)}
.edu-sec-head .n{font-size:var(--fs-4);font-weight:var(--fw-bold);color:var(--c-accent);
  background:var(--c-accent-bg);border:1px solid var(--c-accent-line);
  border-radius:var(--r-1);padding:1px var(--sp-2)}
.edu-sec-note{font-size:var(--fs-4);color:var(--c-ink-faint);line-height:1.6;
  padding:0 0 var(--sp-2)}

/* 카드 */
.edu-card{display:grid;gap:var(--sp-2);padding:var(--sp-4);
  background:var(--c-surface);border:1px solid var(--c-line);
  border-radius:var(--r-2);box-shadow:var(--sh-1);margin-bottom:var(--sp-3)}
.edu-card h3{font-size:var(--fs-2);font-weight:var(--fw-bold);color:var(--c-ink);
  line-height:1.4;word-break:keep-all}
.edu-card h3 a:hover{text-decoration:underline}
.edu-org{font-size:var(--fs-4);color:var(--c-ink-faint)}
.edu-line{font-size:var(--fs-3);color:var(--c-ink-sub);line-height:1.65;word-break:keep-all}
.edu-line b{font-weight:var(--fw-semi);color:var(--c-ink)}
.edu-k{display:inline-block;min-width:64px;font-size:var(--fs-4);color:var(--c-ink-faint)}
.edu-tags{display:flex;flex-wrap:wrap;gap:var(--sp-1)}
.edu-tag{padding:1px var(--sp-2);border-radius:var(--r-1);font-size:var(--fs-4);
  font-weight:var(--fw-semi);color:var(--c-ink-sub);
  background:var(--c-surface-sub);border:1px solid var(--c-line)}
.edu-tag.accent{color:var(--c-accent);background:var(--c-accent-bg);border-color:var(--c-accent-line)}
.edu-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-1)}

/* 원문 내부 표기 충돌 — 감추지 않고 카드에 적는다 */
.edu-warn{display:grid;gap:2px;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-1);
  background:var(--c-up-bg);color:var(--c-up);
  font-size:var(--fs-4);font-weight:var(--fw-semi);line-height:1.6}
.edu-warn .sub{font-weight:var(--fw-reg)}

/* 상세 영역 구분 — 공식 사실 / 모르는 항목 / 기관 주장 / 회원 경험 */
.edu-block{border-top:1px solid var(--c-line);padding-top:var(--sp-3);margin-top:var(--sp-3)}
.edu-block:first-of-type{border-top:0;margin-top:0;padding-top:0}
.edu-block h4{font-size:var(--fs-4);font-weight:var(--fw-bold);letter-spacing:.03em;
  color:var(--c-ink-faint);margin-bottom:var(--sp-2)}
.edu-block.claim{background:var(--c-surface-sub);border-radius:var(--r-1);
  padding:var(--sp-3);border-top:0;margin-top:var(--sp-3)}
.edu-block.claim h4{color:var(--c-ink-sub)}
.edu-unverified{font-size:var(--fs-4);font-weight:var(--fw-bold);color:var(--c-up)}

/* 저장 버튼 */
.edu-save{display:inline-flex;align-items:center;gap:var(--sp-1);
  min-height:40px;padding:0 var(--sp-3);border-radius:var(--r-1);
  border:1px solid var(--c-line-strong);background:var(--c-surface);
  font:inherit;font-size:var(--fs-4);font-weight:var(--fw-semi);color:var(--c-ink-sub);cursor:pointer}
.edu-save.on{border-color:var(--c-up);background:var(--c-up-bg);color:var(--c-up)}
.edu-save[disabled]{opacity:.55;cursor:not-allowed}
.edu-save svg{width:13px;height:13px;flex:none;stroke:currentColor;stroke-width:2;fill:none}
.edu-save.on svg{fill:currentColor}

.edu-note{padding:var(--sp-4);border:1px solid var(--c-line);border-radius:var(--r-2);
  background:var(--c-surface);font-size:var(--fs-4);color:var(--c-ink-sub);line-height:1.7}
.edu-note b{display:block;font-size:var(--fs-3);color:var(--c-ink);margin-bottom:var(--sp-1)}

@media (max-width:640px){
  /* 상세 조건 3열은 좁으므로 2열로 (마지막 칸은 한 줄 차지) */
  .edu-more .edu-frow{grid-template-columns:1fr 1fr}
  .edu-more .edu-frow .edu-f:last-child:nth-child(odd){grid-column:1/-1}
  .phero{padding:var(--sp-5) 0 var(--sp-3)}
  .phero-stat{margin-top:var(--sp-2)}
}

/* 회원 후기 (A6) — 사실 항목을 배지로, 오래된 후기는 하단으로 밀지 않고 필터로 거른다 */
.edu-review { padding: var(--sp-2) 0; border-top: 1px solid var(--c-line); }
.edu-review:first-of-type { border-top: 0; }
.edu-since { min-height: 36px; padding: 0 var(--sp-2); border: 1px solid var(--c-line-strong);
  border-radius: var(--r-1); background: var(--c-surface-sub); font: inherit; font-size: var(--fs-4); }

/* ── 원문 사진 ── 원본 비율·전체를 유지한다 (크롭 금지: 이용 조건에 포함) */
.edu-photo{margin:var(--sp-2) 0 0}
.edu-photo img{display:block;width:100%;height:auto;border-radius:var(--r-1);
  border:1px solid var(--c-line);background:var(--c-surface)}
.edu-photo figcaption{margin-top:var(--sp-1);font-size:var(--fs-4);color:var(--c-ink-faint)}