/* 조립 단계 보정 — 엔진 CSS 뒤에 로드. 색상은 /_shared/theme.css 변수 */
.article { max-width: 100%; }
@media (min-width: 1100px) { main.paper .article { max-width: 860px; } }
/* 엔진 CSS는 모든 table을 display:block(가로 스크롤용)으로 두어 데스크톱에서 내용 폭만큼만 그려진다 → 700px 이상에서는 진짜 표로 */
@media (min-width: 700px) {
  .article table, .condition-examples table, .tw table, #full-table table, #recall-brief table, #budget-result table, .cmp, table.cmp { display: table !important; width: 100% !important; table-layout: auto !important; }
  .article thead, .article tbody { display: table-header-group; }
  .article tbody { display: table-row-group; }
  .article tr { display: table-row; } .article th, .article td { display: table-cell; }
  .tw table.wrapcell { min-width: 0; }
}
.condition-examples td:last-child, .condition-examples th:last-child { text-align: center; }
/* '이 조건 보기' → 조건 영역 하이라이트 */
@keyframes condFlash { 0% { box-shadow: 0 0 0 4px rgba(47,93,138,.55); background:var(--main-soft) } 100% { box-shadow: 0 0 0 0 rgba(47,93,138,0); background:transparent } }
.cond-flash { animation: condFlash 1.8s ease-out; border-radius: 10px; }
/* 예산으로 찾기 폼·결과 */
.expense-fields { display:grid; grid-template-columns: 1fr 1fr; gap: 12px 16px; align-items:end; background:#f6f8fc; border:1px solid #e3e8f2; border-radius:12px; padding:16px; margin:12px 0 18px }
.expense-fields label { display:flex; flex-direction:column; gap:6px; font-weight:700; font-size:14px; color:#1a2233 }
.expense-fields input, .expense-fields select { font-size:16px; padding:11px 12px; border:1px solid #cfd6e4; border-radius:8px; background:#fff; width:100%; box-sizing:border-box }
.expense-fields button, #budget-search { grid-column: 1 / -1; padding:12px 18px; border:0; border-radius:8px; background:var(--accent); color:#fff; font-weight:700; font-size:15px; cursor:pointer }
.expense-fields button:hover, #budget-search:hover { background:var(--accent-dark) }
#budget-result table { margin-top:10px } #budget-result td a { color:var(--main) } #budget-result th { background:var(--main-soft) } #budget-result td a { font-weight:600 }
#budget-result tbody tr:nth-child(even) td { background:#fafbfd }
@media (max-width:600px) { .expense-fields { grid-template-columns:1fr } }