/* Lose the Dent desktop widths (owner 2026-09-30: too much empty space on desktop, quote text stacked in narrow
   columns). Loaded last, after the page's own stylesheet. Desktop only: nothing here applies under 1101px, so the
   tablet and phone layers are untouched.
   - the page frame grows from 1440px to 1800px
   - on form pages the side column is a fixed 320px and the main column takes the rest
   - sections inside a form start on the intro edge instead of a third indent
   - quotes: the comparison, the option cards and the facts use the full main column */
@media (min-width: 1101px) {
  .co-page, .cx-header, .cx-main { max-width: 1800px; }

  .co-form-page:not(:has(.qz-screen)) { grid-template-columns: minmax(0, 1fr) 320px; }
  .co-form-page:not(:has(.qz-screen)) .co-subsection { padding-left: 0; }

  .mk-note, .mk-notice, .mk-alert, .mk-versions { max-width: 88ch; }
  .mk-inbox { max-width: none; }
  .mk-thread, .mk-composer { max-width: 880px; }

  /* Quotes */
  .mk-compare { table-layout: fixed; }
  .mk-compare th[scope="row"], .mk-compare thead th:first-child { width: 180px; }
  .mk-compare td, .mk-compare thead th { padding-right: 32px; }
  .mk-cards { grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap: 24px 32px; }
  .mk-solution { padding: 24px; gap: 14px; }
  .mk-solution p { max-width: 80ch; }
  .mk-facts { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
  /* the cover note and the answers list carry an inline 568px cap from the narrow layout */
  .co-form-page .co-subsection > p { max-width: 80ch !important; }
  .co-form-page .co-subsection > .qz-answers { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px 32px; max-width: none !important; }

  /* The business's quote form: fields share the row instead of sitting in a 568px column */
  #quote .co-fieldset__fields { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
  #quote .co-fieldset__fields > .co-field { width: auto; }
  #quote .co-fieldset__fields .co-input, #quote .co-fieldset__fields .co-textarea { width: 100%; }
}

/* Directory results: three cards across once there is room for them */
@media (min-width: 1500px) {
  .co-results .co-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 32px; }
}

/* Smaller desktop windows: on the pages that show quotes, the side notes drop under the content so the comparison
   and the quote form get the whole width */
@media (min-width: 1101px) and (max-width: 1299px) {
  .co-form-page:has(.mk-compare, .mk-sol-form) { grid-template-columns: minmax(0, 1fr); }
  .co-form-page:has(.mk-compare, .mk-sol-form) > .co-form-aside { position: static; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 32px; padding: 40px 0 0 var(--co-gutter); }
  .mk-compare th[scope="row"], .mk-compare thead th:first-child { width: 140px; }
}