/* 오늘의 내기 decoration: marker highlight, stake chip, 당첨 stamp, warm tints. Layout is in app.css. */
.td { --td-tint: #fff4d9; --td-tint-2: #ffe8e0; --td-yellow: #ffcd3c; --td-red: #ff4b2b; }
@media (prefers-color-scheme: dark) { .td { --td-tint: #2a2314; --td-tint-2: #2a1a16; } }
.td .hero h1 .hl { position: relative; z-index: 0; background: none; color: inherit; }
.td .hero h1 .hl::before { content: ""; position: absolute; z-index: -1; left: -0.04em; right: -0.04em; top: 0.2em; bottom: 0.02em; background: var(--hl); border-radius: 0.08em; transform: skewX(-6deg); }
.td .stage-tint, .td .showcase-stage { background: linear-gradient(135deg, var(--td-tint), var(--td-tint-2)); }
.td .phone { box-shadow: 0 32px 64px rgba(140, 90, 0, 0.18); }
.td .chip-light { left: 4%; top: 28%; }
.td .chip-light b { font-family: var(--font-body); font-size: 15px; color: var(--ink); }
.td .chip-light i { background: var(--td-yellow); }
.td .stamp { position: absolute; z-index: 3; left: 57%; top: 80%; padding: 8px 14px; border-radius: 10px; background: var(--td-red); color: #fff; font-weight: 800; font-size: 20px; letter-spacing: -0.02em; white-space: nowrap; transform: rotate(-8deg); box-shadow: 0 12px 28px rgba(255, 75, 43, 0.3); }
.td .features svg, .td .showcase figcaption b, .td .faq-list article > span, .td .faq-index a:hover span { color: var(--td-red); }
.td .step::before { background: var(--td-red); }
.td .stop-no { border-color: var(--td-red); color: var(--td-red); }
.td .step-last .stop-no { background: var(--td-red); color: #fff; }
.td .row-icon { background: var(--td-tint); color: var(--td-red); }
.td .contact { border-top-color: var(--td-red); }
.td .faq-index a:hover { border-left-color: var(--td-red); }
@media (max-width: 900px) {
  .td .stamp { left: 58%; top: 78%; padding: 6px 10px; font-size: 16px; }
}