/* ==========================================================================
   COMPACT LAYOUT
   Loads last. The page as one short screen where it can be: the content
   to the header's edges, and the Space answer beside its floor plan
   instead of above it. The Space tool's panes are in redesign/layout.css,
   which loads after this.
   ========================================================================== */

/* ---- 0. Use the width: the content runs to the header's edges on wide screens ---- */
@media (min-width: 901px) {
  .wrap { max-width: 1584px; padding-left: 28.8px; padding-right: 28.8px; }
}

/* ---- 2. Space answer: see redesign/layout.css (the two panes) ---- */
.result-sqft { font-size: clamp(50.4px, 6vw, 79.2px); line-height: 0.95; }

/* ---- 3. The advisor prompt: text and actions beside who answers ---- */
.next-step { padding-top: 18px; padding-bottom: 18px; }
.next-step .ns-actions { margin-top: 10.8px; }
@media (min-width: 1100px) {
  .next-step { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 3.6px 28.8px; align-items: start; }
  .next-step > .ns-title, .next-step > .ns-body, .next-step > .ns-actions, .next-step > .ns-tertiary { grid-column: 1; }
  .next-step > .ns-contact { grid-column: 2; grid-row: 1 / span 4; margin-top: 0; }
}
.space-notes { margin-top: 14.4px; }
.space-notes .caption { font-size: 10.8px; }

/* ---- 5. Lease check: the advice side by side, the offer as a short list ---- */
@media (min-width: 1100px) {
  #lcFlagsBlock ul, #lcFlagsBlock ol { columns: 2; column-gap: 36px; }
  #lcFlagsBlock li { break-inside: avoid; }
}
#leaseBand { padding-bottom: 36px; }
#lcOfferBand { padding-top: 28.8px; padding-bottom: 28.8px; }
#lcOfferBand .offer-title { font-size: clamp(23.4px, 2.6vw, 30.6px); margin-top: 7.2px; }
#lcOfferBand .deliverables { grid-template-columns: repeat(auto-fit, minmax(234px, 1fr)); gap: 5.4px 21.6px; margin: 12.6px 0 16.2px; }
#lcOfferBand .deliverables li { display: block; padding: 7.2px 0; min-height: 0; background: none; border: 0; border-top: 1px solid var(--line, #dbd9d5); }
#lcOfferBand .deliverables li svg { display: none; }
#lcOfferBand .deliverables li b { display: block; font-size: 12.6px; }
#lcOfferBand .deliverables li span { display: block; font-size: 11.7px; line-height: 1.4; color: var(--grey-strong, #5E5D57); }