#agcg-2026-page {
  --agcg-green-950: #06140c;
  --agcg-green-900: #071f12;
  --agcg-green-800: #10251a;
  --agcg-green-700: #006b31;
  --agcg-green-600: #00843d;
  --agcg-green-500: #1aa75b;
  --agcg-green-100: #e4f6eb;
  --agcg-green-50: #f6fbf7;
  --agcg-cream: #fffaf0;
  --agcg-mist: #edf7f1;
  --agcg-line: #d8e8dd;
  --agcg-text: #33443a;
  --agcg-muted: #53655b;
  --agcg-white: #ffffff;
  --agcg-gold: #f4b23a;
  --agcg-tomato: #c8612d;
  --agcg-shadow-soft: 0 18px 44px rgba(6, 38, 20, 0.10);
  --agcg-shadow-strong: 0 30px 70px rgba(6, 38, 20, 0.22);
  --agcg-radius-sm: 8px;
  --agcg-radius-md: 14px;
  --agcg-radius-lg: 22px;

  display: flow-root !important;
  position: relative !important;

  width: 100vw !important;
  max-width: none !important;
  min-width: 0 !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;

  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;

  background: var(--agcg-green-50) !important;
  color: var(--agcg-green-800) !important;
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
  line-height: 1.55 !important;
  clear: both !important;
}

#agcg-2026-page,
#agcg-2026-page *,
#agcg-2026-page *::before,
#agcg-2026-page *::after {
  box-sizing: border-box !important;
}

#agcg-2026-page img,
#agcg-2026-page svg {
  display: block !important;
  max-width: 100% !important;
}

#agcg-2026-page a {
  color: inherit !important;
}

#agcg-2026-page .agcg-shell {
  width: 100% !important;
  max-width: 1180px !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
}

#agcg-2026-page .agcg-hero,
#agcg-2026-page .agcg-section {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* Hide the section navigation */
#agcg-2026-page .agcg-nav {
  display: none !important;
}

/* =========================
   HERO
========================= */

#agcg-2026-page .agcg-hero {
  padding: 78px 0 64px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 84% 18%, rgba(244, 178, 58, 0.22), transparent 28%),
    radial-gradient(circle at 7% 90%, rgba(0, 132, 61, 0.12), transparent 30%),
    linear-gradient(120deg, #ffffff 0%, #f7fbf8 48%, #dff5e8 100%) !important;
}

#agcg-2026-page .agcg-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(0, 132, 61, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 132, 61, 0.07) 1px, transparent 1px) !important;
  background-size: 44px 44px !important;
  pointer-events: none !important;
}

#agcg-2026-page .agcg-hero::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 8px !important;
  background: linear-gradient(
    90deg,
    var(--agcg-green-600),
    var(--agcg-gold),
    var(--agcg-tomato)
  ) !important;
  pointer-events: none !important;
}

#agcg-2026-page .agcg-hero-grid {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(350px, 0.95fr) !important;
  gap: 48px !important;
  align-items: center !important;
}

#agcg-2026-page .agcg-hero-copy {
  min-width: 0 !important;
}

#agcg-2026-page .agcg-eyebrow,
#agcg-2026-page .agcg-mini-label {
  display: block !important;
  margin: 0 0 10px !important;
  color: var(--agcg-green-600) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

#agcg-2026-page .agcg-eyebrow-light {
  color: #c8f2d8 !important;
}

#agcg-2026-page .agcg-title {
  display: block !important;
  max-width: 760px !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  color: var(--agcg-green-950) !important;
  font-size: clamp(42px, 6.3vw, 72px) !important;
  font-weight: 900 !important;
  letter-spacing: -1.8px !important;
  line-height: 0.98 !important;
  overflow-wrap: normal !important;
}

#agcg-2026-page .agcg-heading {
  display: block !important;
  max-width: 940px !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  color: var(--agcg-green-950) !important;
  font-size: clamp(32px, 4.2vw, 46px) !important;
  font-weight: 900 !important;
  letter-spacing: -1px !important;
  line-height: 1.08 !important;
}

