/* ics-fx-article.css: two-column article layout, fluid from 992px up.
 * Template 1170 (single posts) and legal pages (single-ics_legal): .ics-art-cols > .ics-art-left (caption) + .ics-art-right (text).
 * Grid 224fr / 800fr, gap 64 (224 + 64 + 800 = 1088 at 1440).
 * Articles (body.single-post): wrapper min(1088px, 100vw - 128px), centred on the viewport (x176 at 1440).
 * Legal pages keep their own container (margin auto). */
@media (min-width: 992px) {
  html body .ics-art-cols.ics-art-cols.ics-art-cols {
    display: grid !important;
    grid-template-columns: minmax(0, 224fr) minmax(0, 800fr) !important;
    column-gap: 64px !important;
    row-gap: 0 !important;
    align-items: start !important;
    flex-direction: row !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    width: min(1088px, 100% - 128px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  html body.single-post .ics-art-cols.ics-art-cols.ics-art-cols {
    width: min(1088px, 100vw - 128px) !important;
    margin-left: 50% !important;
    margin-right: 0 !important;
    transform: translateX(-50%) !important;
  }
  html body .ics-art-cols > .ics-art-left.ics-art-left.ics-art-left {
    width: auto !important;
    min-width: 0 !important;
    flex: none !important;
    padding-top: 80px !important;
    box-sizing: border-box !important;
  }
  html body .ics-art-cols > .ics-art-right.ics-art-right.ics-art-right {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: none !important;
    padding-top: 0 !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere;
  }
  html body .ics-art-cols .ics-art-right img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
}