/* Terms of Service — phone layout, white mode (monochrome): paper surfaces, black ink; the coins keep their black finish.
 * Loaded after terms-mobile.css on terms.php. */
@media (max-width: 1023px) {
    html[data-theme="light"] .tm { color: var(--theme-ink); }
    html[data-theme="light"] .tm__glow { background: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0) 65%); }
    html[data-theme="light"] :is(.tm__crumbs a, .tm__meta, .tm__lead, .tm__title span, .tm-deck__text, .tm-deck__next-label, .tm__label, .tm-prot__text, .tm__ask span, .tm-sheet__count, .tm-sheet__p) { color: var(--theme-muted); }
    html[data-theme="light"] :is(.tm__crumbs span, .tm__title, .tm-deck__num, .tm-deck__title, .tm-deck__text span, .tm-deck__next-q, .tm-prot__title, .tm__ask a, .tm-sheet__count span, .tm-sheet__head h2, .tm-sheet__p.is-first, .tm-sheet__intro) { color: var(--theme-ink); }
    html[data-theme="light"] :is(.tm__crumbs i, .tm-deck__num span, .tm__tile-num, .tm-sheet__list li span:first-child) { color: rgba(0, 0, 0, 0.4); }
    html[data-theme="light"] .tm__label span { background: rgba(0, 0, 0, 0.3); }
    html[data-theme="light"] .tm__stack > span { background: var(--theme-surface-2); box-shadow: 0 0 0 2px var(--theme-paper), inset 0 0 0 1px var(--theme-line); }
    html[data-theme="light"] .tm__tile-ring { background: var(--theme-line); }
    html[data-theme="light"] .tm__tile-in { background: var(--theme-surface-2); }
    html[data-theme="light"] .tm__tile-read { background: var(--theme-ink); color: #fff; box-shadow: 0 0 0 3px var(--theme-paper); }
    html[data-theme="light"] .tm__tile[aria-current="true"] .tm__tile-ring { background: var(--theme-ink); }
    html[data-theme="light"] .tm__tile[aria-current="true"] .tm__tile-in { background: var(--theme-surface); }
    html[data-theme="light"] .tm__tile[aria-current="true"] .tm__tile-num { color: var(--theme-ink); }
    html[data-theme="light"] .tm__tile-in img { filter: grayscale(1) brightness(1.1) opacity(.7); }
    html[data-theme="light"] .tm__tile[aria-current="true"] .tm__tile-in img { filter: drop-shadow(0 8px 10px rgba(0, 0, 0, 0.3)); }
    html[data-theme="light"] .tm-deck__card { background: var(--theme-line-strong); }
    html[data-theme="light"] .tm-deck__card.is-hl { background: linear-gradient(160deg, var(--theme-ink) 0%, var(--theme-line-strong) 45%, var(--theme-line-strong) 100%); }
    html[data-theme="light"] :is(.tm-deck__panel, .tm-prot__in) { background: radial-gradient(ellipse 90% 70% at 30% 0%, oklch(98.6% 0.003 80) 0%, var(--theme-surface) 60%, var(--theme-surface-2) 100%); box-shadow: none; }
    html[data-theme="light"] .tm__pill { border-color: var(--theme-line); background: var(--theme-surface-2); color: var(--theme-ink); }
    html[data-theme="light"] :is(.tm-deck__coin img, .tm-prot__coin img, .tm-sheet__head img) { filter: drop-shadow(0 14px 18px rgba(0, 0, 0, 0.35)); }
    html[data-theme="light"] .tm__floor { background: radial-gradient(ellipse, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0) 70%); }
    html[data-theme="light"] .tm__read { background: linear-gradient(180deg, #4a4a4f 0%, var(--theme-ink) 45%, #2c2c30 100%); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22); color: #fff; }
    html[data-theme="light"] .tm-deck__next { border-color: var(--theme-line); background: linear-gradient(180deg, var(--theme-surface-2) 0%, var(--theme-surface) 100%); }
    html[data-theme="light"] .tm-deck__next-ico { background: var(--theme-ink); color: #fff; }
    html[data-theme="light"] .tm-deck__sliver { border-color: var(--theme-line); background: var(--theme-surface-2); }
    html[data-theme="light"] .tm-prot { background: var(--theme-line-strong); }
    html[data-theme="light"] .tm-prot__in::before { background: radial-gradient(circle, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0) 65%); }
    html[data-theme="light"] .tm-prot__pay { border-color: var(--theme-line); color: var(--theme-ink); }
    html[data-theme="light"] :is(.tm__tile, .tm-deck__card, .tm__read, .tm-deck__next, .tm-sheet__close, .tm-sheet__prev, .tm-sheet__go):focus-visible { outline-color: var(--theme-ink); }

    html[data-theme="light"] .tm-sheet { color: var(--theme-ink); }
    html[data-theme="light"] .tm-sheet__scrim { background: rgba(0, 0, 0, 0.35); }
    html[data-theme="light"] .tm-sheet__panel { border-top-color: var(--theme-line); background: linear-gradient(180deg, var(--theme-surface) 0%, var(--theme-paper) 180px); box-shadow: 0 -20px 60px rgba(0, 0, 0, 0.18); }
    html[data-theme="light"] .tm-sheet__grip { background: rgba(0, 0, 0, 0.18); }
    html[data-theme="light"] .tm-sheet__close span { background: var(--theme-surface-2); color: var(--theme-ink); }
    html[data-theme="light"] .tm-sheet__segs span { background: rgba(0, 0, 0, 0.1); }
    html[data-theme="light"] .tm-sheet__segs span.is-read { background: rgba(0, 0, 0, 0.35); }
    html[data-theme="light"] .tm-sheet__segs span.is-cur { background: var(--theme-ink); }
    html[data-theme="light"] .tm-sheet__list li { background: var(--theme-surface); border-color: var(--theme-line); }
    html[data-theme="light"] .tm-sheet__list li span:last-child { color: var(--theme-ink); }
    html[data-theme="light"] .tm-sheet__foot { border-top-color: var(--theme-line); background: var(--theme-paper); }
    html[data-theme="light"] .tm-sheet__prev { border-color: var(--theme-line); background: var(--theme-surface); color: var(--theme-ink); }
    html[data-theme="light"] .tm-sheet__go { background: linear-gradient(180deg, #4a4a4f 0%, var(--theme-ink) 45%, #2c2c30 100%); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22); color: #fff; }
    html[data-theme="light"] .tm-sheet__go-txt span:first-child { color: rgba(255, 255, 255, 0.6); }
    html[data-theme="light"] .tm-sheet__go-ico { background: var(--theme-surface); color: var(--theme-ink); }
}