/* Facilitator Guide: preserve the print design's breathing room in Reading view.
   Screen-only overrides; document text, anchors, links and Printed pages are untouched. */
@media screen {
  /* The frame needs its own inset: page margins do not replace border padding. */
  html.reader-reflow #reading-area #sheet-k1-fg-1 .source-root[data-jita-document="k1-fg"] .quick-start-panel {
    padding:0 24px 24px!important;
  }

  html.reader-reflow #reading-area #sheet-k1-fg-1 .source-root[data-jita-document="k1-fg"] .fg-proof--opening .fg-content>.quick-start-panel .fg-section-title::before {
    display:block;
    margin-left:-24px;
    width:12px;
  }
  html.reader-reflow #reading-area #sheet-k1-fg-1 .source-root[data-jita-document="k1-fg"] .fg-proof--opening .fg-content>.quick-start-panel .fg-section-title::after {
    margin-right:-24px;
  }

  /* Restore the content-note cards' original vertical breathing room. */
  html.reader-reflow #reading-area #sheet-k1-fg-7 .source-root[data-jita-document="k1-fg"] .fg-content-note-card {
    padding:20px;
    gap:16px;
  }

  /* Give bullet copy the full card measure instead of an extra nested indent. */
  html.reader-reflow #reading-area #sheet-k1-fg-4 .source-root[data-jita-document="k1-fg"] .program-field ul.jita-bullets {
    margin-left:0!important;
  }
}

@media screen and (min-width:900px) {
  /* Comparison and reference pages benefit from a wider canvas than prose. */
  html.reader-reflow #reading-area .sheet:has(.source-root[data-jita-document="k1-fg"][data-jita-page="4"]),
  html.reader-reflow #reading-area .sheet:has(.source-root[data-jita-document="k1-fg"][data-jita-page="10"]) {
    max-width:1024px;
  }
  html.reader-reflow #reading-area #sheet-k1-fg-4 .source-root[data-jita-document="k1-fg"] .source-body .page,
  html.reader-reflow #reading-area #sheet-k1-fg-10 .source-root[data-jita-document="k1-fg"] .source-body .page {
    padding-inline:52px!important;
  }
  html.reader-reflow #reading-area #sheet-k1-fg-4 .source-root[data-jita-document="k1-fg"] .program-options {
    column-gap:28px;
  }
  html.reader-reflow #reading-area #sheet-k1-fg-4 .source-root[data-jita-document="k1-fg"] .program-option {
    padding-inline:24px;
    padding-bottom:24px;
  }
  html.reader-reflow #reading-area #sheet-k1-fg-4 .source-root[data-jita-document="k1-fg"] .program-heading::before {
    inset-inline:-24px;
  }
  html.reader-reflow #reading-area #sheet-k1-fg-10 .source-root[data-jita-document="k1-fg"] .ls-columns {
    grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);
    column-gap:48px;
    align-items:start;
  }
}

@media screen and (min-width:701px) and (max-width:899px) {
  /* Stack comparisons before either column becomes a narrow strip of text. */
  html.reader-reflow #reading-area #sheet-k1-fg-4 .source-root[data-jita-document="k1-fg"] .program-options {
    grid-template-columns:minmax(0,1fr);
    row-gap:28px;
  }
  html.reader-reflow #reading-area #sheet-k1-fg-4 .source-root[data-jita-document="k1-fg"] .program-option {
    grid-template-rows:none;
    grid-row:auto;
    display:block;
    padding-inline:24px;
    padding-bottom:24px;
  }
  html.reader-reflow #reading-area #sheet-k1-fg-4 .source-root[data-jita-document="k1-fg"] .program-heading::before {
    inset-inline:-24px;
  }
  html.reader-reflow #reading-area #sheet-k1-fg-4 .source-root[data-jita-document="k1-fg"] .program-field {
    margin-top:24px;
    padding-top:18px;
  }
  html.reader-reflow #reading-area #sheet-k1-fg-4 .source-root[data-jita-document="k1-fg"] .program-field::before {
    top:0;
  }
}

@media screen and (max-width:600px) {
  /* A modest inset survives reflow without consuming the phone's text measure. */
  html.reader-reflow #reading-area #sheet-k1-fg-1 .source-root[data-jita-document="k1-fg"] .quick-start-panel {
    padding:0 18px 20px!important;
  }
  html.reader-reflow #reading-area #sheet-k1-fg-1 .source-root[data-jita-document="k1-fg"] .fg-proof--opening .fg-content>.quick-start-panel .fg-section-title::before {
    margin-left:-18px;
    width:6px;
  }
  html.reader-reflow #reading-area #sheet-k1-fg-1 .source-root[data-jita-document="k1-fg"] .fg-proof--opening .fg-content>.quick-start-panel .fg-section-title::after {
    margin-right:-18px;
  }
  html.reader-reflow #reading-area #sheet-k1-fg-7 .source-root[data-jita-document="k1-fg"] .fg-content-note-card {
    padding:18px;
    gap:12px;
  }
}