/* IGW Responsive repairs 0.1.2 — 2026-10-09
 *
 * 0.1.2, the same day: the /explore grid selectors carry the id and the two
 * :not() terms of the igwreferencedesign-0.1.0 rule they outrank, measured
 * winning on the served page before this was uploaded.
 *
 * 0.1.1, the same day: the explore grids take !important and the page attribute,
 * because igwreferencedesign-0.1.0.css fixes them at two columns with !important;
 * and the Mission Control fix targets the row that actually clips, .igwsky-views
 * (the tools container is already a column on phones).
 *
 *
 * The first pass of the site-wide deep dive (deploy/responsive-audit-2026-10-09).
 * Every rule answers a defect measured on the served staging pages at 320–1920 px
 * and is written against the page's own classes; nothing here invents a layout.
 * Loaded from the site FOOTER block, after the site stylesheet, so the plain
 * selectors below win on source order and !important is used only where a
 * page-level rule already carries it.
 *
 * 1  Two light sections on a site the owner wants dark (rule 2026-10-07): the
 *    home "News that connects to the mission" section (#latest, rgb 233 232 225)
 *    and the About mission section (rgb 238 237 231). Backgrounds go to the page's
 *    dark, text to the page's light, the one inverted button keeps its contrast.
 * 2  The caption under the home still photograph ("IGW ORIGINAL PHOTOGRAPHY //
 *    LAUNCH THROUGH THE CLOUD DECK") and the descriptive titles under every card
 *    on /media and /photography — an IGW photograph carries no caption (owner rule,
 *    Sep 2026). The archive titles stay in the DOM for assistive technology.
 * 3  Horizontal scrollers on phones had no affordance: the launch table (1,050 px
 *    in a 367 px box), the reference-hub tables, the vehicle-compare table and the
 *    Mission Control tab strip. A right-edge fade says "there is more" and the
 *    scrollbar is shown rather than hidden.
 * 4  The Mission Control sky tool row clipped its third button on phones; it wraps.
 * 5  The organisations table's Links cell was display:flex, so it did not take the
 *    row's height and its bottom rule sat 45 px above its neighbours' (staggered
 *    rules down the right edge). It is a table cell again.
 * 6  Three-item grids on /explore sat in two columns (one card alone on row two);
 *    at desktop widths a three-card grid gets three columns.
 * 7  The home chapter row on phones scrolls sideways with the third chapter cut
 *    mid-word; a fade marks the edge.
 * 8  The home Starship chapter heading at tablet widths wrapped to five lines of
 *    38 px in a 204 px column; 30 px between 768 and 991.
 */

/* 1 — light sections go dark. igwrefinement-3.2.2.css paints both with !important
   behind page-scoped selectors, so these carry one more class or attribute than
   the rule they replace and the same !important; nothing else about the
   refinement's layout changes. */
html[data-wf-page="66e003cf1a06f8cbb461f2ef"][data-igw-holding="off"] main#main-content > #latest.igw2-live-network-cinematic {
  background: #0c0f14 !important;
  background-image: none !important;
  color: #e9ebf0 !important;
}
html[data-wf-page="66e003cf1a06f8cbb461f2ef"][data-igw-holding="off"] main#main-content #latest.igw2-live-network-cinematic :is(.igw2-h2, .igw2-h3, .igw2-section-copy, .igw2-feed-link, a) { color: #e9ebf0 !important; }
html[data-wf-page="66e003cf1a06f8cbb461f2ef"][data-igw-holding="off"] main#main-content #latest.igw2-live-network-cinematic :is(.igw2-copy, .igw2-label, .igw2-kicker) { color: #a4acb8 !important; }
html[data-wf-page="66e003cf1a06f8cbb461f2ef"][data-igw-holding="off"] main#main-content #latest.igw2-live-network-cinematic .igw2-story { border-top-color: rgba(255, 255, 255, .16) !important; }
/* The shared CTA system paints every button from --igw-control-* custom
   properties behind a (2,4,4) selector, so the control is recoloured through
   the properties it reads rather than by out-specifying it. */
html[data-igw-holding="off"][data-wf-page] body main#main-content #latest.igw2-live-network-cinematic .igw2-btn {
  --igw-control-surface: #f2f1e9;
  --igw-control-paper: #151b19;
  --igw-control-line: #f2f1e9;
  --igw-control-hover: #ffffff;
  --igw-control-hover-ink: #151b19;
  --igw-control-hover-line: #ffffff;
  --igw-control-active: #d9d8d0;
  --igw-control-active-ink: #151b19;
  --igw-control-active-line: #d9d8d0;
}