#agcg-2026-page .agcg-subheading {
  display: block !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  color: var(--agcg-green-950) !important;
  font-size: 23px !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
}

#agcg-2026-page .agcg-copy {
  display: block !important;
  color: var(--agcg-text) !important;
  font-size: 18px !important;
  line-height: 1.68 !important;
}

#agcg-2026-page .agcg-muted-copy {
  display: block !important;
  color: var(--agcg-muted) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

#agcg-2026-page .agcg-hero-lede {
  max-width: 790px !important;
  margin: 0 0 30px !important;
  color: var(--agcg-text) !important;
  font-size: 20px !important;
  line-height: 1.68 !important;
}

#agcg-2026-page .agcg-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: center !important;
}

#agcg-2026-page .agcg-button {
  display: inline-flex !important;
  min-height: 48px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: var(--agcg-radius-sm) !important;
  padding: 13px 20px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    background-color 160ms ease !important;
}

#agcg-2026-page .agcg-button:hover,
#agcg-2026-page .agcg-button:focus-visible {
  transform: translateY(-2px) !important;
}

#agcg-2026-page .agcg-button-primary {
  background: var(--agcg-green-600) !important;
  color: var(--agcg-white) !important;
  box-shadow: 0 12px 24px rgba(0, 132, 61, 0.24) !important;
}

#agcg-2026-page .agcg-button-primary:hover,
#agcg-2026-page .agcg-button-primary:focus-visible {
  background: var(--agcg-green-700) !important;
}

#agcg-2026-page .agcg-button-secondary {
  border: 1px solid #bad8c6 !important;
  background: var(--agcg-white) !important;
  color: var(--agcg-green-700) !important;
}

#agcg-2026-page .agcg-button-light {
  background: var(--agcg-white) !important;
  color: var(--agcg-green-700) !important;
}

#agcg-2026-page .agcg-button-outline-light {
  border: 1px solid rgba(255, 255, 255, 0.62) !important;
  color: var(--agcg-white) !important;
  background: transparent !important;
}

/* =========================
   HERO COVER GROUP
========================= */

#agcg-2026-page .agcg-cover-stage {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr) !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  width: 100% !important;
  max-width: 620px !important;
  min-height: 0 !important;

  margin: 0 auto !important;
  padding: 34px 20px !important;
  overflow: visible !important;
}

#agcg-2026-page .agcg-cover-stage::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 440px !important;
  max-width: 92% !important;
  aspect-ratio: 1 !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 50% !important;
  background: linear-gradient(
    135deg,
    rgba(0, 132, 61, 0.15),
    rgba(244, 178, 58, 0.18)
  ) !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

#agcg-2026-page .agcg-cover-link {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  margin: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;
}

#agcg-2026-page .agcg-cover-link:first-child {
  justify-self: end !important;
}

#agcg-2026-page .agcg-cover-link:last-child {
  justify-self: start !important;
}

#agcg-2026-page .agcg-guide-cover {
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  border-radius: var(--agcg-radius-sm) !important;
  box-shadow: var(--agcg-shadow-strong) !important;
}

#agcg-2026-page .agcg-guide-cover-us {
  width: 96% !important;
  transform: rotate(-3deg) translateY(8px) !important;
}

#agcg-2026-page .agcg-guide-cover-ca {
  width: 100% !important;
  transform: rotate(3deg) translateY(-6px) !important;
}

/* =========================
   SECTIONS
========================= */

#agcg-2026-page .agcg-section {
  padding: 70px 0 !important;
  overflow: hidden !important;
  background: var(--agcg-white) !important;
}

#agcg-2026-page .agcg-section-white {
  background: var(--agcg-white) !important;
}

#agcg-2026-page .agcg-section-mist {
  background:
    radial-gradient(circle at 84% 12%, rgba(244, 178, 58, 0.16), transparent 28%),
    linear-gradient(180deg, var(--agcg-mist), var(--agcg-green-50)) !important;
}

