/* retrograde tracker specific styles (after base.css). */
.container{max-width:760px}
.card{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}
.field{flex:1;min-width:180px}
button.today{background:var(--panel);color:var(--text);border:1px solid var(--line);padding:12px 16px;border-radius:11px;cursor:pointer;font-weight:600}
#result{margin-top:28px;display:none}

.verdict{text-align:center;border-radius:18px;padding:26px 20px;border:1px solid var(--line);margin-bottom:18px}
.verdict.rx{background:linear-gradient(180deg,rgba(224,96,63,.16),rgba(224,96,63,.05));border-color:rgba(224,96,63,.35)}
.verdict.dr{background:linear-gradient(180deg,rgba(90,156,107,.16),rgba(90,156,107,.05));border-color:rgba(90,156,107,.35)}
.verdict .q{color:var(--muted);font-size:15px}
.verdict .ans{font-size:44px;font-weight:800;margin:6px 0 8px}
.verdict.rx .ans{color:#f0a58f}
.verdict.dr .ans{color:#8fd3a2}
.verdict .sub{color:var(--text);font-size:15px}

.detail{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 18px 6px;margin-bottom:16px}
.detail h3{margin:0 0 8px}
.detail>p{margin:0 0 14px;color:var(--text);font-size:15px}
.dodont{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dodont h4{margin:0 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.dodont p{margin:0 0 14px;font-size:14px;color:var(--muted);line-height:1.5}
.do h4{color:#8fd3a2}
.dont h4{color:#f0a58f}
.note{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;color:var(--muted);font-size:14px;line-height:1.55;margin-bottom:8px}
.note strong{color:var(--lav)}
.pt{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.35;border-top:1px solid rgba(255,255,255,.06);padding-top:6px}

.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pcard{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center}
.pcard.rx{border-color:rgba(224,96,63,.4)}
.pg{font-size:24px}
.pn{font-size:12px;color:var(--muted);margin-top:2px}
.ps{font-size:13px;font-weight:700;margin-top:4px}
.pcard.rx .ps{color:#f0a58f}
.pcard.dr .ps{color:#8fd3a2}
.pd{font-size:11px;color:var(--muted);margin-top:2px}

ul.up{list-style:none;margin:0;padding:0;display:grid;gap:6px}
ul.up li{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:9px 12px;font-size:14px;display:flex;align-items:center;gap:10px}
.dot{width:9px;height:9px;border-radius:50%;background:var(--fire);display:inline-block}

@media(max-width:600px){.pgrid{grid-template-columns:repeat(2,1fr)}}