/* 홈·위험예보 단순화 (2026-10-07) — 한 화면에 질문 하나, 숫자는 위에, 나머지는 접기 */
/* 홈: 오늘 가제본 + 위험 예보 나란히 */
.dh-top2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; align-items: start; }
.dh-top2 > .dh-card { margin-bottom: 0; }
.dh-top2 > .dh-card[hidden] { display: none; }
@media (max-width: 1100px) { .dh-top2 { grid-template-columns: 1fr; } }
/* 홈: 접힌 '더 보기' */
.dh-more { margin-top: 4px; border: 1px dashed var(--border-strong, var(--border)); border-radius: 12px; padding: 0; background: transparent; }
.dh-more > summary { list-style: none; cursor: pointer; padding: 12px 16px; font-weight: 600; font-size: 14px; display: flex; align-items: center; gap: 8px; }
.dh-more > summary::-webkit-details-marker { display: none; }
.dh-more > summary small { font-weight: 400; color: var(--ink-3, #6b7280); font-size: 12.5px; }
.dh-more > summary .ti { transition: transform .15s; }
.dh-more[open] > summary .ti { transform: rotate(90deg); }
.dh-more[open] > summary { border-bottom: 1px dashed var(--border-strong, var(--border)); }
.dh-more-body { padding: 14px 14px 4px; }
/* 위험 예보(2026-10-14 단순화): 3D·미리 보기·믿을 만한가는 details.rk-dt — 규칙은 css/risk.css 끝 블록. 옛 .rk-main.rk-3d-off/.rk-more 규칙은 지움(.rk-more 가 상세 안 '더 보기' 버튼에도 번지던 결함 해소) */
@media (prefers-reduced-motion: reduce) { .dh-more > summary .ti, #tab-risk .rk-dt > summary .ti { transition: none; } }
/* 홈 숫자 4개 타일 (2026-10-11): 오늘 가제본·위험 예보 카드 대신 포털 KPI 타일. 두 카드는 계산만 하고 숨김 */
#home-tiles { margin-bottom: 12px; }
#home-tiles:empty { display: none; }
#tab-dashboard .dh-top2 { display: none; }
#home-tiles .pk-tile.pk-brand { --c: var(--brand); }
/* 불량 유형 현황 = 막대 목록 (2026-10-11) */
.dh-tb { display: flex; flex-direction: column; margin-top: 6px; }
.dh-tb-row { padding: 8px 2px; border-top: 1px solid var(--border); }
.dh-tb-row:first-child { border-top: 0; }
.dh-tb-h { display: flex; justify-content: space-between; gap: 10px; font-size: 13px; }
.dh-tb-h .num { color: var(--ink-2); font-variant-numeric: tabular-nums; }
.dh-tb-h small { color: var(--ink-3); font-size: 11.5px; margin-left: 2px; }
.dh-tb-bar { height: 6px; border-radius: 3px; background: var(--brand-100); margin-top: 5px; overflow: hidden; }
.dh-tb-bar i { display: block; height: 100%; background: var(--brand); border-radius: 3px; }