#agcg-2026-page .agcg-section-soft {
  background:
    linear-gradient(
      135deg,
      rgba(255, 250, 240, 0.86),
      rgba(237, 247, 241, 0.96)
    ),
    var(--agcg-green-50) !important;
}

#agcg-2026-page .agcg-section-ink {
  background:
    radial-gradient(circle at 92% 8%, rgba(244, 178, 58, 0.22), transparent 26%),
    linear-gradient(
      135deg,
      var(--agcg-green-950),
      #0d3a23 64%,
      #10462a
    ) !important;
  color: var(--agcg-white) !important;
}

#agcg-2026-page .agcg-section-ink .agcg-heading,
#agcg-2026-page .agcg-section-ink .agcg-copy {
  color: var(--agcg-white) !important;
}

#agcg-2026-page .agcg-section-lede {
  max-width: 790px !important;
  margin: 0 0 30px !important;
  color: var(--agcg-text) !important;
  font-size: 18px !important;
  line-height: 1.68 !important;
}

#agcg-2026-page .agcg-section-lede-wide {
  max-width: 1050px !important;
}

/* =========================
   GRIDS / CARDS
========================= */

#agcg-2026-page .agcg-audience-grid,
#agcg-2026-page .agcg-stats-grid,
#agcg-2026-page .agcg-education-grid,
#agcg-2026-page .agcg-edition-grid,
#agcg-2026-page .agcg-live-grid {
  display: grid !important;
  gap: 20px !important;
  min-width: 0 !important;
}

#agcg-2026-page .agcg-audience-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

#agcg-2026-page .agcg-edition-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin-bottom: 0 !important;
}

#agcg-2026-page .agcg-stats-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin: 34px 0 28px !important;
}

#agcg-2026-page .agcg-education-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

#agcg-2026-page .agcg-card,
#agcg-2026-page .agcg-edition-card,
#agcg-2026-page .agcg-stat-card,
#agcg-2026-page .agcg-education-card,
#agcg-2026-page .agcg-note-panel,
#agcg-2026-page .agcg-live-card {
  min-width: 0 !important;
  border: 1px solid var(--agcg-line) !important;
  border-radius: var(--agcg-radius-sm) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: var(--agcg-shadow-soft) !important;
}

#agcg-2026-page .agcg-card,
#agcg-2026-page .agcg-education-card,
#agcg-2026-page .agcg-stat-card {
  padding: 28px !important;
}

#agcg-2026-page .agcg-card {
  position: relative !important;
  overflow: hidden !important;
  text-align: center !important;
}

#agcg-2026-page .agcg-card::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 4px !important;
  background: linear-gradient(
    90deg,
    var(--agcg-green-600),
    var(--agcg-gold)
  ) !important;
}

#agcg-2026-page .agcg-icon-box {
  display: grid !important;
  width: 52px !important;
  height: 52px !important;
  margin: 0 auto 16px !important;
  place-items: center !important;
  border-radius: var(--agcg-radius-sm) !important;
  background: var(--agcg-green-100) !important;
  color: var(--agcg-green-600) !important;
}

#agcg-2026-page .agcg-icon-box svg {
  width: 25px !important;
  height: 25px !important;
}

#agcg-2026-page .agcg-icon-box svg path,
#agcg-2026-page .agcg-icon-box svg circle,
#agcg-2026-page .agcg-icon-box svg rect {
  stroke: currentColor !important;
}

/* =========================
   EDITION CARDS
========================= */

#agcg-2026-page .agcg-edition-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 120px !important;
  grid-template-areas:
    "label image"
    "title image"
    "copy image"
    "button image" !important;
  column-gap: 24px !important;
  align-items: center !important;
  min-height: 320px !important;
  padding: 30px !important;
  overflow: hidden !important;
}

#agcg-2026-page .agcg-edition-card .agcg-mini-label {
  grid-area: label !important;
}

#agcg-2026-page .agcg-edition-card .agcg-subheading {
  grid-area: title !important;
}

