/* 오늘 보기 카드 — 클래스 머리 .td- (styles.css 의 토큰·부품을 재사용한다. 등장 애니메이션 없음) */
.td-top { list-style: none; margin: 0; padding: 0; }
.td-item, .td-block, .td-risk { display: flex; gap: 8px; align-items: flex-start; }
.td-block, .td-risk { padding: 8px 0; border-top: 1px solid var(--gray-2); }
.td-block.done { opacity: 0.6; }
.td-body { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.td-item .btn, .td-block .btn { flex: none; } /* 높이는 btn-sm 기본(36px) 그대로 */
.td-scroll:focus-visible { outline: 2px solid var(--pink-8); outline-offset: 2px; }
.td-note { margin-top: 6px; }
.td-sub { font-size: 0.95rem; font-weight: 700; margin: 14px 0 4px; }
.td-cue { margin-top: 10px; }
.td-level { flex: none; font-size: 0.78rem; padding: 2px 6px; border-radius: 6px; border: 1px solid var(--gray-4); }
.td-high .td-level { border-color: currentColor; font-weight: 800; }
.td-info { color: var(--gray-7); }
.td-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; margin-top: 6px; }
.td-table { width: 100%; border-collapse: collapse; font-size: 0.875rem; font-variant-numeric: tabular-nums; }
.td-table caption { text-align: left; padding-bottom: 4px; }
.td-table th, .td-table td { padding: 6px 8px; text-align: left; white-space: nowrap; border-bottom: 1px solid var(--gray-2); }
.td-table thead th { font-weight: 600; color: var(--gray-7); }
.td-past { color: var(--gray-6); }
.td-form { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; }
.td-bar { position: relative; display: inline-block; vertical-align: middle; width: 90px; height: 8px; margin-right: 6px; background: var(--gray-2); border-radius: 4px; }
.td-bar span { display: block; height: 100%; background: var(--pink-8); border-radius: 4px; }
.td-bar i { position: absolute; top: -2px; bottom: -2px; width: 2px; background: var(--gray-8); }