html[data-wf-page="6a934f5079443453556a8927"][data-igw-holding="off"]:not([data-igw-holding="landing"]):not([data-igw-holding="page"]) body main#main-content[data-igw-page-main="about"] > section.igw2-section[data-igw-module="about-mission-and-work"][data-igw-product-role="public-organization-story"] {
  --igw-interior-ink: #e9ebf0;
  --igw-interior-muted-ink: #b4bbc6;
  --igw-interior-paper-line: rgba(255, 255, 255, .16);
  background: #0c0f14 !important;
  color: #e9ebf0 !important;
}
html[data-wf-page="6a934f5079443453556a8927"][data-igw-holding="off"]:not([data-igw-holding="landing"]):not([data-igw-holding="page"]) body main#main-content[data-igw-page-main="about"] > section.igw2-section[data-igw-module="about-mission-and-work"][data-igw-product-role="public-organization-story"] .igw2-business-actions a.igw2-business-action:is(:link,:visited) {
  --igw-control-surface: transparent;
  --igw-control-paper: #e9ebf0;
  --igw-control-line: rgba(255, 255, 255, .42);
}
html[data-wf-page="6a934f5079443453556a8927"][data-igw-holding="off"]:not([data-igw-holding="landing"]):not([data-igw-holding="page"]) body main#main-content[data-igw-page-main="about"] > section.igw2-section[data-igw-module="about-mission-and-work"][data-igw-product-role="public-organization-story"] .igw2-business-actions a.igw2-business-action:is(:link,:visited):hover {
  --igw-control-surface: rgba(255, 255, 255, .08);
  --igw-control-line: #e9ebf0;
}
html[data-wf-page="6a934f5079443453556a8927"][data-igw-holding="off"]:not([data-igw-holding="landing"]):not([data-igw-holding="page"]) body main#main-content[data-igw-page-main="about"] > section.igw2-section[data-igw-module="about-mission-and-work"][data-igw-product-role="public-organization-story"] .igw2-business-actions a.igw2-business-action[href$="/contact"]:is(:link,:visited) {
  --igw-control-surface: #f2f1e9;
  --igw-control-paper: #151b19;
  --igw-control-line: #f2f1e9;
}
html[data-wf-page="6a934f5079443453556a8927"][data-igw-holding="off"]:not([data-igw-holding="landing"]):not([data-igw-holding="page"]) body main#main-content[data-igw-page-main="about"] > section.igw2-section[data-igw-module="about-mission-and-work"][data-igw-product-role="public-organization-story"] .igw2-business-actions a.igw2-business-action[href$="/contact"]:is(:link,:visited):hover {
  --igw-control-surface: #ffffff;
  --igw-control-line: #ffffff;
}

/* 2 — no caption on an IGW photograph (owner rule, Sep 2026). The home still's
   label is removed; the media and photography archive cards keep their record
   title for assistive technology (it is the link's name) but do not show it. */
#watch .igw2-real-media > .igw2-real-media-label { display: none; }
.igw2-media-archive-list .igw2-media-archive-card > h3.igw2-h3 {
  position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; overflow: hidden;
  clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
}

/* 3 — scrollers say so */
.igwls-wrap, .igwref-tw, .igwvc-tablewrap, .igwmc-tabs {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, .28) transparent;
}
@media (max-width: 991px) {
  .igwls-wrap, .igwref-tw {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 56px), transparent);
            mask-image: linear-gradient(90deg, #000 calc(100% - 56px), transparent);
    padding-bottom: 6px;
  }
  .igwmc-tabs {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 40px), transparent);
            mask-image: linear-gradient(90deg, #000 calc(100% - 40px), transparent);
    padding-right: 40px;
  }
}
@media (max-width: 1599px) {
  .igwvc-tablewrap {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 56px), transparent);
            mask-image: linear-gradient(90deg, #000 calc(100% - 56px), transparent);
    padding-bottom: 6px;
  }
}

/* 4 — the sky view buttons wrap on phones (Pause rotation / Reset view) */
@media (max-width: 600px) {
  .igwsky-tools, .igwsky-views { flex-wrap: wrap; }
  .igwsky-views { gap: 10px; }
  .igwsky-views > .igwsky-btn { flex: 1 1 140px; min-width: 0; }
}

/* 5 — the Links cell is a table cell */
.igwref-table td.igwref-links { display: table-cell; }
.igwref-table td.igwref-links > * { display: inline-flex; align-items: center; }

/* 6 — three cards, three columns */
@media (min-width: 992px) {
  html[data-wf-page="6a9326a14b4041c693658080"]:not([data-igw-holding="landing"]):not([data-igw-holding="page"]) #main-content .igw2-explore-grid:has(> :nth-child(3):last-child),
  html[data-wf-page="6a9326a14b4041c693658080"]:not([data-igw-holding="landing"]):not([data-igw-holding="page"]) #main-content .igw2-panel-grid.igw2-utility-grid:has(> :nth-child(3):last-child) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* 7 — the chapter row's edge */
@media (max-width: 767px) {
  .igw3-chapter-nav {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 48px), transparent);
            mask-image: linear-gradient(90deg, #000 calc(100% - 48px), transparent);
    scroll-snap-type: x proximity;
    padding-right: 48px;
  }
  .igw3-chapter-nav > * { scroll-snap-align: start; }
}

/* 8 — tablet Starship heading */
@media (min-width: 768px) and (max-width: 991px) {
  .igw2-starship-copy .igw2-h3 { font-size: 30px; line-height: 1.08; }
}