/* =========================================================================
   Good Creations Theme Support: INTERIOR PAGE COMPONENTS (v1, 2026-10-16)
   -------------------------------------------------------------------------
   Loads with gc-blocks.css (pages whose content uses .gc-wi sections, single posts,
   archives). Uses only the tokens in gc-tokens.css. Type scale: v4 block, scoped to
   body.gc-interior (every block page except the front page). Every rule is
   a class on a core block (Group, Columns, Heading, List, Details, Table,
   Buttons, Image), so each section can become an "Air-Weigh" pattern.
   Section backgrounds still come from the Styles panel (aw-navy, aw-gold ...).

     .gc-wi-ihero     Section: interior hero, text left + visual right
     .gc-crumbs       Paragraph: breadcrumb trail
     .gc-kicker       Paragraph: small caps label (yellow on dark)
     .gc-wi-subnav    Section: sticky navy bar of in-page links
     .gc-wi-ystrip    Section: navy strip, yellow headline, one action
     .gc-stats        Group: big readings (sensor-orange numbers)
     .gc-spec         Group: spec sheet rows (label / value)
     .gc-config       Columns: configuration cards with photo
     .gc-docs         Group: document library rows with product dot
     .gc-vids         Columns: video cards (thumbnail links)
     .gc-posts        Columns/grid: article cards
     .gc-facts        Group: customer fact strip (case studies)
     .gc-article      Columns: article body + sticky contents list
     .gc-answer       Group: "quick answer" box
     .gc-paths        Columns: three colour buying paths
     .gc-names        List: long name lists in columns (OEMs)
     .gc-fields       Group: two-column form layout
   ========================================================================= */

:root {
  --aw-reading: #f5a50d;               /* sensor orange from the hero drawing */
  --aw-header-h: 86px;                 /* sticky header height (desktop) */
}

/* ---------- Interior hero ---------- */
.gc-wi.gc-wi-ihero { padding-top: 56px; padding-bottom: 80px; overflow: hidden; }
.gc-wi-ihero > .wp-block-columns { gap: 64px; align-items: center; }
.gc-wi-ihero h1 { font-size: clamp(46px, 5.4vw, 84px); font-weight: 700; letter-spacing: -0.025em; line-height: .98; }
.gc-wi-ihero h1 sup { font-size: .4em; vertical-align: top; position: relative; top: .25em; }
.gc-wi-ihero .gc-sub { font-size: clamp(26px, 2.6vw, 40px); font-weight: 600; line-height: 1.08; letter-spacing: -.016em; }
.gc-wi-ihero .gc-lede { max-width: 34em; }
.is-style-aw-gold.gc-wi-ihero .gc-lede, .is-style-aw-blue.gc-wi-ihero .gc-lede, .is-style-aw-green.gc-wi-ihero .gc-lede { color: #fff; }
.gc-wi .gc-crumbs { font-size: 14px !important; font-weight: 600; letter-spacing: .01em; color: var(--gc-text, var(--aw-text-dark)); }
.gc-wi .gc-crumbs a { text-decoration: none; opacity: .85; }
.gc-wi .gc-crumbs a:hover { text-decoration: underline; opacity: 1; }
.gc-wi .gc-crumbs span[aria-hidden] { margin: 0 8px; opacity: .55; }
.gc-wi .gc-kicker { font-size: 14px !important; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: var(--gc-head, var(--aw-navy)); }
:is(.is-style-aw-navy, .is-style-aw-navy-fade) .gc-kicker, .gc-wi-ystrip .gc-kicker { color: var(--aw-yellow); }
.gc-wi .gc-ihero-stack > * + * { margin-top: 22px !important; }

/* Product visual: module + three app screens on the colour panel */
.gc-wi .gc-prodvis { position: relative; min-height: 520px; }
.gc-wi .gc-prodvis > * + * { margin-top: 0 !important; }
.gc-wi .gc-prodvis::before { content: ""; position: absolute; inset: 6% 8% 10%; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.34) 0%, rgba(255,255,255,0) 64%); }
.gc-wi .gc-prodvis .gc-pv-module { position: absolute; left: 50%; top: 0; width: 46%; transform: translateX(-50%); filter: drop-shadow(0 30px 34px rgba(0,0,0,.45)); }
.gc-wi .gc-prodvis .gc-pv-phone { position: absolute; bottom: 0; width: 31%; border-radius: 18px; box-shadow: 0 24px 40px rgba(0,0,0,.4); }
.gc-wi .gc-prodvis .gc-pv-1 { left: 2%; transform: rotate(-6deg); bottom: 14px; }
.gc-wi .gc-prodvis .gc-pv-2 { left: 34.5%; z-index: 2; }
.gc-wi .gc-prodvis .gc-pv-3 { right: 2%; transform: rotate(6deg); bottom: 14px; }
.gc-wi .gc-prodvis img { width: 100%; height: auto; }

/* Photo inside a hero column */
.gc-wi .gc-herophoto img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; box-shadow: 0 30px 60px rgba(0,0,0,.35); }

/* ---------- Sticky in-page bar ---------- */
.gc-wi.gc-wi-subnav {
  position: sticky; top: var(--aw-header-h); z-index: 50;
  padding-top: 0; padding-bottom: 0;
  background: var(--aw-ink); border-top: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08);
}
.gc-wi-subnav .gc-subnav-row { display: flex; align-items: center; gap: 4px 28px; min-height: 60px; }
.gc-wi-subnav .gc-subnav-row > * + * { margin-top: 0 !important; }
.gc-wi-subnav .gc-subnav-name { font-size: 17px !important; font-weight: 700; color: #fff; margin-right: 8px !important; white-space: nowrap; }
.gc-wi-subnav .gc-subnav-links { display: flex; gap: 0 26px; flex: 1; overflow-x: auto; scrollbar-width: none; }
.gc-wi-subnav .gc-subnav-links::-webkit-scrollbar { display: none; }
.gc-wi-subnav .gc-subnav-links a { font-size: 15px; font-weight: 600; color: #c9ced4; text-decoration: none; white-space: nowrap; padding: 20px 0 18px; border-bottom: 2px solid transparent; }
.gc-wi-subnav .gc-subnav-links a:hover, .gc-wi-subnav .gc-subnav-links a.is-current { color: #fff; border-bottom-color: var(--aw-yellow); }
.gc-wi-subnav .wp-block-buttons { flex: none; }
.gc-wi-subnav .wp-block-button .wp-block-button__link { padding: 12px 18px !important; }
.wp-block-button.is-style-aw-yellow .wp-block-button__link {
  display: inline-block; font: 600 15px/1 var(--aw-font-body); padding: 16px 24px; border-radius: 2px;
  background: var(--aw-yellow); color: var(--aw-ink); border: 1px solid var(--aw-yellow); text-decoration: none; white-space: nowrap; transition: background-color .2s, color .2s;
}
.wp-block-button.is-style-aw-yellow .wp-block-button__link:hover { background: transparent; color: var(--aw-yellow); }

/* ---------- Navy strip, yellow headline ---------- */
.gc-wi.gc-wi-ystrip { padding-top: 56px; padding-bottom: 56px; }
.gc-wi-ystrip .gc-ystrip-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px 56px; }
.gc-wi-ystrip .gc-ystrip-row > * + * { margin-top: 0 !important; }
.gc-wi-ystrip h2 { color: var(--aw-yellow); font-size: clamp(30px, 3.2vw, 46px); max-width: 18em; }
.gc-wi-ystrip p { max-width: 40em; }
.gc-wi-ystrip .gc-ystrip-copy > * + * { margin-top: 14px !important; }

/* ---------- Readings ---------- */
.gc-wi .gc-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--aw-rule); }
.gc-wi .gc-stats > * + * { margin-top: 0 !important; }
.gc-wi .gc-stat { padding: 28px 28px 30px 0; --gc-gap: 8px; }
.gc-wi .gc-stat + .gc-stat { padding-left: 28px; border-left: 1px solid var(--aw-rule); }
.gc-wi .gc-stat-n { font-size: clamp(40px, 4vw, 60px) !important; font-weight: 700; line-height: 1 !important; letter-spacing: -.03em; color: var(--aw-reading) !important; font-variant-numeric: tabular-nums; white-space: nowrap; }
.gc-wi .gc-stat-n small { font-size: .42em; font-weight: 600; letter-spacing: 0; margin-left: 4px; }
.gc-wi .gc-stat-l { font-size: 16px !important; line-height: 1.45 !important; }
:is(.is-style-aw-navy, .is-style-aw-navy-fade) .gc-stats, :is(.is-style-aw-navy, .is-style-aw-navy-fade) .gc-stat + .gc-stat { border-color: rgba(255,255,255,.14); }

/* ---------- Spec sheet ---------- */
.gc-wi .gc-spec { display: grid; grid-template-columns: 1fr 1fr; column-gap: 56px; }
.gc-wi .gc-spec > * + * { margin-top: 0 !important; }
.gc-wi .gc-spec-row { display: grid; grid-template-columns: 200px 1fr; gap: 16px; padding: 16px 0; border-top: 1px solid var(--aw-rule); }
.gc-wi .gc-spec-row > * + * { margin-top: 0 !important; }
.gc-wi .gc-spec-row p:first-child { font-size: 15px; font-weight: 700; color: var(--gc-head, var(--aw-navy)); }
.gc-wi .gc-spec-row p:last-child { font-size: 16px; }

/* ---------- Configuration cards ---------- */
.gc-wi .gc-config { gap: 18px; }
.gc-wi .gc-config > .wp-block-column { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--aw-rule); --gc-gap: 12px; }
.gc-wi .gc-config > .wp-block-column > figure img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.gc-wi .gc-config .gc-config-body { padding: 26px 28px 30px; display: flex; flex-direction: column; flex: 1; --gc-gap: 12px; margin-top: 0 !important; }
.gc-wi .gc-config h3 { font-size: 26px; }
.gc-wi .gc-config p, .gc-wi .gc-config li { font-size: 16px; }
.gc-wi .gc-config .gc-fit { font-size: 14px !important; font-weight: 600; color: var(--aw-navy); background: var(--aw-mist); padding: 10px 12px; }
.gc-wi .gc-config .gc-go { margin-top: auto !important; padding-top: 10px; }
.gc-wi .gc-config .gc-go a, .gc-wi .gc-go-dark a { color: var(--aw-blue); }

