/* today 화면 전용 스타일(2026-10-20 개편). brand.css 다음에 로드. 선택자는 #view-today 로 한정한다. */
#view-today .tag { padding-bottom: 34px; }
#view-today .tag .tag-days { position: absolute; left: 14px; bottom: 12px; font-size: 11px; font-weight: 800; color: var(--cobalt); text-decoration: none; }
#view-today .tag .tag-go { right: 14px; }
/* 태그 포커스: 왜 이 기운인가 → 태그 카드 → CTA → 구분선 → 나머지 전체 */
#view-today.focus .td-head { align-items: flex-end; }
#view-today .td-focus { display: grid; gap: 12px; margin: 0 0 8px; }
#view-today .td-focus .focus-tag { width: 100%; max-width: none; min-height: 0; padding-right: 96px; }
#view-today .td-focus .focus-tag .score { position: absolute; right: 14px; top: 16px; display: flex; align-items: baseline; gap: 4px; }
#view-today .td-focus .focus-tag .score .n { font-family: var(--display); font-size: 30px; font-weight: 800; font-variant-numeric: tabular-nums; }
#view-today .focus-cta { display: grid; gap: 6px; justify-items: center; padding: 6px 0 2px; }
#view-today .focus-cta .btn.big { width: 100%; height: 54px; border-radius: 14px; font-size: 16px; font-weight: 700; }
#view-today .focus-sub { margin: 0; font-size: 12px; font-weight: 700; color: var(--muted); letter-spacing: .02em; }
#view-today .focus-sep { margin: 22px 0 6px; font-size: 12px; font-weight: 700; color: var(--muted); display: flex; align-items: center; gap: 10px; }
#view-today .focus-sep::before, #view-today .focus-sep::after { content: ''; flex: 1; height: 1px; background: var(--line); }
#view-today .td-focus.play .focus-tag { animation: rise .6s var(--ease-expo) .3s both; }
#view-today .td-focus.play .focus-cta { animation: rise .6s var(--ease-expo) .6s both; }
#view-today .sticky-cta .btn.big { height: 44px; padding: 0 16px; border-radius: 12px; font-size: 14px; font-weight: 700; white-space: nowrap; }
@media (prefers-reduced-motion: reduce) { #view-today .td-focus .focus-tag, #view-today .td-focus .focus-cta { animation: none !important; } }

#view-today [hidden] { display: none !important; }