#agcg-2026-page .agcg-edition-card .agcg-muted-copy {
  grid-area: copy !important;
  max-width: 520px !important;
  margin-bottom: 22px !important;
}

#agcg-2026-page .agcg-edition-card .agcg-button {
  grid-area: button !important;
  justify-self: start !important;
}

#agcg-2026-page .agcg-edition-thumb {
  grid-area: image !important;
  position: relative !important;
  z-index: 1 !important;
  width: 112px !important;
  max-width: 100% !important;
  border-radius: var(--agcg-radius-sm) !important;
  box-shadow: 0 16px 28px rgba(6, 38, 20, 0.20) !important;
  opacity: 0.96 !important;
  align-self: center !important;
  justify-self: end !important;
}

#agcg-2026-page .agcg-edition-us,
#agcg-2026-page .agcg-edition-canada {
  background-image: none !important;
}

/* =========================
   LIVE READERS
========================= */

#agcg-2026-page .agcg-live-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

#agcg-2026-page .agcg-live-card {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  gap: 18px !important;
  padding: 22px !important;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.98),
      rgba(246, 251, 247, 0.98)
    ),
    var(--agcg-white) !important;
}

#agcg-2026-page .agcg-live-card-wide {
  grid-column: 1 / -1 !important;
}

#agcg-2026-page .agcg-live-card-head {
  display: grid !important;
  grid-template-columns: 128px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
}

#agcg-2026-page .agcg-live-card-head img {
  width: 128px !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  border-radius: var(--agcg-radius-sm) !important;
  box-shadow: 0 12px 24px rgba(6, 38, 20, 0.14) !important;
}

#agcg-2026-page .agcg-reader-frame {
  position: relative !important;
  overflow: hidden !important;
  height: 560px !important;
  border: 1px solid #c8dccf !important;
  border-radius: var(--agcg-radius-sm) !important;
  background: #f2f2f2 !important;
}

#agcg-2026-page .agcg-reader-frame iframe {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  background: #f2f2f2 !important;
}

/* =========================
   ABOUT / REACH / CLASSROOM
========================= */

#agcg-2026-page .agcg-about-grid,
#agcg-2026-page .agcg-cta-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 1fr) !important;
  gap: 34px !important;
  align-items: start !important;
}

#agcg-2026-page .agcg-rich-copy {
  padding: 0 !important;
}

#agcg-2026-page .agcg-rich-copy .agcg-copy + .agcg-copy {
  margin-top: 16px !important;
}

#agcg-2026-page .agcg-stat-card strong {
  display: block !important;
  color: var(--agcg-green-600) !important;
  font-size: 44px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

#agcg-2026-page .agcg-stat-card span {
  display: block !important;
  margin-top: 9px !important;
  color: var(--agcg-muted) !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}

#agcg-2026-page .agcg-note-panel {
  border-left: 7px solid var(--agcg-green-600) !important;
  padding: 30px !important;
}

#agcg-2026-page .agcg-note-panel .agcg-copy + .agcg-copy {
  margin-top: 16px !important;
}

#agcg-2026-page .agcg-classroom-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.85fr) !important;
  gap: 34px !important;
  align-items: center !important;
  border-radius: var(--agcg-radius-sm) !important;
  padding: 44px !important;
  background:
    radial-gradient(circle at 88% 16%, rgba(244, 178, 58, 0.24), transparent 28%),
    linear-gradient(135deg, #063b20 0%, var(--agcg-green-600) 100%) !important;
  box-shadow: 0 22px 54px rgba(6, 38, 20, 0.18) !important;
}

#agcg-2026-page .agcg-classroom-panel .agcg-heading,
#agcg-2026-page .agcg-classroom-panel .agcg-copy {
  color: var(--agcg-white) !important;
}

#agcg-2026-page .agcg-classroom-panel .agcg-copy {
  color: #e7f8ed !important;
  margin-bottom: 18px !important;
}

