@charset "UTF-8";
/* ==========================================================================
   동물자유연대 리디자인 — 활동 페이지 전용 (css/page-activities.css)
   style.css 토큰·컴포넌트 + sub.css 서브 컴포넌트 위에, 이 페이지에만 필요한 보정만 추가
   1) 한눈에 보는 활동  2) 캠페인 블록 보정  3) 현장 소식  4) 구조활동 일러스트
   5) 지원사업 카드  6) 카드 바로가기(:target) 표시  7) 최신 보도자료 카드
   ========================================================================== */

/* 1) 한눈에 보는 활동: 메인 '주요 활동' 타일(.work__grid / .work-tile) 그대로 재사용 */
.act-overview .work__grid { max-width: 68rem; margin-inline: auto; }

/* 2) 캠페인 블록 보정 */
.feature__body .act-checks { margin-top: 1.25rem; }
.feature + .act-cards { margin-top: 2.5rem; }
.feature__chip .ico { color: var(--c-orange-deep); }

/* 3) 현장 소식 (예시 게시글) */
.field-note {
  margin-top: 1.5rem; padding: 1.5rem 1.375rem;
  border-left: 4px solid var(--c-orange); border-radius: 0 var(--r-card) var(--r-card) 0;
  background: var(--c-white);
}
.field-note__meta {
  display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .75rem;
  font-size: var(--fs-meta); color: var(--c-sub); font-variant-numeric: tabular-nums;
}
.field-note__meta .sample-badge { margin-left: 0; }
.field-note__title { margin-top: .625rem; font-size: var(--fs-h3); font-weight: 800; line-height: 1.45; }
.field-note__text { margin-top: .375rem; color: var(--c-text-2); }
.field-note .note { margin-top: .75rem; }

/* 4) 구조활동: 온센터 일러스트 + 안내 */
.act-rescue { align-items: center; }
.act-rescue__media { aspect-ratio: 560 / 460; }
.act-rescue__ill, .act-rescue__ill > svg { width: 100%; height: 100%; }
.act-rescue__body { min-width: 0; }
.act-rescue__body .prose { margin-top: .75rem; }
.act-rescue__body .callout { margin-top: 1.25rem; }
.act-rescue__body .btn-row { margin-top: 1.25rem; }

/* 5) 지원사업 카드: 위쪽에 일러스트, 아이콘 배지가 일러스트 경계에 걸침 */
.program-card { padding-top: 0; overflow: hidden; }
.program-card__media {
  position: relative; overflow: hidden; aspect-ratio: 16 / 10;
  margin: 0 -1.375rem; background: var(--c-peach);
}
.program-card__media > svg { width: 100%; height: 100%; }
.program-card .info-card__ico {
  position: relative; z-index: 1; width: 3.5rem; height: 3.5rem; margin-top: -1.75rem;
  border: 4px solid var(--c-white); background: var(--c-peach);
}
.program-card__catch { font-weight: 700; line-height: 1.5; color: var(--c-ink); }
.info-card__title .sample-badge { font-weight: 700; }

/* 6) 메인·다른 페이지에서 카드 id(#community-cats, #legislation …)로 들어오면 테두리로 표시 */
.info-card:target {
  border-color: var(--c-orange);
  box-shadow: 0 0 0 3px var(--c-orange), var(--shadow-soft);
  animation: act-target 1.6s var(--ease) 1;
}
@keyframes act-target {
  0%, 35% { box-shadow: 0 0 0 7px rgba(254, 111, 32, .45), var(--shadow-soft); }
  100% { box-shadow: 0 0 0 3px var(--c-orange), var(--shadow-soft); }
}

/* 7) 최신 보도자료 카드 (카드 전체가 링크) */
.act-press .info-card__label { display: block; }
.act-press .info-card__meta { align-items: center; margin-top: .125rem; font-variant-numeric: tabular-nums; }
.act-press .info-card__meta .sample-badge { margin-left: 0; }
.act-press .info-card__title { display: block; }
.act-press .text-link { min-height: 2.75rem; }
.act-press:hover .text-link { text-decoration: underline; text-underline-offset: 4px; }

@media (min-width: 1024px) {
  .field-note { padding: 1.75rem 2rem; }
  .act-rescue { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 3.5rem; }
}