.tq-h { font-family: var(--font-display); font-size: clamp(1.8rem, 8vw, 2.6rem); color: var(--gold-soft); margin: 0; line-height: 1.15; }
.tq-g { color: var(--mist); margin: 6px 0 0; }
.tq-moon { display: flex; gap: 16px; align-items: center; margin-bottom: 12px; }
.tq-moon canvas { width: 110px; height: 110px; flex: none; }
.tq-phase { font-family: var(--font-display); font-size: 1.4rem; margin: 0 0 4px; }
.tq-conv { display: grid; grid-template-columns: 1fr 1.6fr 1.2fr; gap: 8px; }
.tq-out { font-family: var(--font-display); font-size: 1.4rem; color: var(--gold-soft); margin: 4px 0 0; }
.tq-occs li { align-items: center; }
.tq-occs small { display: block; color: var(--mist-dim); font-size: 0.8rem; }
.tq-occ { font-weight: 650; }
.tq-occs b { white-space: nowrap; font-size: 0.9rem; color: var(--gold-soft); }