/* ---------- Data channels (navy) ---------- */
.gc-wi .gc-channels { gap: 18px; }
.gc-wi .gc-channel { border-top: 2px solid var(--aw-cyan); padding-top: 22px; --gc-gap: 10px; }
.gc-wi .gc-channel .gc-ch-n { font-size: 13px !important; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--aw-cyan) !important; }
.gc-wi .gc-channel h3 { font-size: 22px; }
.gc-wi .gc-channel p { font-size: 16.5px; }
.gc-wi .gc-diagram img { width: 100%; border: 1px solid var(--aw-steel); }

/* ---------- Document library ---------- */
.gc-wi .gc-filter { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.gc-wi .gc-filter > * + * { margin-top: 0 !important; }
.gc-wi .gc-filter button {
  font: 600 15px/1 var(--aw-font-body); padding: 12px 16px; border-radius: 2px; cursor: pointer;
  background: #fff; color: var(--aw-navy); border: 1px solid var(--aw-rule); display: inline-flex; align-items: center; gap: 8px;
}
.gc-wi .gc-filter button[aria-pressed="true"] { background: var(--aw-navy); color: #fff; border-color: var(--aw-navy); }
.gc-wi .gc-search { display: flex; flex: 1 1 280px; max-width: 420px; margin-left: auto !important; }
.gc-wi .gc-search input { flex: 1; font: 16px var(--aw-font-body); padding: 12px 14px; border: 1px solid #9aa3ab; border-radius: 2px; min-width: 0; }
.gc-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; flex: none; }
.gc-dot-iw { background: var(--aw-gold); } .gc-dot-qw { background: var(--aw-blue); } .gc-dot-bm { background: var(--aw-green); } .gc-dot-lg { background: #8d949b; } .gc-dot-all { background: linear-gradient(90deg, var(--aw-gold) 0 33%, var(--aw-blue) 33% 66%, var(--aw-green) 66%); }
.gc-wi .gc-docs { border-bottom: 1px solid var(--aw-rule); }
.gc-wi .gc-docs > * + * { margin-top: 0 !important; }
.gc-wi .gc-doc { display: grid; grid-template-columns: 22px 1fr 170px 150px 110px; align-items: center; gap: 16px; padding: 16px 4px; border-top: 1px solid var(--aw-rule); }
.gc-wi .gc-doc > * + * { margin-top: 0 !important; }
.gc-wi .gc-doc:hover { background: var(--aw-mist); }
.gc-wi .gc-doc p { font-size: 15px; }
.gc-wi .gc-doc .gc-doc-t { font-size: 17px; font-weight: 600; color: var(--aw-navy); }
.gc-wi .gc-doc .gc-doc-t a { text-decoration: none; }
.gc-wi .gc-doc .gc-doc-t a:hover { text-decoration: underline; }
.gc-wi .gc-doc .gc-doc-get a { font-weight: 600; color: var(--aw-blue); }
.gc-wi .gc-doc[hidden] { display: none; }
.gc-wi .gc-doc-head { padding-top: 8px; padding-bottom: 8px; }
.gc-wi .gc-doc-head p { font-size: 12px !important; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #6b7682; }
.gc-wi .gc-doc-head:hover { background: none; }

/* Task tiles (support) */
.gc-wi .gc-tasks { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.gc-wi .gc-tasks > * + * { margin-top: 0 !important; }
.gc-wi .gc-task { display: block; padding: 22px 20px 24px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.18); text-decoration: none; color: #fff; transition: border-color .2s, background-color .2s; }
.gc-wi .gc-task:hover { border-color: var(--aw-yellow); background: rgba(255,214,0,.06); }
.gc-wi .gc-task strong { display: block; font-size: 19px; font-weight: 700; color: #fff; }
.gc-wi .gc-task span { display: block; margin-top: 6px; font-size: 14.5px; line-height: 1.45; color: var(--aw-text-light); }

/* ---------- Video cards ---------- */
.gc-wi .gc-vids { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.gc-wi .gc-vids > * + * { margin-top: 0 !important; }
.gc-wi .gc-vid { text-decoration: none; display: block; }
.gc-wi .gc-vid figure { position: relative; margin: 0; background: #0e1318; }
.gc-wi .gc-vid img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.gc-wi .gc-vid figure::after { content: ""; position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; border-radius: 50%; background: rgba(11,13,16,.78) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7l9 5-9 5z' fill='%23fff'/%3E%3C/svg%3E") center/30px no-repeat; transition: background-color .2s; }
.gc-wi .gc-vid:hover figure::after { background-color: var(--aw-blue); }
.gc-wi .gc-vid p { font-size: 16px; font-weight: 600; margin-top: 12px !important; color: var(--gc-head, var(--aw-navy)); }
.gc-wi .gc-vid span { display: block; font-size: 14px; font-weight: 500; color: #6b7682; margin-top: 2px; }

/* ---------- Article cards ---------- */
.gc-wi .gc-posts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 28px; }
.gc-wi .gc-posts > * + * { margin-top: 0 !important; }
.gc-wi .gc-post { display: flex; flex-direction: column; --gc-gap: 10px; }
.gc-wi .gc-post figure { margin: 0; }
.gc-wi .gc-post figure img, .gc-wi .gc-post .gc-noimg { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.gc-wi .gc-post .gc-noimg { display: flex; align-items: flex-end; padding: 22px; background: var(--aw-navy); color: var(--aw-yellow); font-size: 26px; font-weight: 700; line-height: 1.1; letter-spacing: -.01em; }
.gc-wi .gc-post .gc-noimg.gc-noimg-steel { background: var(--aw-steel); }
.gc-wi .gc-post .gc-cat { font-size: 13px !important; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--aw-blue); margin-top: 16px !important; }
.gc-wi .gc-post h3 { font-size: 21px; line-height: 1.25; }
.gc-wi .gc-post h3 a { text-decoration: none; }
.gc-wi .gc-post h3 a:hover { text-decoration: underline; }
.gc-wi .gc-post .gc-date { margin-top: 6px !important; }
.gc-wi .gc-lead { gap: 56px; align-items: center; }
.gc-wi .gc-lead figure img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.gc-wi .gc-lead h2 { font-size: clamp(32px, 3.2vw, 48px); }
.gc-wi .gc-lead h2 a { text-decoration: none; }
.gc-wi .gc-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.gc-wi .gc-chips > * + * { margin-top: 0 !important; }
.gc-wi .gc-chips a { font-size: 15px; font-weight: 600; text-decoration: none; padding: 10px 14px; border: 1px solid var(--aw-rule); color: var(--aw-navy); background: #fff; }
.gc-wi .gc-chips a.is-current { background: var(--aw-navy); color: #fff; border-color: var(--aw-navy); }
.gc-wi .gc-chips a small { font-weight: 500; opacity: .6; margin-left: 4px; }
.gc-wi .gc-states { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 8px; }
.gc-wi .gc-states > * + * { margin-top: 0 !important; }
.gc-wi .gc-states a { display: flex; align-items: center; justify-content: center; height: 46px; font-size: 15px; font-weight: 700; letter-spacing: .04em; color: #fff; text-decoration: none; border: 1px solid rgba(255,255,255,.2); }
.gc-wi .gc-states a:hover { background: var(--aw-yellow); color: var(--aw-ink); border-color: var(--aw-yellow); }

/* ---------- Article page ---------- */
.gc-wi.gc-wi-posthead { padding-top: 56px; padding-bottom: 48px; }
.gc-wi-posthead h1 { font-size: clamp(38px, 4.4vw, 64px); font-weight: 700; letter-spacing: -.022em; line-height: 1.04; max-width: 17em; }
.gc-wi .gc-meta { display: flex; flex-wrap: wrap; gap: 6px 22px; }
.gc-wi .gc-meta > * + * { margin-top: 0 !important; }
.gc-wi .gc-meta p { font-size: 15px; }
.gc-wi .gc-article { gap: 72px; align-items: flex-start; }
.gc-wi .gc-article .gc-body { max-width: 720px; }
.gc-wi .gc-article .gc-body > * + * { margin-top: 22px !important; }
.gc-wi .gc-article .gc-body > h2 { font-size: clamp(26px, 2.2vw, 32px); margin-top: 52px !important; }
.gc-wi .gc-article .gc-body p, .gc-wi .gc-article .gc-body li { font-size: 18.5px; line-height: 1.7; }
.gc-wi .gc-article .gc-body a { color: var(--aw-blue); }
.gc-wi .gc-toc { position: sticky; top: calc(var(--aw-header-h) + 32px); border-top: 2px solid var(--aw-navy); padding-top: 16px; --gc-gap: 0; }
.gc-wi .gc-toc p { font-size: 13px !important; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #6b7682; margin-bottom: 10px !important; }
.gc-wi .gc-toc ol { list-style: none; padding: 0; counter-reset: t; }
.gc-wi .gc-toc li { font-size: 15px; line-height: 1.35; padding: 8px 0; border-bottom: 1px solid var(--aw-rule); margin: 0 !important; }
.gc-wi .gc-toc a { text-decoration: none; color: var(--aw-navy); }
.gc-wi .gc-toc a:hover { color: var(--aw-blue); }
.gc-wi .gc-answer { background: var(--aw-navy); padding: 30px 32px 32px; border-left: 4px solid var(--aw-yellow); --gc-gap: 12px; }
.gc-wi .gc-answer > :first-child { font-size: 13px !important; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--aw-yellow) !important; }
.gc-wi .gc-answer p { color: #e6eaee !important; font-size: 18px !important; }
.gc-wi .gc-figure-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0; background: var(--aw-ink); }
.gc-wi .gc-figure-row > * + * { margin-top: 0 !important; }
.gc-wi .gc-figure-row > div { padding: 28px 28px 30px; --gc-gap: 8px; }
.gc-wi .gc-figure-row > div + div { border-left: 1px solid rgba(255,255,255,.12); }
.gc-wi .gc-figure-row .gc-stat-l { color: var(--aw-text-light) !important; }
.gc-wi .gc-figure-row .gc-src { font-size: 13px !important; color: #8d949b !important; }
.gc-wi .gc-takeaways { background: var(--aw-mist); padding: 30px 32px; --gc-gap: 14px; }
.gc-wi .gc-takeaways h2 { font-size: 26px !important; margin-top: 0 !important; }
.gc-wi .gc-inline-cta { display: grid; grid-template-columns: 180px 1fr; gap: 28px; align-items: center; padding: 26px 30px; }
.gc-wi .gc-inline-cta > * + * { margin-top: 0 !important; }
.gc-wi .gc-inline-cta img { width: 100%; filter: drop-shadow(0 16px 20px rgba(0,0,0,.35)); }
.gc-wi .gc-inline-cta .gc-inline-copy > * + * { margin-top: 10px !important; }
.gc-wi .gc-inline-cta h3 { font-size: 24px; }
.gc-wi .gc-inline-cta p { color: #fff !important; font-size: 16.5px !important; }

/* ---------- Case study ---------- */
.gc-wi .gc-facts { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; }
.gc-wi .gc-facts > * + * { margin-top: 0 !important; }
.gc-wi .gc-fact { padding: 4px 22px 4px 0; --gc-gap: 6px; }
.gc-wi .gc-fact + .gc-fact { padding-left: 22px; border-left: 1px solid rgba(255,255,255,.14); }
.gc-wi .gc-fact p:first-child { font-size: 12.5px !important; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--aw-yellow) !important; }
.gc-wi .gc-fact p:last-child { font-size: 17px !important; font-weight: 600; color: #fff !important; line-height: 1.3 !important; }
.gc-wi .gc-pull { font-size: clamp(28px, 2.8vw, 42px) !important; font-weight: 600; line-height: 1.18 !important; letter-spacing: -.016em; color: var(--gc-head, var(--aw-navy)) !important; }
.gc-wi .gc-pull-cite { font-size: 15px !important; font-weight: 600; }
.gc-wi .gc-gallery { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: auto auto; gap: 12px; }
.gc-wi .gc-gallery > * + * { margin-top: 0 !important; }
.gc-wi .gc-gallery figure { margin: 0; }
.gc-wi .gc-gallery img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 3 / 2; }
.gc-wi .gc-gallery .gc-g-big { grid-row: span 2; }
.gc-wi .gc-gallery .gc-g-big img { aspect-ratio: auto; }
.gc-wi .gc-quotes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 56px; }
.gc-wi .gc-quotes > * + * { margin-top: 0 !important; }
.gc-wi .gc-quotes .gc-quote p strong { display: block; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: var(--aw-blue); margin-bottom: 8px; }
.gc-wi .gc-results li { font-size: 17.5px; }
.gc-wi .gc-cases { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.gc-wi .gc-cases > * + * { margin-top: 0 !important; }
.gc-wi .gc-case { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 380px; padding: 24px; overflow: hidden; text-decoration: none; color: #fff; isolation: isolate; }
.gc-wi .gc-case img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform 1.2s cubic-bezier(.2,.7,.2,1); }
.gc-wi .gc-case::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(7,9,11,0) 30%, rgba(7,9,11,.88) 100%); }
.gc-wi .gc-case:hover img { transform: scale(1.04); }
.gc-wi .gc-case .gc-case-k { font-size: 12.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--aw-yellow); }
.gc-wi .gc-case strong { display: block; font-size: 23px; line-height: 1.2; margin-top: 8px; }
.gc-wi .gc-case span:last-child { display: block; font-size: 15px; line-height: 1.45; color: #dfe3e7; margin-top: 8px; }

/* ---------- Buying paths ---------- */
.gc-wi .gc-paths { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
.gc-wi .gc-paths > * + * { margin-top: 0 !important; }
.gc-wi .gc-path { padding: 34px 32px 36px; display: flex; flex-direction: column; color: #fff; --gc-gap: 14px; --gc-head: #fff; --gc-text: #e6eaee; }
.gc-wi .gc-path > * + * { margin-top: 14px !important; }
.gc-wi .gc-path .gc-path-n { font-size: 13px !important; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--aw-yellow) !important; }
.gc-wi .gc-path h3 { font-size: clamp(26px, 2.2vw, 32px); }
.gc-wi .gc-path p { font-size: 16.5px; }
.gc-wi .gc-path .wp-block-buttons { margin-top: auto !important; padding-top: 18px; }
.gc-wi .gc-path-olive { background: var(--aw-olive); }
.gc-wi .gc-path-navy { background: var(--aw-navy); }
.gc-wi .gc-path-steel { background: var(--aw-steel); }
.gc-wi .gc-path-gold { background: linear-gradient(135deg, var(--aw-gold-mid), var(--aw-gold-deep)); }
.gc-wi ul.gc-names { columns: 4; column-gap: 32px; list-style: none; padding: 0; }
.gc-wi ul.gc-names li { font-size: 15px; line-height: 1.35; padding: 6px 0; break-inside: avoid; border-top: 1px solid var(--aw-rule); margin: 0 !important; }
.gc-wi .gc-bigcount { font-size: clamp(64px, 7vw, 112px) !important; font-weight: 700; line-height: .9 !important; letter-spacing: -.04em; color: var(--aw-reading) !important; font-variant-numeric: tabular-nums; }

/* ---------- Forms ---------- */
.gc-wi .gc-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 18px; }
.gc-wi .gc-fields > * + * { margin-top: 0 !important; }
.gc-wi .gc-fields .gc-full { grid-column: 1 / -1; }
.gc-wi .gc-fields label { display: block; font-size: 14px; font-weight: 600; color: var(--aw-navy); margin-bottom: 6px; }
.gc-wi .gc-fields label em { font-style: normal; color: #b3261e; font-weight: 600; margin-left: 2px; }
.gc-wi .gc-fields :is(input, select, textarea) { width: 100%; border: 1px solid #9aa3ab; border-radius: 2px; padding: 12px 14px; font: 16px var(--aw-font-body); background: #fff; color: var(--aw-ink); }
.gc-wi .gc-fields .gc-hint { font-size: 13px !important; color: #6b7682 !important; margin-top: 6px !important; }
.gc-wi .gc-fields fieldset { border: 0; padding: 0; margin: 0; }
.gc-wi .gc-fields legend { font-size: 14px; font-weight: 700; color: var(--aw-navy); margin-bottom: 8px; padding: 0; }
.gc-wi .gc-steps { counter-reset: s; list-style: none; padding: 0; }
.gc-wi .gc-steps li { counter-increment: s; position: relative; padding-left: 52px; min-height: 36px; font-size: 17px; }
.gc-wi .gc-steps li + li { margin-top: 18px !important; }
.gc-wi .gc-steps li::before { content: counter(s); position: absolute; left: 0; top: -2px; width: 36px; height: 36px; display: grid; place-items: center; font-weight: 700; color: var(--aw-ink); background: var(--aw-yellow); }
.gc-wi .gc-legal h2 { font-size: 22px !important; margin-top: 40px !important; }
.gc-wi .gc-legal p { font-size: 16.5px; }
.gc-wi .gc-legal .gc-caps-p { font-size: 14.5px; letter-spacing: .01em; }


/* ---------- Responsive ---------- */
@media (max-width: 1399px) { :root { --aw-header-h: 78px; } }
@media (max-width: 1100px) {
  .gc-wi .gc-doc { grid-template-columns: 22px 1fr 140px 90px; }
  .gc-wi .gc-doc > :nth-child(4) { display: none; }
  .gc-wi .gc-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 24px; }
  .gc-wi .gc-fact:nth-child(4) { padding-left: 0; border-left: 0; }
  .gc-wi .gc-tasks { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .gc-wi .gc-states { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .gc-wi ul.gc-names { columns: 3; }
}
@media (max-width: 1000px) {
  .gc-wi .gc-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gc-wi .gc-stat:nth-child(3) { padding-left: 0; border-left: 0; }
  .gc-wi .gc-stat:nth-child(n+3) { border-top: 1px solid var(--aw-rule); }
  .gc-wi .gc-posts, .gc-wi .gc-cases, .gc-wi .gc-vids { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gc-wi .gc-paths { grid-template-columns: 1fr; }
  .gc-wi .gc-spec { grid-template-columns: 1fr; }
}
@media (max-width: 781px) {
  :root { --aw-header-h: 0px; }
  .gc-wi.gc-wi-ihero { padding-top: 36px; padding-bottom: 56px; }
  .gc-wi-ihero > .wp-block-columns { gap: 40px; }
  .gc-wi .gc-prodvis { min-height: 0; aspect-ratio: 1 / 1.02; }
  .gc-wi.gc-wi-subnav { position: relative; top: 0; }
  .gc-wi-subnav .gc-subnav-row { flex-wrap: wrap; padding: 14px 0 12px; gap: 6px 18px; }
  .gc-wi-subnav .gc-subnav-name { display: none; }
  .gc-wi-subnav .gc-subnav-links { flex-basis: 100%; order: 2; }
  .gc-wi-subnav .gc-subnav-links a { padding: 10px 0; }
  .gc-wi-subnav .wp-block-buttons { order: 1; }
  .gc-wi .gc-spec-row { grid-template-columns: 1fr; gap: 4px; }
  .gc-wi .gc-doc { grid-template-columns: 14px 1fr; row-gap: 4px; padding: 14px 2px; }
  .gc-wi .gc-doc > :nth-child(3) { grid-column: 2; }
  .gc-wi .gc-doc > :nth-child(5) { grid-column: 2; }
  .gc-wi .gc-doc-head { display: none; }
  .gc-wi .gc-search { max-width: none; margin-left: 0 !important; flex-basis: 100%; }
  .gc-wi .gc-tasks { grid-template-columns: 1fr 1fr; }
  .gc-wi .gc-posts, .gc-wi .gc-cases, .gc-wi .gc-vids, .gc-wi .gc-quotes { grid-template-columns: 1fr; }
  .gc-wi .gc-gallery { grid-template-columns: 1fr 1fr; }
  .gc-wi .gc-gallery .gc-g-big { grid-column: 1 / -1; grid-row: auto; }
  .gc-wi .gc-gallery .gc-g-big img { aspect-ratio: 3 / 2; }
  .gc-wi .gc-facts { grid-template-columns: 1fr 1fr; }
  .gc-wi .gc-fact, .gc-wi .gc-fact + .gc-fact { padding: 0 12px 0 0; border-left: 0; }
  .gc-wi .gc-article { gap: 0; }
  .gc-wi .gc-toc { position: static; margin-bottom: 8px; }
  .gc-wi .gc-figure-row { grid-template-columns: 1fr; }
  .gc-wi .gc-figure-row > div + div { border-left: 0; border-top: 1px solid rgba(255,255,255,.12); }
  .gc-wi .gc-inline-cta { grid-template-columns: 96px 1fr; gap: 18px; padding: 22px; }
  .gc-wi .gc-states { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .gc-wi ul.gc-names { columns: 2; }
  .gc-wi .gc-fields { grid-template-columns: 1fr; }
  .gc-wi .gc-stat { padding-right: 14px; }
  .gc-wi .gc-stat + .gc-stat { padding-left: 14px; }
  .gc-wi .gc-stat:nth-child(3) { padding-left: 0; }
  .gc-wi .gc-case { min-height: 320px; }
}

/* Fixes after first screenshot pass */
.gc-wi .gc-fact p { overflow-wrap: normal; word-break: normal; hyphens: manual; }
.gc-wi .gc-fact p:last-child { font-size: 16px !important; }
.gc-wi .gc-inline-cta figure { display: flex; justify-content: center; }
.gc-wi .gc-inline-cta figure img { width: auto; max-width: 100%; max-height: 190px; }
@media (max-width: 781px) { .gc-wi .gc-inline-cta figure img { max-height: 120px; } }

.gc-wi .gc-steps-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.gc-wi .gc-steps-3 li + li { margin-top: 0 !important; }
.gc-wi :is(h1, h2, h3, h4, p, li, td) { word-break: normal; overflow-wrap: break-word; }
@media (max-width: 781px) {
  .gc-wi .gc-steps-3 { grid-template-columns: 1fr; gap: 18px; }
  .gc-wi .gc-bar { flex-wrap: wrap; gap: 6px 24px; }
}

/* =========================================================================
   v2 (2026-10-15 pm): layouts for the live site's own sections
   ========================================================================= */
/* Two-column tick list */
.gc-wi ul.gc-featgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 32px; }
.gc-wi ul.gc-featgrid li + li { margin-top: 0 !important; }
.gc-wi .gc-whitecard img { background: #fff; padding: 18px; width: 100%; }

/* PEOPLE SAY THE NICEST THINGS */
.gc-wi .gc-tcards { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.gc-wi .gc-tcards > * + * { margin-top: 0 !important; }
.gc-wi .gc-tcard { background: #fff; border-top: 4px solid var(--aw-gold); padding: 30px 32px 32px; --gc-gap: 18px; box-shadow: 0 2px 10px rgba(0,0,0,.06); }
.gc-wi .gc-tcard figure img { height: 56px; width: auto; }
.gc-wi .gc-tq { font-size: clamp(18px, 1.5vw, 21px) !important; line-height: 1.5 !important; color: var(--aw-navy) !important; }
.gc-wi .gc-tn { font-size: 14px !important; letter-spacing: .02em; }
.gc-wi .gc-tn strong { display: block; color: var(--aw-navy); font-size: 15px; }

/* WE MAKE IT ALL RIGHT HERE: photo mosaic */
.gc-wi .gc-mosaic5 { display: grid; grid-template-columns: 1.4fr 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 10px; }
.gc-wi .gc-mosaic5 > * + * { margin-top: 0 !important; }
.gc-wi .gc-mosaic5 figure { margin: 0; overflow: hidden; }
.gc-wi .gc-mosaic5 img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 4 / 3; }
.gc-wi .gc-mosaic5 .gc-m-big { grid-row: span 2; }
.gc-wi .gc-mosaic5 .gc-m-big img { aspect-ratio: auto; }

/* Transform Your Weighing Experience: call cards */
.gc-wi .gc-callcards { display: grid; gap: 12px; margin-top: 28px !important; }
.gc-wi .gc-callcards > * + * { margin-top: 0 !important; }
.gc-wi .gc-callcard { background: var(--aw-mist); padding: 20px 22px; --gc-gap: 4px; border-left: 4px solid var(--aw-steel); }
.gc-wi .gc-callcard-sales { background: var(--aw-navy); border-left-color: var(--aw-yellow); --gc-text: #e6eaee; --gc-head: #fff; }
.gc-wi .gc-callcard p { font-size: 15px !important; }
.gc-wi .gc-callcard p:first-child { font-weight: 700; color: var(--gc-head, var(--aw-navy)); }
.gc-wi .gc-callcard .gc-callnum { font-size: 28px !important; font-weight: 700; line-height: 1.15 !important; }
.gc-wi .gc-callcard .gc-callnum a { text-decoration: none; color: var(--gc-head, var(--aw-navy)); }
.gc-wi .gc-callcard-sales .gc-callnum a { color: var(--aw-yellow); }
.gc-wi .gc-form h3 { font-size: 26px; }
.gc-wi .gc-radios { display: flex; flex-wrap: wrap; gap: 10px 22px; }
.gc-wi .gc-radios label { display: inline-flex; gap: 8px; align-items: center; font-weight: 500; margin: 0; }
.gc-wi .gc-fields .gc-radios input { width: auto; }
.gc-wi .gc-fields fieldset .gc-fields { gap: 10px 18px; }

/* User guides: product panels with download tiles */
.gc-wi .gc-guides { display: grid; gap: 22px; }
.gc-wi .gc-guides > * + * { margin-top: 0 !important; }
.gc-wi .gc-guide { display: grid; grid-template-columns: 300px 1fr; border: 1px solid var(--aw-rule); scroll-margin-top: 160px; }
.gc-wi .gc-guide > * + * { margin-top: 0 !important; }
.gc-wi .gc-guide-head { padding: 28px; display: flex; align-items: flex-end; }
.gc-wi .gc-guide-head h2 { font-size: 24px; font-weight: 700; color: #fff; line-height: 1.15; text-shadow: 0 1px 6px rgba(0,0,0,.35); }
.gc-wi .gc-dl { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; padding: 18px; background: #fff; }
.gc-wi .gc-dl > * + * { margin-top: 0 !important; }
.gc-wi .gc-dl a { display: flex; flex-direction: column; justify-content: space-between; gap: 10px; min-height: 104px; padding: 16px 16px 14px; border: 1px solid var(--aw-rule); text-decoration: none; background: var(--aw-mist); transition: background-color .2s, border-color .2s; }
.gc-wi .gc-dl a:hover { background: #fff; border-color: var(--aw-blue); }
.gc-wi .gc-dl strong { font-size: 16px; line-height: 1.3; color: var(--aw-navy); }
.gc-wi .gc-dl span { font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--aw-blue); }
.gc-wi .gc-dl span::before { content: "PDF"; font-size: 10.5px; color: #fff; background: var(--aw-navy); padding: 2px 5px; margin-right: 8px; border-radius: 2px; }
.gc-wi .gc-faq .gc-steps li, .gc-wi .gc-faq .gc-checks li { font-size: 16.5px; }

/* Factory installation */
.gc-wi .gc-iconcard figure.gc-icon img { max-width: 120px; }
.gc-wi .gc-oems { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.gc-wi .gc-oems > * + * { margin-top: 0 !important; }
.gc-wi .gc-oems figure { margin: 0; background: #fff; }
.gc-wi .gc-oems img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.gc-wi.is-style-aw-mist ul.gc-names li { border-top-color: #d5dde6; }
.gc-wi .gc-wi-ihero .gc-sub, .gc-wi-ihero .gc-sub { text-transform: none; }

@media (max-width: 1000px) {
  .gc-wi .gc-oems { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .gc-wi .gc-guide { grid-template-columns: 1fr; }
  .gc-wi .gc-guide-head { padding: 22px; }
}
@media (max-width: 781px) {
  .gc-wi ul.gc-featgrid, .gc-wi .gc-tcards { grid-template-columns: 1fr; }
  .gc-wi .gc-mosaic5 { grid-template-columns: 1fr 1fr; }
  .gc-wi .gc-mosaic5 .gc-m-big { grid-column: 1 / -1; grid-row: auto; }
  .gc-wi .gc-mosaic5 .gc-m-big img { aspect-ratio: 16 / 10; }
  .gc-wi .gc-oems { grid-template-columns: 1fr 1fr; }
  .gc-wi .gc-quotes { grid-template-columns: 1fr !important; }
  .gc-wi .gc-facts { grid-template-columns: 1fr 1fr !important; }
  .gc-wi .gc-callcard .gc-callnum { font-size: 24px !important; }
}
.gc-wi-ystrip .gc-ystrip-copy { min-width: 0; flex: 1 1 320px; }
.gc-wi .gc-inline-cta .gc-inline-copy { min-width: 0; }
@media (max-width: 781px) {
  .gc-wi-ystrip h2 { font-size: clamp(24px, 7.4vw, 34px); }
  .gc-wi .gc-inline-cta { grid-template-columns: 1fr; }
  .gc-wi .gc-inline-cta figure img { max-height: none; }
  .wp-block-button .wp-block-button__link { white-space: normal !important; }
}
.gc-wi .gc-contact-h { font-size: clamp(30px, 2.8vw, 42px); }
@media (min-width: 782px) { .gc-wi :is(h1, h2, h3) { overflow-wrap: normal; } }
.gc-wi .gc-oems img { aspect-ratio: auto; object-fit: contain; height: auto; }
.gc-wi .wp-block-column ul.gc-names { columns: 3; }
@media (max-width: 781px) { .gc-wi .wp-block-column ul.gc-names { columns: 2; } }

/* v3: dark type on gold (no white text or text shadows on the gold panel) */
.gc-wi.gc-onlight, .gc-wi .gc-onlight { --gc-ink: var(--aw-navy); --gc-head: var(--aw-ink); --gc-text: #2b2410; color: var(--aw-ink); }
.gc-onlight :is(h1, h2, h3, h4, p, li, a, span, sup) { text-shadow: none !important; }
.gc-wi .gc-onlight p, .gc-wi.gc-onlight p, .gc-wi.gc-onlight .gc-lede { color: #2b2410 !important; }
.gc-wi.gc-onlight .gc-crumbs, .gc-wi.gc-onlight .gc-crumbs a { color: var(--aw-ink) !important; }
.gc-onlight .wp-block-button.is-style-aw-solid .wp-block-button__link { background: var(--aw-ink); color: #fff; border-color: var(--aw-ink); }
.gc-onlight .wp-block-button.is-style-aw-solid .wp-block-button__link:hover { background: transparent; color: var(--aw-ink); }
.gc-onlight .wp-block-button.is-style-aw-line .wp-block-button__link { color: var(--aw-ink); border-color: var(--aw-ink); }
.gc-onlight .wp-block-button.is-style-aw-line .wp-block-button__link:hover { background: var(--aw-ink); color: #fff; }
.gc-onlight .wp-block-button.is-style-aw-link .wp-block-button__link { color: var(--aw-ink); }
.gc-wi.gc-onlight.gc-wi-ihero h1 { font-size: clamp(44px, 4.6vw, 72px); }
.gc-wi .gc-inline-cta.gc-onlight p { color: #2b2410 !important; }
/* Trademark signs stay attached to their word and sit as superscripts */
.gc-nowrap { white-space: nowrap; }
.gc-wi :is(h1, h2, h3) sup { font-size: .45em; vertical-align: super; line-height: 0; }


/* =========================================================================
   v4 (2026-10-16): TYPE SCALE (interior pages only: body.gc-interior)
   ========================================================================= */
/* One place to tune interior type. Interior pages sit below the homepage
   scale (home H1 tops out at 60px; interior H1 at 54px). */
:root {
  --gc-i-h1: clamp(30px, 3.4vw, 52px);     /* hero H1: 48-56 desktop, 30-34 phone */
  --gc-i-h1-lh: 1.06;
  --gc-i-hsub: clamp(18px, 1.5vw, 22px);   /* hero subline / tagline */
  --gc-i-h2: clamp(26px, 2.5vw, 38px);     /* section H2: 32-40 desktop */
  --gc-i-h2-lh: 1.12;
  --gc-i-h3: clamp(19px, 1.6vw, 24px);     /* card / sub-section H3: 22-26 */
  --gc-i-h3-lh: 1.25;
  --gc-i-pull: clamp(22px, 2vw, 30px);     /* pull-quotes, big statements */
  --gc-i-stat: clamp(34px, 3vw, 46px);     /* big readings (99+%, 104) */
  --gc-i-lede: clamp(17px, 1.3vw, 20px);
}
body.gc-interior .gc-wi h2,
body.gc-interior .gc-wi .gc-name,
body.gc-interior .gc-wi .gc-section-title,
body.gc-interior .gc-wi .gc-bar h2,
body.gc-interior .gc-wi .gc-contact-h,
body.gc-interior .gc-wi-ystrip h2,
body.gc-interior .gc-wi .gc-lead h2 { font-size: var(--gc-i-h2) !important; line-height: var(--gc-i-h2-lh); letter-spacing: -.018em; }
body.gc-interior .gc-wi h3, body.gc-interior .gc-wi .gc-path h3, body.gc-interior .gc-wi .gc-config h3,
body.gc-interior .gc-wi .gc-tile h3, body.gc-interior .gc-wi .gc-guide-head h2 { font-size: var(--gc-i-h3) !important; line-height: var(--gc-i-h3-lh); }
body.gc-interior .gc-wi .gc-pull { font-size: var(--gc-i-pull) !important; }
body.gc-interior .gc-wi .gc-stat-n, body.gc-interior .gc-wi .gc-bigcount { font-size: var(--gc-i-stat) !important; }
body.gc-interior .gc-wi .gc-lede { font-size: var(--gc-i-lede); }
body.gc-interior .gc-wi .gc-article .gc-body > h2 { font-size: clamp(22px, 1.9vw, 28px) !important; }

/* =========================================================================
   v5 (2026-10-16): split hero (v3 layout) on the type scale above.
   ========================================================================= */
:root { --gc-i-hsub2: clamp(19px, 1.7vw, 26px); }   /* hero subline set as an H2 (.gc-sub) */
body.gc-interior .gc-wi.gc-wi-ihero h1,
body.gc-interior .gc-wi.gc-wi-pagehero h1,
body.gc-interior .gc-wi.gc-wi-posthead h1 { font-size: var(--gc-i-h1) !important; line-height: var(--gc-i-h1-lh); letter-spacing: -.022em; }
body.gc-interior .gc-wi .gc-sub { font-size: var(--gc-i-hsub2) !important; line-height: 1.2; }
body.gc-interior .gc-wi-ihero .gc-lede { font-size: var(--gc-i-lede); }
.gc-wi-ihero h1 sup, .gc-wi-ihero .gc-sub sup { font-size: .42em; vertical-align: super; line-height: 0; top: 0; }
/* White text on gold: no text shadow; the panel is deepened on the text side
   (same gold tokens) so white type keeps contrast. */
.gc-wi.gc-wi-ihero.is-style-aw-gold {
  background: radial-gradient(ellipse 70% 100% at 82% 50%, var(--aw-gold) 0%, var(--aw-gold-mid) 34%, var(--aw-gold-deep) 78%);
}
.gc-wi.gc-wi-ihero.is-style-aw-gold :is(h1, h2, h3, p, li, a, span, sup) { text-shadow: none !important; }
body.gc-interior .gc-wi h2.gc-facts-title { font-size: var(--gc-i-h3) !important; }

/* =========================================================================
   v6 (2026-10-16): WordPress build additions
   -------------------------------------------------------------------------
   Utilities that replace the mockups' inline styles (core blocks cannot keep
   arbitrary style attributes), plus fixes for how core blocks render the
   mockup components. Class names are plain words, set in Advanced >
   Additional CSS class(es) in the block sidebar.
   ========================================================================= */

/* Spacing above a block (replaces style="margin-top:..") */
.gc-wi .gc-mt-0 { margin-top: 0 !important; }
.gc-wi .gc-mt-xs { margin-top: 8px !important; }
.gc-wi .gc-mt-s { margin-top: 14px !important; }
.gc-wi .gc-mt-m { margin-top: 22px !important; }
.gc-wi .gc-mt-l { margin-top: 36px !important; }
.gc-wi .gc-mt-xl { margin-top: 56px !important; }

/* Text colours */
.gc-wi .gc-c-yellow { color: var(--aw-yellow) !important; }
.gc-wi .gc-c-white { color: #fff !important; }
.gc-wi .gc-c-soft, .gc-wi .gc-c-soft a { color: #e6eaee !important; }
.gc-wi .gc-c-navy { color: var(--aw-navy) !important; }
.gc-wi .gc-c-blue { color: var(--aw-blue) !important; }
.gc-wi .gc-c-green { color: var(--aw-green) !important; }
.gc-wi .gc-c-gold { color: var(--aw-gold-deep) !important; }

/* Columns: gap and vertical alignment */
.gc-wi .wp-block-columns.gc-gap-s { gap: 24px; }
.gc-wi .wp-block-columns.gc-gap-m { gap: 40px; }
.gc-wi .wp-block-columns.gc-gap-l { gap: 56px; }
.gc-wi .wp-block-columns.gc-gap-xl { gap: 72px; }
.gc-wi .wp-block-columns.gc-al-start { align-items: flex-start; }
.gc-wi .wp-block-columns.gc-al-end { align-items: flex-end; }
.gc-wi .wp-block-columns.gc-al-center { align-items: center; }
.gc-wi .wp-block-column.gc-col-fixed { flex-grow: 0 !important; }
.gc-wi .wp-block-column.gc-col-fixed:not([style*="flex-basis"]) { flex: 0 0 auto !important; }
.gc-wi .gc-maxw { max-width: 40em; }
.gc-wi .gc-maxw-s { max-width: 24em; }
.gc-wi .gc-w-full { max-width: none !important; }
.gc-wi .wp-block-image.gc-img-140 img { width: 140px; }
.gc-wi .wp-block-image.gc-img-220 img { width: 220px; }
.gc-wi .gc-wide-img img { width: 100%; aspect-ratio: 21 / 9; object-fit: cover; }

/* Path cards: extra colours */
.gc-wi .gc-path-green { background: var(--aw-green); }
.gc-wi .gc-path-deep { background: var(--aw-deep); }
.gc-wi .gc-path-blue { background: var(--aw-blue); }

/* Panel backgrounds for inner groups (guide heads, cards) */
.gc-wi .gc-bg-navy { background: var(--aw-navy); }
.gc-wi .gc-bg-steel { background: var(--aw-steel); }
.gc-wi .gc-bg-gold { background: linear-gradient(135deg, var(--aw-gold), var(--aw-gold-deep)); }
.gc-wi .gc-bg-green { background: linear-gradient(115deg, var(--aw-deep), var(--aw-green) 60%, var(--aw-mint)); }
.gc-wi .gc-bg-blue { background: linear-gradient(115deg, #0f2238, var(--aw-blue) 60%, var(--aw-sky)); }
.gc-wi .gc-bg-soft { background: rgba(255, 255, 255, .04); }
.gc-wi .gc-facts.gc-facts-auto { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); row-gap: 16px; }
.gc-wi .gc-quotes.gc-quotes-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gc-wi.gc-rule-top { border-top: 1px solid var(--aw-rule); }
@media (max-width: 781px) { .gc-wi .gc-quotes.gc-quotes-3 { grid-template-columns: 1fr; } }

/* Hero: crumbs on colour panels, image column, sticky header offset */
.gc-wi.gc-wi-ihero .gc-crumbs, .gc-wi.gc-wi-ihero .gc-crumbs a { color: rgba(255, 255, 255, .82); }
.gc-wi.gc-wi-ihero.is-style-aw-white .gc-crumbs, .gc-wi.gc-wi-ihero.is-style-aw-mist .gc-crumbs,
.gc-wi.gc-wi-ihero.is-style-aw-white .gc-crumbs a, .gc-wi.gc-wi-ihero.is-style-aw-mist .gc-crumbs a { color: var(--aw-text-dark); }
.gc-wi.gc-wi-ihero .gc-sub { color: var(--aw-yellow); }
.gc-wi.gc-wi-ihero.is-style-aw-gold .gc-sub, .gc-wi.gc-wi-ihero.is-style-aw-gold-band .gc-sub { color: #fff; }
.gc-wi.gc-wi-ihero .gc-lede { color: #fff; }
.gc-wi .gc-herophoto { margin: 0; }
.gc-wi :is(.gc-dl, .gc-cases, .gc-tasks, .gc-vids, .gc-states, .gc-chips) > p { margin: 0; }
.gc-wi .gc-dl > p > a, .gc-wi .gc-cases > p > a, .gc-wi .gc-tasks > p > a { height: 100%; }
.gc-wi .gc-tasks > p > a.gc-task, .gc-wi .gc-cases > p > a.gc-case { box-sizing: border-box; }
.gc-wi .gc-cases > p { display: flex; }
.gc-wi .gc-cases > p > a.gc-case { flex: 1; }
.gc-wi .gc-states > p { display: contents; }
.gc-wi .gc-chips > p { display: contents; }

/* Photo mosaic and logo grids built from core Image blocks */
.gc-wi .gc-mosaic5 > figure.wp-block-image { margin: 0; position: relative; min-height: 0; }
.gc-wi .gc-mosaic5 > figure.wp-block-image img { height: auto; aspect-ratio: 4 / 3; }
.gc-wi .gc-mosaic5 > figure.wp-block-image.gc-m-big img { position: absolute; inset: 0; height: 100%; aspect-ratio: auto; }
@media (max-width: 781px) { .gc-wi .gc-mosaic5 > figure.wp-block-image.gc-m-big img { position: static; height: auto; aspect-ratio: 16 / 10; } }
.gc-wi .gc-gallery > figure.wp-block-image { margin: 0; position: relative; min-height: 0; }
.gc-wi .gc-gallery > figure.wp-block-image img { height: auto; aspect-ratio: 3 / 2; }
.gc-wi .gc-gallery > figure.wp-block-image.gc-g-big img { position: absolute; inset: 0; height: 100%; aspect-ratio: auto; }
@media (max-width: 781px) { .gc-wi .gc-gallery > figure.wp-block-image.gc-g-big img { position: static; height: auto; aspect-ratio: 3 / 2; } }
.gc-wi .gc-tcard figure.wp-block-image { margin: 0; }
.gc-wi .gc-tcard figure.wp-block-image img { height: 56px; width: auto; }

/* Video embeds where the mockups showed thumbnail cards */
.gc-wi .gc-vids .wp-block-embed, .gc-wi .gc-vid-embed { margin: 0; }
.gc-wi .gc-vids figcaption, .gc-wi .gc-vids h3 { font-size: 16px !important; margin-top: 12px !important; }

/* Post listings (Query Loop) drawn as the mockup's article cards (.gc-posts / .gc-lead) */
.gc-wi .wp-block-query.gc-posts { display: block; }
.gc-wi .wp-block-query.gc-posts .wp-block-post-template { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 28px; margin: 0; }
.gc-wi .wp-block-query.gc-posts .wp-block-post { background: none; border: 0; border-radius: 0; box-shadow: none; padding: 0; display: flex; flex-direction: column; }
.gc-wi .wp-block-query.gc-posts .wp-block-post > * { padding-left: 0 !important; padding-right: 0 !important; margin-top: 0; }
.gc-wi .wp-block-query.gc-posts .wp-block-post-featured-image { margin: 0; }
.gc-wi .wp-block-query.gc-posts .wp-block-post-featured-image img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.gc-wi .wp-block-query.gc-posts .wp-block-post-terms { font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin-top: 16px; }
.gc-wi .wp-block-query.gc-posts .wp-block-post-terms a { color: var(--aw-blue); text-decoration: none; }
.gc-wi .wp-block-query.gc-posts .wp-block-post-title { font-size: 21px !important; line-height: 1.25; margin-top: 14px; }
.gc-wi .wp-block-query.gc-posts .wp-block-post-title a { color: var(--aw-navy); text-decoration: none; }
.gc-wi .wp-block-query.gc-posts .wp-block-post-title a:hover { text-decoration: underline; }
.gc-wi .wp-block-query.gc-posts .wp-block-post-date { font-size: 14px; color: #6b7682; margin-top: 6px; }
.gc-wi .wp-block-query.gc-posts .wp-block-post-excerpt { font-size: 16px; margin-top: 10px; }
.gc-wi .wp-block-query.gc-posts .wp-block-post-excerpt__excerpt { margin: 0; }
.gc-wi .wp-block-query.gc-posts :is(.wp-block-read-more, .wp-block-post-excerpt__more-link) { display: inline-block; align-self: flex-start; font-size: 15px !important; font-weight: 600; color: var(--aw-blue) !important; background: none !important; padding: 0 !important; border: 0 !important; margin-top: 12px; text-decoration: none; }
.gc-wi .wp-block-query.gc-posts .wp-block-read-more:hover { text-decoration: underline; }
.gc-wi .wp-block-query.gc-posts .wp-block-query-pagination { margin-top: 48px; gap: 8px 18px; font-weight: 600; }
.gc-wi .wp-block-query.gc-posts .wp-block-query-pagination a { color: var(--aw-navy); }
/* Lead story: one post, image left, text right */
.gc-wi .wp-block-query.gc-lead .wp-block-post-template { display: block; margin: 0; padding: 0; list-style: none; }
.gc-wi .wp-block-query.gc-lead .wp-block-post { display: grid; grid-template-columns: 56% 1fr; gap: 0 56px; align-items: center; background: none; border: 0; box-shadow: none; padding: 0; }
.gc-wi .wp-block-query.gc-lead .wp-block-post > * { grid-column: 2; margin: 0; padding: 0 !important; }
.gc-wi .wp-block-query.gc-lead .wp-block-post > .wp-block-post-featured-image { grid-column: 1; grid-row: 1 / span 5; }
.gc-wi .wp-block-query.gc-lead .wp-block-post-featured-image img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.gc-wi .wp-block-query.gc-lead .wp-block-post-title { font-size: var(--gc-i-h2) !important; line-height: var(--gc-i-h2-lh); }
.gc-wi .wp-block-query.gc-lead .wp-block-post-title a { color: var(--aw-navy); text-decoration: none; }
.gc-wi .wp-block-query.gc-lead .wp-block-post-excerpt { margin-top: 18px; }
.gc-wi .wp-block-query.gc-lead .wp-block-read-more { display: inline-block; justify-self: start; margin-top: 22px; background: var(--aw-blue) !important; color: #fff !important; font: 600 15px/1 var(--aw-font-body) !important; padding: 16px 24px !important; border: 0 !important; border-radius: 2px; text-decoration: none; }
.gc-wi .wp-block-query.gc-lead .wp-block-read-more:hover { background: var(--aw-blue-hover); }
@media (max-width: 1000px) { .gc-wi .wp-block-query.gc-posts .wp-block-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 781px) {
  .gc-wi .wp-block-query.gc-posts .wp-block-post-template { grid-template-columns: 1fr; }
  .gc-wi .wp-block-query.gc-lead .wp-block-post { grid-template-columns: 1fr; gap: 18px; }
  .gc-wi .wp-block-query.gc-lead .wp-block-post > *, .gc-wi .wp-block-query.gc-lead .wp-block-post > .wp-block-post-featured-image { grid-column: 1; grid-row: auto; }
}

/* Template-built pages (posts, archives): sections sit flush like on block pages */
.gc-main.gc-canvas > *, .gc-main.gc-canvas > .wp-block-group, .gc-main.gc-canvas > section { margin-block-start: 0 !important; margin-block-end: 0 !important; }

/* Archive / blog / search templates: short navy title band */
.gc-wi.gc-wi-ihero.gc-wi-ihero-short { padding-bottom: 56px; }
.gc-wi.gc-wi-ihero-short .wp-block-term-description { color: #e6eaee; max-width: 40em; }
.gc-wi.gc-wi-ihero-short .gc-search-band { max-width: 560px; }
.gc-wi.gc-wi-listing { padding-top: 72px; }

/* Single post template (single.html): crumbs row, contents list built by gc-blocks.js */
.gc-wi .gc-crumbs-row { display: flex; flex-wrap: wrap; align-items: center; gap: 0 8px; font-size: 14px; font-weight: 600; }
.gc-wi .gc-crumbs-row > * { margin: 0 !important; font-size: 14px !important; }
.gc-wi .gc-crumbs-row a { text-decoration: none; color: var(--aw-text-dark); opacity: .85; }
.gc-wi .gc-crumbs-row a:hover { text-decoration: underline; opacity: 1; }
.gc-wi .gc-crumbs-row .gc-crumbs::after { content: "/"; margin-left: 8px; opacity: .55; }
.gc-wi-posthead .wp-block-post-title { font-size: var(--gc-i-h1) !important; line-height: var(--gc-i-h1-lh); max-width: 22em; letter-spacing: -.022em; }
.gc-wi-posthead .wp-block-post-date { font-size: 15px; color: #6b7682; }
.gc-wi-posthead .wp-block-post-featured-image { margin-top: 36px !important; }
.gc-wi-posthead .wp-block-post-featured-image img { width: 100%; aspect-ratio: 21 / 9; object-fit: cover; }
.gc-wi.gc-wi-postbody { padding-top: 8px; }
.gc-wi .gc-article .gc-body .wp-block-post-content > * + * { margin-top: 22px; }
.gc-wi .gc-article .gc-body .wp-block-post-content > h2 { font-size: clamp(22px, 1.9vw, 28px) !important; margin-top: 52px; }
.gc-wi .gc-article .gc-body .wp-block-post-content > h3 { margin-top: 36px; }
.gc-wi .gc-article .gc-body .wp-block-post-content :is(p, li) { font-size: 18.5px; line-height: 1.7; }
.gc-wi .gc-article .gc-body .wp-block-post-content a { color: var(--aw-blue); }
.gc-wi .gc-article .gc-body .wp-block-post-content img { max-width: 100%; height: auto; }
.gc-wi .gc-article .gc-body .wp-block-post-content :is(.alignleft, .alignright) { max-width: 50%; }
.gc-wi .gc-article.gc-no-toc > .gc-toc-col { display: none; }
.gc-wi .gc-article.gc-no-toc > .gc-body { margin-left: auto; margin-right: auto; }
.gc-wi .gc-article > .gc-body { min-width: 0; }

/* Gravity Forms inside the contact section and form pages */
.gc-wi .gc-form .gform_wrapper { margin: 0; }
.gc-wi .gc-form .gform_wrapper .gfield_label, .gc-wi .gc-form .gform_wrapper legend.gfield_label { font-size: 14px !important; font-weight: 600 !important; color: var(--aw-navy) !important; }
.gc-wi .gc-form .gform_wrapper :is(input[type=text], input[type=email], input[type=tel], input[type=number], input[type=url], select, textarea) { width: 100%; }
.gc-wi .gc-form .gform_wrapper .gform_footer { margin-top: 10px; }
.gc-wi .gc-form .gform_wrapper :is(input[type=submit], button.gform_button) { background: var(--aw-blue) !important; color: #fff !important; border: 0 !important; border-radius: 2px !important; padding: 16px 28px !important; font: 600 15px/1 var(--aw-font-body) !important; cursor: pointer; }
.gc-wi .gc-form .gform_wrapper :is(input[type=submit], button.gform_button):hover { background: var(--aw-blue-hover) !important; }
.gc-wi .gc-form .gform_wrapper .gfield_required { color: #b3261e; }
.gc-wi .gc-form > h3 + p { margin-top: 10px !important; }
.gc-wi .gc-form > p + .wp-block-shortcode, .gc-wi .gc-form > p + .gform_wrapper, .gc-wi .gc-form > * + .gform_wrapper { margin-top: 22px !important; }

/* Literature library ([aw_literature]) sits on the interior scale */
body.gc-interior .gc-wi .awl-wrap h2, body.gc-interior .gc-wi .awl-card h3 { font-size: var(--gc-i-h3) !important; }

/* ® / ™ in running text: no extra line spacing */
.gc-wi :is(p, li, summary, td) sup { font-size: .6em; line-height: 0; vertical-align: super; }

/* Phones: no mid-word splits (replaces the old .gc-main overflow-wrap:anywhere) */
.gc-wi :is(p, li, td, a) { overflow-wrap: break-word; word-break: normal; }
@media (max-width: 781px) {
  .gc-wi .wp-block-columns.gc-gap-l, .gc-wi .wp-block-columns.gc-gap-xl { gap: 32px; }
  .gc-wi .gc-mt-xl { margin-top: 36px !important; }
}
.gc-wi .gc-pull.gc-pull-rule { border-left: 3px solid var(--aw-gold); padding-left: 22px; }
.gc-wi .wp-block-query:is(.gc-posts, .gc-lead) .wp-block-read-more { margin-left: 0 !important; }
.gc-wi .gc-logo-72 img { height: 72px; width: auto; }
.gc-wi .gc-statement-s { font-size: 22px !important; font-weight: 700; color: #fff; }
.gc-wi .gc-form.gc-form-raised { box-shadow: 0 30px 60px rgba(0, 0, 0, .25); border: 0; }
.gc-wi.gc-wi-ihero.gc-wi-ihero-form { padding-bottom: 96px; }
.gc-wi .gc-herophoto.gc-herophoto-contain img { aspect-ratio: auto; object-fit: contain; box-shadow: none; max-height: 520px; width: auto; max-width: 100%; margin: 0 auto; display: block; }
.gc-wi .gc-dl.gc-dl-flat { padding: 0; background: none; margin-top: 12px; }

/* =========================================================================
   v7 (2026-10-16 pm): Bob's review round 1
   ========================================================================= */
/* 1. (v9: hero half-padding removed; heroes use the mockup proportions again) */
/* Long live titles (set by gc-blocks.js when the H1 would run past 2 lines): wider text column, smaller H1 */
.gc-wi.gc-wi-ihero.gc-h1-long > .wp-block-columns > .gc-ihero-stack { flex-basis: 62% !important; }
.gc-wi.gc-wi-ihero.gc-h1-long > .wp-block-columns > .wp-block-column:not(.gc-ihero-stack) { flex-basis: 38% !important; }
body.gc-interior .gc-wi.gc-wi-ihero.gc-h1-long h1 { font-size: clamp(26px, 2.5vw, 38px) !important; }

/* 2. QUICK LINKS: primary navigation, product-coloured chips, sticky under the header */
.gc-wi.gc-wi-subnav { background: var(--aw-navy); border-top: 0; border-bottom: 3px solid var(--aw-yellow); box-shadow: 0 6px 18px rgba(0, 0, 0, .18); }
.gc-wi-subnav .gc-subnav-row { min-height: 84px; gap: 10px 22px; padding: 14px 0; }
.gc-wi-subnav .gc-subnav-name { font-size: 15px !important; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--aw-yellow); margin-right: 4px !important; }
.gc-wi-subnav .gc-subnav-links { gap: 10px; flex-wrap: wrap; overflow: visible; }
.gc-wi-subnav .gc-subnav-links a {
  display: inline-flex; align-items: center; min-height: 46px; padding: 0 20px; border-radius: 3px;
  font-size: 16px; font-weight: 700; letter-spacing: .01em; color: #fff;
  background: var(--aw-steel); border: 1px solid rgba(255, 255, 255, .22); border-bottom: 1px solid rgba(255, 255, 255, .22);
  transition: background-color .2s, color .2s, transform .2s;
}
.gc-wi-subnav .gc-subnav-links a:hover, .gc-wi-subnav .gc-subnav-links a.is-current { color: var(--aw-ink); background: var(--aw-yellow); border-color: var(--aw-yellow); transform: translateY(-1px); }
.gc-wi-subnav .gc-subnav-links a.gc-chip-iw { background: var(--aw-gold); color: var(--aw-ink); border-color: var(--aw-gold); }
.gc-wi-subnav .gc-subnav-links a.gc-chip-qw { background: var(--aw-blue); border-color: var(--aw-blue); }
.gc-wi-subnav .gc-subnav-links a.gc-chip-bm { background: var(--aw-green); border-color: var(--aw-green); }
.gc-wi-subnav .gc-subnav-links a.gc-chip-lg { background: #4a5560; border-color: #4a5560; }
.gc-wi-subnav .gc-subnav-links a:is(.gc-chip-iw, .gc-chip-qw, .gc-chip-bm, .gc-chip-lg):hover { filter: brightness(1.12); color: inherit; }
.gc-wi-subnav .gc-subnav-links a.gc-chip-iw:hover { color: var(--aw-ink); }
.gc-wi-subnav .gc-subnav-links a:is(.gc-chip-qw, .gc-chip-bm, .gc-chip-lg):hover { color: #fff; }
.gc-wi-subnav .gc-subnav-links a.is-current:is(.gc-chip-iw, .gc-chip-qw, .gc-chip-bm, .gc-chip-lg) { box-shadow: 0 0 0 2px var(--aw-yellow); }
@media (max-width: 781px) {
  .gc-wi.gc-wi-subnav { position: sticky; top: 0; z-index: 50; }
  .gc-wi-subnav .gc-subnav-row { min-height: 0; padding: 10px 0; }
  .gc-wi-subnav .gc-subnav-links { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
  .gc-wi-subnav .gc-subnav-links a { min-height: 40px; padding: 0 14px; font-size: 15px; white-space: nowrap; }
}

/* 3. Posts: promos and floated images sit inline (full width), never beside the text */
.gc-wi .gc-article .gc-body .wp-block-post-content :is(.alignright, .alignleft, figure.alignright, figure.alignleft) {
  float: none !important; display: block; margin: 32px auto !important; max-width: 100% !important; text-align: center;
}
.gc-wi .gc-article .gc-body .wp-block-post-content :is(.alignright, .alignleft) img { margin: 0 auto; }
.gc-wi .gc-article .gc-body .wp-block-post-content :is(.wp-element-caption a, .wp-block-button__link, .wp-block-file__button) { color: #fff !important; }
.gc-wi .gc-article .gc-body .wp-block-post-content .wp-element-caption a { background: var(--aw-blue); border-radius: 2px; font-size: 16px; font-weight: 600; padding: 14px 22px; margin-top: 10px; }
.gc-wi .gc-article .gc-body .wp-block-post-content .wp-element-caption a:hover { background: var(--aw-blue-hover); }

/* 4. Button text always contrasts */
.gc-wi .wp-block-button:is(.is-style-aw-blue, .is-style-aw-classic, .is-style-aw-navy) .wp-block-button__link { color: #fff !important; }
.gc-wi .wp-block-button.is-style-aw-blue-line .wp-block-button__link { color: var(--aw-blue) !important; }
.gc-wi :is(.is-style-aw-navy, .is-style-aw-navy-fade, .is-style-aw-blue, .is-style-aw-green, .is-style-aw-gold-band) .wp-block-button.is-style-aw-blue-line .wp-block-button__link { color: #fff !important; border-color: #fff !important; }
.gc-wi .wp-block-file .wp-block-file__button { background: var(--aw-blue) !important; color: #fff !important; border-radius: 2px; padding: 10px 18px; font-weight: 600; text-decoration: none; }
.gc-wi .wp-element-caption a { color: #fff !important; }

/* 5. Post cards without a featured image keep the grid aligned */
.gc-wi .wp-block-query.gc-posts .wp-block-post:not(:has(.wp-block-post-featured-image img))::before {
  content: ""; display: block; width: 100%; aspect-ratio: 16 / 10;
  background: var(--aw-navy) url("/wp-content/uploads/2023/12/air-weigh-logo.png") center / 46% no-repeat;
}

/* 6. Fixes requested by the page builders */
body.gc-interior .gc-wi .gc-card:not(:has(> .gc-card-body)) { padding: 26px 28px 28px; }
body.gc-interior .gc-wi .gc-card:not(:has(> .gc-card-body)) > figure:first-child { margin: -26px -28px 8px !important; }
.gc-wi :is(.gc-stat-l, .gc-fact p, .gc-spec-row p) { hyphens: manual; overflow-wrap: normal; word-break: normal; }
body.gc-interior .gc-wi figure.gc-icon img { width: 120px !important; height: auto !important; max-width: 100%; contain-intrinsic-size: 120px 120px; }
body.gc-interior .gc-wi .gc-card-light > figure:first-child:is(.gc-img-140, .gc-img-220, .gc-logo-72, .gc-icon) { margin: 0 0 6px !important; }
body.gc-interior .gc-wi .gc-card-light > figure.gc-img-140:first-child img { width: 140px; aspect-ratio: auto; object-fit: contain; }
body.gc-interior .gc-wi .gc-card-light > figure.gc-img-220:first-child img { width: 220px; aspect-ratio: auto; object-fit: contain; }
body.gc-interior .gc-wi .gc-card-light > figure:first-child { overflow: hidden; }
.gc-wi .gc-logos-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }
.gc-wi .gc-logos-grid > * { margin: 0 !important; }
.gc-wi .gc-logos-grid figure { background: #fff; border: 1px solid var(--aw-rule); display: flex; align-items: center; justify-content: center; padding: 18px; min-height: 120px; }
.gc-wi .gc-logos-grid img { max-height: 80px; width: auto; max-width: 100%; object-fit: contain; }
.gc-wi .wp-block-social-links { padding-left: 0; margin-left: 0; }
.gc-wi .wp-block-social-links .wp-social-link { background: var(--aw-navy) !important; color: #fff !important; }
.gc-wi .wp-block-query-pagination { font-weight: 600; gap: 8px 16px; }
.gc-wi .wp-block-query-pagination a, .gc-wi .wp-block-query-pagination .page-numbers { text-decoration: none; color: var(--aw-navy); padding: 8px 12px; border: 1px solid var(--aw-rule); background: #fff; }
.gc-wi .wp-block-query-pagination .page-numbers.current { background: var(--aw-navy); color: #fff; border-color: var(--aw-navy); }
.gc-wi :is(.is-style-aw-white, .is-style-aw-mist) .gc-statement-s { color: var(--aw-navy); }
body.gc-interior .gc-wi .gc-legal h2 { font-size: 22px !important; margin-top: 40px !important; }
body.gc-interior .gc-wi .gc-legal h3 { font-size: 19px !important; }
.gc-wi .gc-legal li { font-size: 16.5px; }
body.gc-interior .gc-wi .gc-vids h3 { font-size: 17px !important; }
.gc-wi .gc-guides > :is(h2, h3) { margin-top: 28px !important; }
body.gc-interior .gc-wi.gc-wi-ihero.gc-h1-long h1 { font-size: clamp(24px, 2.1vw, 32px) !important; }

/* 7. Document cards with a front-page thumbnail (like the literature library) */
.gc-wi .gc-dl.gc-dl-covers { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 14px; }
.gc-wi .gc-dl.gc-dl-covers a { justify-content: flex-start; gap: 8px; min-height: 0; padding: 12px 12px 14px; background: #fff; }
.gc-wi .gc-dl.gc-dl-covers a img { display: block; width: 100%; height: auto; aspect-ratio: 17 / 22; object-fit: cover; object-position: top; border: 1px solid var(--aw-rule); background: #fff; margin: 0 0 6px; box-shadow: 0 6px 14px rgba(0, 0, 0, .08); transition: transform .2s; }
.gc-wi .gc-dl.gc-dl-covers a:hover img { transform: translateY(-3px); }
.gc-wi .gc-dl.gc-dl-covers strong { font-size: 15px; }
.gc-wi .gc-dl.gc-dl-covers span { font-size: 12px; }
/* Product image on the coloured guide panels */
.gc-wi .gc-guide-head { flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 16px; }
.gc-wi .gc-guide-head > * { margin: 0 !important; }
.gc-wi .gc-guide-head figure { width: 100%; display: flex; justify-content: center; }
.gc-wi .gc-guide-head figure img { max-height: 170px; width: auto; max-width: 100%; object-fit: contain; filter: drop-shadow(0 14px 22px rgba(0, 0, 0, .35)); }
@media (max-width: 781px) {
  .gc-wi .gc-dl.gc-dl-covers { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .gc-wi .gc-guide-head figure img { max-height: 120px; }
}

.gc-wi .gc-dl.gc-dl-covers span { overflow-wrap: normal; word-break: normal; hyphens: none; letter-spacing: .03em; }
@media (max-width: 781px) { .gc-wi .gc-dl.gc-dl-covers span { font-size: 11px; } }
.gc-wi .gc-article .gc-body .wp-block-post-content > * + * { margin-block-start: 22px !important; }
.gc-wi .gc-article .gc-body .wp-block-post-content > :is(h2, h3) { margin-block-start: 44px !important; }
.gc-wi .gc-article .gc-body .wp-block-post-content :is(.alignright, .alignleft) .wp-element-caption { text-align: center; }
.gc-wi .gc-article .gc-body .wp-block-post-content .wp-element-caption a { white-space: nowrap; }

/* =========================================================================
   v8 (2026-10-16): FILM HERO TRIAL (.gc-ifilm) — Solutions page only for now
   Bob's hero option E: the homepage weight-data film as the hero media, title
   and quick links on the black band below (homepage treatment). Section is a
   Group with gc-wi gc-wi-frame gc-ifilm: core Video block (.gc-ifilm-media),
   then .gc-ifilm-band > .gc-ifilm-title (crumbs, H1, tagline) + .gc-ifilm-ql.
   Interior-only classes; nothing here touches the homepage sections.
   ========================================================================= */
.gc-wi.gc-ifilm { padding: 16px; }
.gc-wi.gc-ifilm > * + * { margin-top: 0 !important; }
.gc-wi.gc-ifilm .gc-ifilm-media { margin: 0; background: #080808; display: flex; justify-content: center; }
.gc-wi.gc-ifilm .gc-ifilm-media video { display: block; height: min(60vh, 56.25vw); width: auto; max-width: 100%; aspect-ratio: 16 / 9; object-fit: contain; }
.gc-wi.gc-ifilm .gc-ifilm-band { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 24px 48px; padding: 32px 40px 36px; }
.gc-wi.gc-ifilm .gc-ifilm-band > * { margin: 0 !important; }
.gc-wi.gc-ifilm .gc-ifilm-title > * + *, .gc-wi.gc-ifilm .gc-ifilm-ql > * + * { margin-top: 10px !important; }
.gc-wi.gc-ifilm .gc-crumbs { font-size: 13px !important; font-weight: 500; }
.gc-wi.gc-ifilm .gc-crumbs, .gc-wi.gc-ifilm .gc-crumbs a { color: #9aa3ab !important; text-decoration: none; }
body.gc-interior .gc-wi.gc-ifilm h1 { font-size: var(--gc-i-h1) !important; line-height: var(--gc-i-h1-lh); font-weight: 600; letter-spacing: -.022em; color: #fff; }
.gc-wi.gc-ifilm .gc-ifilm-tag { font-size: var(--gc-i-hsub2) !important; font-weight: 600; line-height: 1.25 !important; color: var(--aw-yellow) !important; }
.gc-wi.gc-ifilm .gc-ifilm-tag sup { font-size: .5em; vertical-align: super; line-height: 0; }
.gc-wi.gc-ifilm .gc-ifilm-ql-label { font-size: 13px !important; font-weight: 700; letter-spacing: .1em; color: #9aa3ab !important; }
.gc-wi.gc-ifilm .gc-links { gap: 10px; }
.gc-wi.gc-ifilm .gc-links a { flex: 0 0 auto; background: #fff; color: var(--aw-ink); border: 1px solid #fff; font-size: 16px; font-weight: 600; padding: 12px 18px; text-decoration: none; }
.gc-wi.gc-ifilm .gc-links a:hover, .gc-wi.gc-ifilm .gc-links a:focus-visible { background: var(--aw-yellow); border-color: var(--aw-yellow); color: var(--aw-ink); }
@media (max-width: 781px) {
  .gc-wi.gc-ifilm { padding: 10px; }
  .gc-wi.gc-ifilm .gc-ifilm-media video { height: auto; width: 100%; }
  .gc-wi.gc-ifilm .gc-ifilm-band { padding: 22px 12px 26px; }
  .gc-wi.gc-ifilm .gc-links a { font-size: 15px; padding: 10px 14px; }
}
/* v8.1: contain the band. Video and copy row share one container: the site
   content width (header edges), capped by viewport height. The film's own
   black top margin (~15% of the frame) is cropped; no frame padding on top. */
.gc-wi.gc-ifilm { --gc-ifilm-w: min(calc(100vw - 2 * var(--gc-gut)), calc(70vh * 1600 / 780)); padding: 0 0 8px; }
.gc-wi.gc-ifilm .gc-ifilm-media { width: var(--gc-ifilm-w); margin: 0 auto !important; display: block; }
.gc-wi.gc-ifilm .gc-ifilm-media video { width: 100%; height: auto; aspect-ratio: 1600 / 780; object-fit: cover; object-position: 50% 100%; }
.gc-wi.gc-ifilm .gc-ifilm-band { width: var(--gc-ifilm-w); margin: 0 auto !important; padding: 28px 0 36px; }
@media (max-width: 781px) {
  .gc-wi.gc-ifilm { padding: 0 0 4px; }
  .gc-wi.gc-ifilm .gc-ifilm-media video { height: auto; }
  .gc-wi.gc-ifilm .gc-ifilm-band { padding: 20px 0 26px; }
}

/* =========================================================================
   v9 (2026-10-22): APPROVED INTERIOR MOCKUPS (air-weigh-interior-mockups.pages.dev)
   Heroes use the mockup proportions again (the v7 "half padding" rules are gone).
   New, used by the page heroes:
     .gc-ihero-cover   About-style photo cover: a Group with an Image (.gc-cover-img)
                       laid behind the crumbs/H1 on a dark gradient (mockup About hero)
     .gc-herocut       Product cut-out on the colour panel (no card, soft drop shadow),
                       the stand-in for the mockup's module + app visual
     .aw-direct-answer Quick-answer box in posts drawn as the mockup's navy box
   ========================================================================= */
.gc-wi.gc-wi-ihero .gc-herophoto img { max-height: 560px; }
.gc-wi.gc-wi-ihero .gc-herophoto.gc-herophoto-contain img { max-height: 460px; background: #fff; padding: 18px; box-shadow: 0 30px 60px rgba(0,0,0,.28); }
.gc-wi .gc-herocut { margin: 0; display: flex; justify-content: center; }
.gc-wi .gc-herocut img { width: auto; max-width: 100%; max-height: 500px; object-fit: contain; filter: drop-shadow(0 28px 36px rgba(0,0,0,.38)); }

/* Photo cover hero (About) */
.gc-wi.gc-wi-ihero.gc-ihero-cover { position: relative; isolation: isolate; min-height: 520px; display: flex; flex-direction: column; justify-content: flex-end; padding-top: 140px; padding-bottom: 72px; background: var(--aw-navy); }
.gc-wi.gc-ihero-cover > .gc-cover-img { position: absolute; inset: 0; margin: 0 !important; z-index: -2; }
.gc-wi.gc-ihero-cover > .gc-cover-img img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: auto; box-shadow: none; }
.gc-wi.gc-ihero-cover::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(11,13,16,.88) 0%, rgba(11,13,16,.62) 45%, rgba(11,13,16,.25) 100%), linear-gradient(0deg, rgba(11,13,16,.7) 0%, rgba(11,13,16,0) 55%); }
.gc-wi.gc-ihero-cover .gc-ihero-stack { position: relative; max-width: 760px; }
.gc-wi.gc-ihero-cover .gc-ihero-stack > * + * { margin-top: 18px !important; }
.gc-wi.gc-ihero-cover h1 { color: #fff; }
@media (max-width: 781px) {
  .gc-wi.gc-wi-ihero.gc-ihero-cover { min-height: 380px; padding-top: 110px; padding-bottom: 48px; }
  .gc-wi .gc-herocut img { max-height: 300px; }
  .gc-wi.gc-wi-ihero .gc-herophoto img { max-height: 320px; }
}

/* Quick answer box in posts (mockup: navy, yellow label, light text) */
.gc-wi .gc-article .wp-block-post-content .aw-direct-answer,
.gc-wi .wp-block-post-content .aw-direct-answer { background: var(--aw-navy) !important; border: 0 !important; border-left: 4px solid var(--aw-yellow) !important; border-radius: 0 !important; padding: 30px 32px 32px !important; }
.gc-wi .wp-block-post-content .aw-direct-answer :is(h2, h3, .aw-da-question) { color: #fff !important; }
.gc-wi .wp-block-post-content .aw-direct-answer :is(p, li, .aw-da-answer) { color: #e6eaee !important; }
.gc-wi .wp-block-post-content .aw-direct-answer .aw-da-answer > strong:first-child { display: block; font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--aw-yellow); margin-bottom: 10px; }
.gc-wi .wp-block-post-content .aw-direct-answer a { color: #9cc3ff !important; }
/* v9.1: question inside the quick-answer box at the H3 step, answer at the mockup size */
body.gc-interior .gc-wi .wp-block-post-content .aw-direct-answer :is(h2, .aw-da-question) { font-size: var(--gc-i-h3) !important; line-height: 1.25; margin-bottom: 14px !important; }
body.gc-interior .gc-wi .wp-block-post-content .aw-direct-answer .aw-da-answer { font-size: 18px !important; line-height: 1.6; }