/* =====================================================================
   Sora · page pieces (Blush industry template)
   Load after blush.css. Prefix sb-.
   ===================================================================== */
.sb-summary { position: sticky; top: 110px; }
.sb-dl { display: grid; gap: 10px; margin: 6px 0 4px; }
.sb-dl > div { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 10px; align-items: baseline; padding-bottom: 10px; border-bottom: 1px solid var(--line); }
.sb-dl dt { font: 600 10.5px/1.3 var(--body); letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); }
.sb-dl dd { margin: 0; font: 400 28px/1.15 var(--display); }
.sb-status { display: block; margin: 0; }
.sb-status.booked { background: var(--well); }
.sb-need { background: var(--lip-soft); }
@media (max-width: 900px) { .sb-summary { position: static; } }