#agcg-2026-page .agcg-classroom-graphic {
  display: block !important;
  border-radius: var(--agcg-radius-sm) !important;
  background: var(--agcg-white) !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.28) !important;
  text-decoration: none !important;
}

#agcg-2026-page .agcg-classroom-graphic img {
  width: 100% !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  border-radius: var(--agcg-radius-sm) !important;
}

/* =========================
   CTA / FAQ
========================= */

#agcg-2026-page .agcg-cta-panel {
  max-width: 980px !important;
  margin: 0 auto !important;
  grid-template-columns: 1fr !important;
  gap: 24px !important;
  align-items: center !important;
  text-align: center !important;
  padding: 44px 34px !important;
  border-radius: var(--agcg-radius-lg) !important;
  background:
    radial-gradient(circle at top right, rgba(244, 178, 58, 0.24), transparent 30%),
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.08),
      rgba(255, 255, 255, 0.02)
    ) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
}

#agcg-2026-page .agcg-cta-panel .agcg-heading {
  max-width: 780px !important;
  margin: 0 auto 14px !important;
}

#agcg-2026-page .agcg-cta-panel .agcg-copy {
  max-width: 760px !important;
  margin: 0 auto !important;
}

#agcg-2026-page .agcg-cta-actions {
  justify-content: center !important;
}

#agcg-2026-page .agcg-faq-shell {
  max-width: 1100px !important;
}

#agcg-2026-page .agcg-faq-list {
  border-top: 1px solid var(--agcg-line) !important;
}

#agcg-2026-page .agcg-faq-item {
  padding: 24px 0 !important;
  border-bottom: 1px solid var(--agcg-line) !important;
}

#agcg-2026-page .agcg-faq-item .agcg-subheading {
  margin-bottom: 8px !important;
  font-size: 22px !important;
}

/* =========================
   TABLET
========================= */

@media (max-width: 1020px) {
  #agcg-2026-page .agcg-hero-grid,
  #agcg-2026-page .agcg-about-grid,
  #agcg-2026-page .agcg-classroom-panel {
    grid-template-columns: 1fr !important;
  }

  #agcg-2026-page .agcg-audience-grid,
  #agcg-2026-page .agcg-stats-grid,
  #agcg-2026-page .agcg-education-grid,
  #agcg-2026-page .agcg-live-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #agcg-2026-page .agcg-edition-grid {
    grid-template-columns: 1fr !important;
  }

  #agcg-2026-page .agcg-edition-card {
    min-height: auto !important;
  }

  #agcg-2026-page .agcg-cover-stage {
    max-width: 590px !important;
    margin: 0 auto !important;
  }
}

/* =========================
   MOBILE
========================= */

