@charset "UTF-8";
/* ==========================================================================
   동물자유연대 리디자인 — 자료 페이지 전용 (css/page-resources.css)
   style.css 토큰·컴포넌트 + sub.css 서브 컴포넌트 위에, 이 페이지에만 필요한 보정만 추가
   1) 목록형 아코디언(보도자료·공지·연도별 보고서)  2) 보고서 탭·상세 안내  3) 재정보고
   ========================================================================== */

.res-note { margin-top: .75rem; }
.board-head .text-link { margin-top: 0; }

/* 1) 목록형 아코디언: 분류 태그 · 제목 · 날짜 한 줄 (모바일은 2줄) */
.post-acc .accordion__btn {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas: "tag date ico" "title title ico";
  align-items: center; gap: .375rem .75rem;
}
.post-acc .tag { grid-area: tag; }
.post-acc .accordion__label { grid-area: title; }
.post-acc__date { grid-area: date; justify-self: end; font-size: var(--fs-meta); font-weight: 500; color: var(--c-sub); font-variant-numeric: tabular-nums; }
.post-acc .accordion__ico { grid-area: ico; }
.post-acc .accordion__panel { padding-left: .25rem; }
.post-acc .accordion__panel > * + * { margin-top: .5rem; }
.post-acc .text-link { margin-top: .25rem; }
.accordion__item:target .accordion__btn { color: var(--c-orange-deep); }

/* 2) 보고서·출판물: 탭 아래 카드, 카드를 누르면 상세 안내로 이동 */
.res-panel { padding-top: 1.25rem; }
.doc-list { display: grid; gap: .875rem; }
.doc {
  display: flex; align-items: flex-start; gap: 1.125rem; padding: 1.25rem;
  border: 2px solid transparent; border-radius: var(--r-card); background: var(--c-white);
  transition: border-color .2s, box-shadow .2s;
}
.doc:target { border-color: var(--c-orange); box-shadow: var(--shadow-soft); }
.doc__cover { width: 4rem; }
.doc__body { flex: 1; min-width: 0; }
.doc__type { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem; font-size: .8125rem; font-weight: 700; color: var(--c-orange-deep); }
.doc__type .sample-badge { margin-left: .25rem; }
.doc__title { margin-top: .25rem; font-size: 1.0625rem; font-weight: 800; line-height: 1.45; }
.doc__text { margin-top: .25rem; font-size: .9375rem; color: var(--c-text-2); }
.doc__links { display: flex; flex-wrap: wrap; gap: 0 1.25rem; margin-top: .25rem; }

/* 3) 재정보고 */
.res-fin { align-items: start; }
.res-fin__chart { min-width: 0; }
.res-bars { margin-top: 1.25rem; }
.res-table { min-width: 0; }
.res-table__group th { background: var(--c-cream); font-size: .875rem; font-weight: 800; color: var(--c-orange-deep); }
.res-official { margin-top: 2.5rem; }
.res-official__body { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 1.5rem; flex: 1; min-width: 0; }
.res-official__body p { flex: 1 1 18rem; }

@media (min-width: 768px) {
  .post-acc .accordion__btn { grid-template-columns: 5.75rem minmax(0, 1fr) auto auto; grid-template-areas: "tag title date ico"; gap: 1.25rem; }
  .post-acc .accordion__panel { padding-left: 7.25rem; padding-right: 3rem; }
  .doc { padding: 1.5rem; }
}
@media (min-width: 1024px) {
  .doc-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
  .res-fin { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 3.5rem; }
}