/* Syrup quality reference: only what app.css does not already provide. */
.sq { max-width: 720px; }
.sq h1 { font-size: 1.5em; margin: 0 0 10px; }
.sq > p { margin: 0 0 16px; }
.sq .card { margin: 0 0 14px; }
.sq .card h3 { font-size: 1em; margin: 0 0 8px; }
.sq .card p { margin: 0 0 8px; }
.sq .card p:last-child { margin-bottom: 0; }
.sq-table { width: 100%; border-collapse: collapse; font-size: .92em; }
.sq-table th, .sq-table td { text-align: left; padding: 6px 10px; border-bottom: 1px solid var(--line); }
.sq-table th { color: var(--muted); font-weight: 600; }