@media (max-width: 700px) {
  #agcg-2026-page {
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }

  #agcg-2026-page .agcg-shell {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  #agcg-2026-page .agcg-hero {
    padding-top: 48px !important;
    padding-bottom: 42px !important;
  }

  #agcg-2026-page .agcg-section {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  #agcg-2026-page .agcg-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  #agcg-2026-page .agcg-title {
    font-size: clamp(38px, 11vw, 48px) !important;
    line-height: 1.03 !important;
    letter-spacing: -1px !important;
  }

  #agcg-2026-page .agcg-heading {
    font-size: clamp(30px, 9vw, 38px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.7px !important;
  }

  #agcg-2026-page .agcg-subheading {
    font-size: 21px !important;
  }

  #agcg-2026-page .agcg-hero-lede,
  #agcg-2026-page .agcg-section-lede,
  #agcg-2026-page .agcg-copy {
    font-size: 16px !important;
    line-height: 1.62 !important;
  }

  #agcg-2026-page .agcg-muted-copy {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  #agcg-2026-page .agcg-actions {
    width: 100% !important;
  }

  #agcg-2026-page .agcg-button {
    width: 100% !important;
    min-height: 46px !important;
    padding: 12px 16px !important;
  }

  /* Centred and larger mobile hero covers */
  #agcg-2026-page .agcg-cover-stage {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.15fr) !important;
    gap: 8px !important;

    width: 100% !important;
    max-width: 430px !important;

    margin: 0 auto !important;
    padding: 24px 6px 10px !important;
  }

  #agcg-2026-page .agcg-cover-stage::before {
    width: 340px !important;
    max-width: 94% !important;
  }

  #agcg-2026-page .agcg-cover-link {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  #agcg-2026-page .agcg-guide-cover-us {
    width: 100% !important;
    transform: rotate(-3deg) translateY(5px) !important;
  }

  #agcg-2026-page .agcg-guide-cover-ca {
    width: 100% !important;
    transform: rotate(3deg) translateY(-4px) !important;
  }

  #agcg-2026-page .agcg-audience-grid,
  #agcg-2026-page .agcg-stats-grid,
  #agcg-2026-page .agcg-edition-grid,
  #agcg-2026-page .agcg-education-grid,
  #agcg-2026-page .agcg-live-grid,
  #agcg-2026-page .agcg-about-grid,
  #agcg-2026-page .agcg-classroom-panel {
    grid-template-columns: 1fr !important;
  }

  #agcg-2026-page .agcg-about-grid {
    gap: 18px !important;
  }

  #agcg-2026-page .agcg-card,
  #agcg-2026-page .agcg-edition-card,
  #agcg-2026-page .agcg-stat-card,
  #agcg-2026-page .agcg-education-card,
  #agcg-2026-page .agcg-note-panel,
  #agcg-2026-page .agcg-classroom-panel,
  #agcg-2026-page .agcg-live-card {
    padding: 22px !important;
  }

  #agcg-2026-page .agcg-edition-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    min-height: auto !important;
  }

  #agcg-2026-page .agcg-edition-thumb {
    position: static !important;
    order: -1 !important;
    width: 132px !important;
    max-width: 55% !important;
    margin: 0 0 18px !important;
    align-self: center !important;
  }

  #agcg-2026-page .agcg-edition-card .agcg-mini-label,
  #agcg-2026-page .agcg-edition-card .agcg-subheading,
  #agcg-2026-page .agcg-edition-card .agcg-muted-copy,
  #agcg-2026-page .agcg-edition-card .agcg-button {
    width: 100% !important;
  }

  #agcg-2026-page .agcg-live-card-wide {
    grid-column: auto !important;
  }

  #agcg-2026-page .agcg-live-card-head {
    grid-template-columns: 1fr !important;
  }

  #agcg-2026-page .agcg-live-card-head img {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
  }

  #agcg-2026-page .agcg-reader-frame {
    height: 390px !important;
  }

  #agcg-2026-page .agcg-cta-panel {
    padding: 30px 22px !important;
  }

  #agcg-2026-page .agcg-faq-item {
    text-align: center !important;
  }

  #agcg-2026-page .agcg-section:last-child {
    padding-bottom: 24px !important;
  }
}

/* =========================
   SMALL MOBILE
========================= */

@media (max-width: 420px) {
  #agcg-2026-page .agcg-shell {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  #agcg-2026-page .agcg-title {
    font-size: 36px !important;
  }

  #agcg-2026-page .agcg-heading {
    font-size: 29px !important;
  }

  #agcg-2026-page .agcg-cover-stage {
    grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.18fr) !important;
    max-width: 390px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  #agcg-2026-page .agcg-cover-stage::before {
    width: 300px !important;
  }

  #agcg-2026-page .agcg-card,
  #agcg-2026-page .agcg-edition-card,
  #agcg-2026-page .agcg-stat-card,
  #agcg-2026-page .agcg-education-card,
  #agcg-2026-page .agcg-note-panel,
  #agcg-2026-page .agcg-classroom-panel,
  #agcg-2026-page .agcg-live-card {
    padding: 18px !important;
  }

  #agcg-2026-page .agcg-edition-thumb {
    width: 120px !important;
  }

  #agcg-2026-page .agcg-reader-frame {
    height: 340px !important;
  }
}