/* 운영 리포트(/ops-report) 전용 CSS — 이름·숫자 두 칸 줄은 site.css 의 기본 dl(이름 열 + 값 열)을 그대로 쓰고, 숫자만 굵게·자릿수 맞춤. 읽기 폭·좌우 여백도 site.css 기본 main 규칙(미디어 쿼리 없음). */
.ops-report-page h1 { margin-bottom: var(--sp-1); }
.ops-report-page .ops-report-asof { margin: 0 0 var(--sp-3); }
.ops-report-rows { margin-top: var(--sp-3); }
.ops-report-rows dd { font-weight: var(--fw-bold); font-variant-numeric: tabular-nums; }
.ops-report-links { display: grid; justify-items: start; margin-top: var(--sp-4); }
/* '이 돈으로 한 일' — 장부의 운영비 줄. 한 줄이 날짜(작게)·받는 곳·금액·증빙 링크이고, 위의 숫자 줄(dl)과 같은 구분선을 쓴다. 상자는 쓰지 않는다. */
.ops-report-spend { max-width: 42rem; }
.ops-report-spend > h2 { margin-bottom: var(--sp-3); }
.ops-report-spend > p { margin: 0; }
.ops-report-spend-list { list-style: none; margin: 0; padding: 0; max-width: 42rem; }
.ops-report-spend-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--sp-1) var(--sp-3); align-items: baseline; padding: var(--sp-3) 0; border-top: 1px solid var(--ledger-line); max-width: none; }
.ops-report-spend-list time { grid-column: 1 / -1; color: var(--muted); font-size: var(--fs-small); }
.ops-report-spend-what { overflow-wrap: anywhere; }
.ops-report-spend-list .money { font-weight: var(--fw-bold); }
.ops-report-spend-proof { grid-column: 1 / -1; font-size: var(--fs-small); color: var(--muted); }
.ops-report-spend-list a.ops-report-spend-proof { color: var(--link); display: inline-flex; align-items: center; min-height: 44px; }