.tip-result{display:grid;grid-gap:16px;gap:16px;align-items:center;grid-template-columns:minmax(180px,220px) 1fr}.tip-visual{justify-self:center}.tip-metrics{display:grid;grid-gap:12px;gap:12px}.tip-card{border-radius:14px;padding:14px 16px;border:1px solid color-mix(in oklab,var(--primary) 18%,var(--border));background:color-mix(in oklab,var(--primary) 10%,var(--card));display:flex;flex-direction:column;gap:6px}.tip-card .label{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.tip-card strong{font-size:1.4rem;color:var(--navy)}.tip-card .sub{font-size:.85rem;color:var(--muted)}@media (max-width:720px){.tip-result{grid-template-columns:1fr}}