/* =====================================================================
   Alpha-Omega CMS – Default Theme (HGC 2025 Palette + ADA Compliance)
   Version: v4.5.1-top-menu-accessibility
   © 2026 Hubbard Genesis Corporation. All rights reserved.
   Developed by Mighty Jackalope / Northern Lights Entertainment Inc.
   ===================================================================== */

/* --------------------------------------------------------------
   Color Palette Variables
   -------------------------------------------------------------- */
:root {
  --hgc-2025-1:#330000;
  --hgc-2025-2:#660000;
  --hgc-2025-3:#FFF8e8;
  --hgc-2025-4:#D6C68E; /* slightly darker for better contrast */
  --hgc-2025-5:#764916;
  --hgc-2025-6:#990000;
  --hgc-2025-7:#CC0000;
  --hgc-2025-8:#FF0000;

  --color-bg:var(--hgc-2025-1);
  --color-surface:var(--hgc-2025-3);
  --color-text:#1a1a1a;
  --color-primary:var(--hgc-2025-7);
  --color-primary-hover:var(--hgc-2025-6);
  --color-border:var(--hgc-2025-4);
  --color-focus:var(--hgc-2025-8);
}

/* --------------------------------------------------------------
   Base Typography / Body
   -------------------------------------------------------------- */
body {
  font-family:'Roboto',sans-serif;
  background-color:var(--color-surface);
  color:var(--color-text);
  line-height:1.6;
}

/* ==========================================
   Header – Dual-Tone Layout
   ========================================== */

/* ============================================================
   Top (Corporate) Menu – Full-Width Flex Layout
   ============================================================ */
.nav-top-flex {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: var(--hgc-2025-2);
  border-bottom: 2px solid var(--hgc-2025-5);
  color: var(--hgc-2025-3);
  z-index: 1000;
}

.nav-top-flex li {
  flex: 1 1 auto;
  text-align: center;
}

.nav-top-flex a {
  color: var(--hgc-2025-3);
  text-decoration: none;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.01em;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0.65rem 0.75rem;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.nav-top-flex a:hover,
.nav-top-flex a:focus-visible {
  color: var(--hgc-2025-3);
  background-color: var(--hgc-2025-1);
  outline: 3px solid var(--hgc-2025-3);
  outline-offset: -3px;
  text-decoration: underline;
}

/* Hide top menu below lg breakpoint */
@media (max-width: 991.98px) {
  .nav-top-flex,
  .top-menu,
  nav.bg-hgc-dark {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
  }
}

/* --------------------------------------------------------------
   Main Menu – Light Surface
   -------------------------------------------------------------- */
header.navbar {
  background-color:var(--hgc-2025-4);
  color:var(--hgc-2025-1);
  border-bottom:2px solid var(--hgc-2025-5);
}

header.navbar .nav-link {
  color:var(--hgc-2025-1);
  font-weight:500;
}

header.navbar .nav-link:hover,
header.navbar .nav-link:focus-visible {
  color:var(--hgc-2025-6);
}

.navbar-brand span {
  color:var(--hgc-2025-1);
}

/* --------------------------------------------------------------
   Sidebar
   -------------------------------------------------------------- */
#sidebar {
  background:var(--hgc-2025-4);
  padding:1rem;
  border-left:4px solid var(--hgc-2025-5);
}

/* ============================================================
   Subfooter – Flex-Balanced Layout (v4.5.1-balanced)
   ============================================================ */
.subfooter .footer-flex {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 2rem;
  align-items: flex-start;
}

.subfooter .footer-col {
  flex: 1 1 180px;
  max-width: 300px;
}

.subfooter a {
  color: var(--hgc-2025-1);
  text-decoration: none;
}

.subfooter a:hover,
.subfooter a:focus-visible {
  color: var(--hgc-2025-7);
  text-decoration: underline;
}

@media (max-width: 991.98px) {
  .subfooter .footer-flex {
    justify-content: space-between;
    gap: 1.5rem;
  }
}

@media (max-width: 575.98px) {
  .subfooter .footer-flex {
    flex-direction: column;
    gap: 1rem;
  }
}

/* --------------------------------------------------------------
   Footer
   -------------------------------------------------------------- */
.site-footer {
  background-color:var(--hgc-2025-1);
  color:var(--hgc-2025-3);
  text-align:center;
  padding:1rem 0;
  font-size:.9rem;
}

/* --------------------------------------------------------------
   Focus / Accessibility
   -------------------------------------------------------------- */
:focus-visible {
  outline:2px solid var(--color-focus);
  outline-offset:3px;
}

/* --------------------------------------------------------------
   Buttons – HGC 2025 Set
   -------------------------------------------------------------- */
.btn {
  display:inline-block;
  font-weight:500;
  border:none;
  border-radius:.375rem;
  padding:.5rem 1.25rem;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  transition:background-color .2s ease,color .2s ease;
}

.btn:hover,
.btn:focus-visible {
  text-decoration:none;
}

/* Primary (Crimson) */
.btn-earth-primary {
  background-color:var(--color-primary);
  color:var(--hgc-2025-3);
}

.btn-earth-primary:hover,
.btn-earth-primary:focus-visible {
  background-color:var(--color-primary-hover);
  color:var(--hgc-2025-3);
  outline:2px solid var(--color-focus);
  outline-offset:2px;
}

/* Secondary (Deep Bronze) */
.btn-earth-secondary {
  background-color:var(--hgc-2025-5);
  color:var(--hgc-2025-3);
}

.btn-earth-secondary:hover,
.btn-earth-secondary:focus-visible {
  background-color:var(--hgc-2025-4);
  color:var(--hgc-2025-1);
}

/* Outline Version */
.btn-earth-outline {
  background:transparent;
  border:2px solid var(--color-primary);
  color:var(--color-primary);
}

.btn-earth-outline:hover,
.btn-earth-outline:focus-visible {
  background-color:var(--color-primary);
  color:var(--hgc-2025-3);
  outline:2px solid var(--color-focus);
}

/* --------------------------------------------------------------
   Bootstrap Icons Fallback / Guarantee
   -------------------------------------------------------------- */
.bi::before {
  display:inline-block;
  font-family:"bootstrap-icons"!important;
  font-style:normal;
  font-weight:normal;
  font-variant:normal;
  text-transform:none;
  line-height:1;
  vertical-align:-.125em;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* =========================================================
   Accordion – HGC 2025 Palette
   ========================================================= */
.accordion-button {
  background-color:var(--hgc-2025-4);
  color:var(--hgc-2025-1);
  font-weight:500;
  border:none;
  transition:background-color .2s ease,color .2s ease;
}

.accordion-button:not(.collapsed) {
  background-color:var(--hgc-2025-7);
  color:var(--hgc-2025-3);
  box-shadow:inset 0 -1px 0 var(--hgc-2025-5);
}

.accordion-button:hover,
.accordion-button:focus-visible {
  background-color:var(--hgc-2025-6);
  color:var(--hgc-2025-3);
  outline:2px solid var(--hgc-2025-8);
  outline-offset:1px;
}

.accordion-item {
  border:1px solid var(--hgc-2025-5);
  border-radius:.375rem;
  overflow:hidden;
}

.accordion-body {
  background-color:var(--hgc-2025-3);
  color:var(--hgc-2025-1);
  border-top:1px solid var(--hgc-2025-5);
}

/* =========================================================
   Alerts – HGC 2025 Corporate Palette
   ========================================================= */
.alert {
  border-radius:.5rem;
  border-width:1px;
  font-weight:500;
  line-height:1.5;
}

.alert-success {
  background-color:var(--hgc-2025-4);
  border-color:var(--hgc-2025-5);
  color:var(--hgc-2025-1);
}

.alert-info {
  background-color:var(--hgc-2025-3);
  border-color:var(--hgc-2025-4);
  color:var(--hgc-2025-1);
}

.alert-warning {
  background-color:var(--hgc-2025-8);
  border-color:var(--hgc-2025-7);
  color:var(--hgc-2025-3);
}

.alert-secondary {
  background-color:var(--hgc-2025-4);
  border-color:var(--hgc-2025-5);
  color:var(--hgc-2025-1);
}

.alert-danger {
  background-color:var(--hgc-2025-7);
  border-color:var(--hgc-2025-6);
  color:var(--hgc-2025-3);
}

/* =========================================================
   Cards – Accessible, Stable Hover
   ========================================================= */
.card {
  border-radius:.5rem;
  box-shadow:0 3px 10px rgba(0,0,0,0.15);
  transition:box-shadow 0.25s ease-in-out,background-color 0.25s ease-in-out;
  overflow:hidden;
}

.card:hover,
.card:focus-within {
  background-color:var(--hgc-2025-3);
  box-shadow:0 6px 20px rgba(0,0,0,0.25);
}

.card .btn {
  box-shadow:0 -2px 6px rgba(0,0,0,0.25) inset;
  transition:background-color 0.25s ease-in-out,color 0.25s ease-in-out;
}

.card .btn:hover,
.card .btn:focus-visible {
  background-color:var(--color-primary);
  color:var(--hgc-2025-3);
  outline:2px solid var(--color-focus);
  outline-offset:2px;
}

/* =========================================================
   Hero / Section / Shadow Refinements
   ========================================================= */
section[aria-label="Hero Section"] img {
  box-shadow:0 4px 12px rgba(0,0,0,0.25);
}

section {
  transition:box-shadow 0.25s ease-in-out;
}

/* =========================================================
   Reduced Motion Preference
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
    transform: none !important;
    animation: none !important;
  }
}

/* =====================================================================
   HubbardGenesis.net Public Frontend Aurora Overrides
   Version: v0.1.1-top-menu-accessibility
   Scope: Frontend Default Theme Only
   ===================================================================== */

:root {
  --tap: 52px;
  --aurora-1: #22d3ee;
  --aurora-2: #3b82f6;
  --aurora-3: #6366f1;
  --aurora-4: #8b5cf6;
  --aurora-5: #d946ef;
  --aurora-6: #ec4899;
  --aurora-7: #f97316;
  --aurora-8: #eab308;
  --aurora-9: #22c55e;
  --card-radius: 1rem;

  --color-bg: #e5e7eb;
  --color-surface: #f8fafc;
  --color-text: #1a1a1a;
  --color-primary: var(--aurora-2);
  --color-primary-hover: var(--aurora-4);
  --color-border: rgba(15, 23, 42, .12);
  --color-focus: #000000;
}

body {
  font-family: Roboto, system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  background: radial-gradient(circle at top, #f8fafc, #e5e7eb);
  color: var(--color-text);
  line-height: 1.618;
}

#content {
  background: transparent;
}

#content > .container-fluid {
  max-width: 1140px;
  margin-inline: auto;
  padding-inline: 1rem;
}

.nav-top-flex {
  background: linear-gradient(
    120deg,
    var(--aurora-1),
    var(--aurora-2),
    var(--aurora-4),
    var(--aurora-6),
    var(--aurora-9)
  );
  border-bottom: 0;
}

.nav-top-flex a {
  color: #ffffff;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.01em;
  min-height: 50px;
  padding: 0.65rem 0.75rem;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
}

.nav-top-flex a:hover,
.nav-top-flex a:focus-visible {
  color: #ffffff;
  background-color: rgba(0, 0, 0, .24);
  outline: 3px solid #000000;
  outline-offset: -3px;
  text-decoration: underline;
}

header.navbar {
  background-color: rgba(255, 255, 255, .92);
  color: #111827;
  border-bottom: 1px solid rgba(15, 23, 42, .12);
  box-shadow: 0 6px 18px rgba(15, 23, 42, .08);
}

header.navbar .nav-link,
.navbar-brand span {
  color: #111827;
}

header.navbar .nav-link:hover,
header.navbar .nav-link:focus-visible {
  color: var(--aurora-4);
}

.launch-card {
  border-radius: var(--card-radius);
  border: 1px solid rgba(15, 23, 42, .10);
  box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
  transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease;
  position: relative;
  overflow: hidden;
}

.launch-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,0));
  pointer-events: none;
}

.launch-card:hover,
.launch-card:focus-within {
  transform: translateY(-6px);
  background-color: #ffffff;
  box-shadow: 0 20px 40px rgba(0,0,0,.15);
}

.launch-card a.stretched-link:focus-visible {
  outline: 3px solid #000000;
  outline-offset: 4px;
  border-radius: var(--card-radius);
}

.category-corporate { border-top: 5px solid var(--aurora-2); }
.category-ai        { border-top: 5px solid var(--aurora-4); }
.category-brand     { border-top: 5px solid var(--aurora-5); }
.category-webdev    { border-top: 5px solid var(--aurora-7); }
.category-coming    { border-top: 5px solid var(--aurora-8); }
.category-personal  { border-top: 5px solid var(--aurora-9); }
.category-infra     { border-top: 5px solid var(--aurora-1); }

.icon-bubble {
  width: 52px;
  height: 52px;
  min-width: 52px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.06);
  font-size: 1.25rem;
  flex-shrink: 0;
}

.tap,
.btn {
  min-height: var(--tap);
}

.subfooter {
  background-color: rgba(255, 255, 255, .70);
  border-top: 1px solid rgba(15, 23, 42, .10);
}

.site-footer,
footer {
  background: #020617;
  color: #cbd5f5;
}

.site-footer a,
footer a {
  color: #e0f2fe;
}

:focus-visible {
  outline: 3px solid #000000;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
    transform: none !important;
    animation: none !important;
  }
}

/* =====================================================================
   HubbardGenesis.net Top Menu Readability Correction
   Version: v0.1.3-top-menu-bold-compact
   Scope: Public frontend top corporate menu only
   ===================================================================== */

.nav-top-flex {
  padding-top: 0;
  padding-bottom: 0;
}

.nav-top-flex a {
  font-weight: 700;
  line-height: 1.2;
  min-height: auto;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.32);
}

/* Keep keyboard focus visible without adding layout height */
.nav-top-flex a:focus-visible {
  outline: 3px solid #000000;
  outline-offset: -3px;
}

/* =====================================================================
   End HubbardGenesis.net Top Menu Readability Correction
   ===================================================================== */
/* === HGC UNIVERSAL PASTEL CSS THEME START ===
   Shared HGC pastel gradient theme layer.
   CSS-only recreation inspired by approved pastel background direction.
   Applied to hubbardgenesis.dev first for validation.
=== */

:root {
  --hgc-pastel-page-bg:
    radial-gradient(circle at 12% 86%, rgba(255, 132, 229, 0.86) 0%, rgba(255, 132, 229, 0.58) 19%, transparent 44%),
    radial-gradient(circle at 20% 38%, rgba(202, 142, 242, 0.74) 0%, rgba(202, 142, 242, 0.46) 23%, transparent 50%),
    radial-gradient(circle at 74% 22%, rgba(143, 238, 151, 0.88) 0%, rgba(143, 238, 151, 0.58) 20%, transparent 47%),
    radial-gradient(circle at 91% 83%, rgba(133, 189, 239, 0.82) 0%, rgba(133, 189, 239, 0.56) 21%, transparent 48%),
    radial-gradient(circle at 52% 9%, rgba(225, 202, 156, 0.72) 0%, rgba(225, 202, 156, 0.48) 22%, transparent 49%),
    linear-gradient(135deg, #aaa2fb 0%, #ca98f1 20%, #d9aacb 45%, #98dfb8 70%, #8dbdf1 100%);

  --hgc-pastel-panel-bg: rgba(255, 255, 255, 0.84);
  --hgc-pastel-panel-strong-bg: rgba(255, 255, 255, 0.92);
  --hgc-pastel-border: rgba(255, 255, 255, 0.58);
  --hgc-pastel-shadow: 0 24px 80px rgba(40, 42, 80, 0.16);
}

html {
  min-height: 100%;
  background: var(--hgc-pastel-page-bg);
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}

body {
  min-height: 100%;
  background: transparent !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background: var(--hgc-pastel-page-bg);
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  backdrop-filter: blur(14px);
  opacity: 0.36;
}

.site-header,
header,
.navbar,
.site-footer,
footer {
  background-color: var(--hgc-pastel-panel-strong-bg) !important;
  border-color: var(--hgc-pastel-border) !important;
  backdrop-filter: blur(16px);
}

.card,
.panel,
.page-card,
.content-panel,
.site-content,
main > section,
.network-links-aurora,
.network-links-aurora__hero,
.network-links-aurora__category,
.network-links-aurora__card,
.dropdown-menu,
.modal-content,
.accordion-item {
  background-color: var(--hgc-pastel-panel-bg) !important;
  border-color: var(--hgc-pastel-border) !important;
  box-shadow: var(--hgc-pastel-shadow);
  backdrop-filter: blur(14px);
}

@media print {
  html,
  body,
  body::before,
  body::after {
    background: #ffffff !important;
    backdrop-filter: none !important;
  }

  .card,
  .panel,
  .page-card,
  .content-panel,
  .site-content,
  main > section,
  .network-links-aurora,
  .network-links-aurora__hero,
  .network-links-aurora__category,
  .network-links-aurora__card {
    background: #ffffff !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }
}

/* === HGC UNIVERSAL PASTEL CSS THEME END === */

/* === HGC NORTHERN LIGHTS BOOTSTRAP UI KIT START === */

:root {
  --hgc-nl-midnight: var(--hgc-2025-1, #102947);
  --hgc-nl-blue: var(--hgc-2025-6, #2f8fe8);
  --hgc-nl-cyan: var(--hgc-2025-3, #20d4e6);
  --hgc-nl-green: var(--hgc-2025-5, #63d8c9);
  --hgc-nl-violet: var(--hgc-2025-7, #7667e8);

  --hgc-nl-ice: #edf7ff;
  --hgc-nl-ice-2: #f7fbff;
  --hgc-nl-surface: rgba(255, 255, 255, 0.84);
  --hgc-nl-surface-strong: rgba(255, 255, 255, 0.96);
  --hgc-nl-border: rgba(47, 143, 232, 0.42);
  --hgc-nl-text: #14314f;
  --hgc-nl-muted: #526f8c;
  --hgc-nl-shadow: 0 16px 36px rgba(16, 41, 71, 0.14);
  --hgc-nl-shadow-soft: 0 8px 22px rgba(47, 143, 232, 0.18);
  --hgc-nl-radius: 1.15rem;
  --hgc-nl-radius-sm: 0.75rem;
}

/* Page atmosphere */
html body {
  color: var(--hgc-nl-text);
  background:
    radial-gradient(circle at 12% 8%, rgba(32, 212, 230, 0.22), transparent 34%),
    radial-gradient(circle at 86% 12%, rgba(118, 103, 232, 0.18), transparent 32%),
    radial-gradient(circle at 70% 82%, rgba(99, 216, 201, 0.18), transparent 30%),
    linear-gradient(135deg, var(--hgc-nl-ice), var(--hgc-nl-ice-2) 55%, #e8f6ff);
}

/* Bootstrap containers and surfaces */
.card,
.modal-content,
.dropdown-menu,
.toast,
.offcanvas,
.accordion-item,
.list-group-item {
  border: 1.5px solid var(--hgc-nl-border);
  border-radius: var(--hgc-nl-radius);
  background: var(--hgc-nl-surface);
  box-shadow: var(--hgc-nl-shadow-soft);
  backdrop-filter: blur(10px);
}

.card {
  overflow: hidden;
}

.card-header,
.card-footer,
.modal-header,
.modal-footer,
.accordion-button {
  background:
    linear-gradient(90deg, rgba(47, 143, 232, 0.16), rgba(32, 212, 230, 0.14));
  border-color: rgba(47, 143, 232, 0.24);
}

/* Header / navbar treatment */
.navbar,
.site-header,
header.main-header {
  background:
    linear-gradient(90deg, rgba(218, 236, 255, 0.9), rgba(231, 249, 255, 0.86)) !important;
  border-bottom: 1px solid rgba(47, 143, 232, 0.28);
  box-shadow: 0 8px 26px rgba(16, 41, 71, 0.08);
  backdrop-filter: blur(12px);
}

.navbar-brand,
.navbar .nav-link,
.site-header a {
  color: var(--hgc-nl-midnight);
  font-weight: 700;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus,
.site-header a:hover,
.site-header a:focus {
  color: var(--hgc-nl-blue);
}

/* Buttons */
.btn {
  border-radius: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    background-color 160ms ease,
    border-color 160ms ease;
}

.btn:hover {
  transform: translateY(-1px);
}

.btn-primary,
.btn-info,
.btn-success {
  color: #ffffff;
  border-color: transparent;
  background:
    linear-gradient(135deg, var(--hgc-nl-cyan), var(--hgc-nl-blue));
  box-shadow: var(--hgc-nl-shadow-soft);
}

.btn-primary:hover,
.btn-info:hover,
.btn-success:hover,
.btn-primary:focus,
.btn-info:focus,
.btn-success:focus {
  color: #ffffff;
  border-color: transparent;
  background:
    linear-gradient(135deg, var(--hgc-nl-green), var(--hgc-nl-blue));
  box-shadow: 0 12px 28px rgba(47, 143, 232, 0.28);
}

.btn-outline-primary,
.btn-outline-info {
  color: var(--hgc-nl-blue);
  border: 2px solid rgba(47, 143, 232, 0.72);
  background: rgba(255, 255, 255, 0.72);
}

.btn-outline-primary:hover,
.btn-outline-info:hover,
.btn-outline-primary:focus,
.btn-outline-info:focus {
  color: #ffffff;
  background:
    linear-gradient(135deg, var(--hgc-nl-cyan), var(--hgc-nl-blue));
  border-color: transparent;
}

/* Forms */
.form-control,
.form-select,
.input-group-text {
  color: var(--hgc-nl-text);
  border: 2px solid rgba(47, 143, 232, 0.58);
  border-radius: var(--hgc-nl-radius-sm);
  background-color: rgba(255, 255, 255, 0.9);
}

.form-control:focus,
.form-select:focus {
  border-color: var(--hgc-nl-cyan);
  box-shadow: 0 0 0 0.22rem rgba(32, 212, 230, 0.22);
}

.form-control::placeholder {
  color: rgba(82, 111, 140, 0.78);
}

/* Pills, badges, labels */
.badge,
.rounded-pill {
  font-weight: 700;
}

.badge.bg-primary,
.badge.text-bg-primary {
  background:
    linear-gradient(135deg, var(--hgc-nl-cyan), var(--hgc-nl-blue)) !important;
}

.badge.bg-info,
.badge.text-bg-info {
  color: var(--hgc-nl-midnight) !important;
  background: var(--hgc-nl-green) !important;
}

/* Alerts */
.alert {
  border-radius: var(--hgc-nl-radius);
  border-width: 1.5px;
  box-shadow: var(--hgc-nl-shadow-soft);
}

.alert-primary,
.alert-info {
  color: var(--hgc-nl-midnight);
  border-color: rgba(47, 143, 232, 0.35);
  background:
    linear-gradient(135deg, rgba(32, 212, 230, 0.18), rgba(47, 143, 232, 0.12));
}

/* List and menu UI */
.list-group {
  border-radius: var(--hgc-nl-radius);
}

.list-group-item {
  margin-bottom: 0.35rem;
}

.dropdown-item {
  border-radius: 0.55rem;
  font-weight: 600;
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: var(--hgc-nl-midnight);
  background: rgba(32, 212, 230, 0.16);
}

/* Icon-circle utility for UI-kit style buttons */
.hgc-icon-circle,
.icon-circle,
.feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.15rem;
  height: 3.15rem;
  border-radius: 999px;
  color: var(--hgc-nl-blue);
  background: var(--hgc-nl-surface-strong);
  border: 2px solid rgba(47, 143, 232, 0.72);
  box-shadow: var(--hgc-nl-shadow-soft);
}

/* Tables */
.table {
  color: var(--hgc-nl-text);
}

.table thead th {
  color: var(--hgc-nl-midnight);
  border-bottom-color: rgba(47, 143, 232, 0.36);
  background: rgba(47, 143, 232, 0.08);
}

/* Progress / UI accents */
.progress {
  height: 0.8rem;
  border-radius: 999px;
  background: rgba(47, 143, 232, 0.12);
}

.progress-bar {
  background:
    linear-gradient(90deg, var(--hgc-nl-cyan), var(--hgc-nl-blue), var(--hgc-nl-green));
}

/* Accessibility */
a {
  text-underline-offset: 0.18em;
}

a:focus-visible,
button:focus-visible,
.btn:focus-visible,
.form-control:focus-visible,
.form-select:focus-visible,
.nav-link:focus-visible {
  outline: 3px solid rgba(32, 212, 230, 0.8);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    transition: none !important;
    scroll-behavior: auto !important;
  }

  .btn:hover {
    transform: none;
  }
}

/* === HGC NORTHERN LIGHTS BOOTSTRAP UI KIT END === */

/* === HGC NORTHERN LIGHTS SOLID BUTTONS START === */

:root {
  --hgc-nl-button-bg: #2f6fe8;
  --hgc-nl-button-hover: #245cc7;
  --hgc-nl-button-active: #1d4ca8;
  --hgc-nl-button-border: #2f6fe8;
  --hgc-nl-button-shadow: 0 8px 18px rgba(47, 111, 232, 0.22);
}

/* Solid primary action buttons */
.btn-primary,
.btn-info,
.btn-success {
  color: #ffffff !important;
  background: var(--hgc-nl-button-bg) !important;
  background-image: none !important;
  border-color: var(--hgc-nl-button-border) !important;
  box-shadow: var(--hgc-nl-button-shadow);
}

.btn-primary:hover,
.btn-info:hover,
.btn-success:hover,
.btn-primary:focus,
.btn-info:focus,
.btn-success:focus {
  color: #ffffff !important;
  background: var(--hgc-nl-button-hover) !important;
  background-image: none !important;
  border-color: var(--hgc-nl-button-hover) !important;
}

.btn-primary:active,
.btn-info:active,
.btn-success:active,
.btn-primary.active,
.btn-info.active,
.btn-success.active,
.show > .btn-primary.dropdown-toggle,
.show > .btn-info.dropdown-toggle,
.show > .btn-success.dropdown-toggle {
  color: #ffffff !important;
  background: var(--hgc-nl-button-active) !important;
  background-image: none !important;
  border-color: var(--hgc-nl-button-active) !important;
}

/* Solid outline hover state */
.btn-outline-primary,
.btn-outline-info {
  color: var(--hgc-nl-button-bg) !important;
  border-color: var(--hgc-nl-button-bg) !important;
  background: rgba(255, 255, 255, 0.82) !important;
  background-image: none !important;
}

.btn-outline-primary:hover,
.btn-outline-info:hover,
.btn-outline-primary:focus,
.btn-outline-info:focus {
  color: #ffffff !important;
  background: var(--hgc-nl-button-bg) !important;
  background-image: none !important;
  border-color: var(--hgc-nl-button-bg) !important;
}

/* Keep disabled buttons calm and non-gradient */
.btn-primary:disabled,
.btn-info:disabled,
.btn-success:disabled,
.btn-outline-primary:disabled,
.btn-outline-info:disabled,
.btn.disabled {
  background-image: none !important;
  box-shadow: none !important;
}

/* === HGC NORTHERN LIGHTS SOLID BUTTONS END === */

/* === HGC NORTHERN LIGHTS BOOTSTRAP PALETTE START === */

:root {
  /* Northern Lights semantic palette */
  --hgc-bs-primary: #2f6fe8;
  --hgc-bs-secondary: #6d7fb8;
  --hgc-bs-success: #238d78;
  --hgc-bs-info: #168fb3;
  --hgc-bs-warning: #c98912;
  --hgc-bs-danger: #b94d69;
  --hgc-bs-light: #f7fbff;
  --hgc-bs-dark: #14314f;

  --hgc-bs-primary-rgb: 47, 111, 232;
  --hgc-bs-secondary-rgb: 109, 127, 184;
  --hgc-bs-success-rgb: 35, 141, 120;
  --hgc-bs-info-rgb: 22, 143, 179;
  --hgc-bs-warning-rgb: 201, 137, 18;
  --hgc-bs-danger-rgb: 185, 77, 105;
  --hgc-bs-light-rgb: 247, 251, 255;
  --hgc-bs-dark-rgb: 20, 49, 79;

  /* Bootstrap variable remap */
  --bs-primary: var(--hgc-bs-primary);
  --bs-secondary: var(--hgc-bs-secondary);
  --bs-success: var(--hgc-bs-success);
  --bs-info: var(--hgc-bs-info);
  --bs-warning: var(--hgc-bs-warning);
  --bs-danger: var(--hgc-bs-danger);
  --bs-light: var(--hgc-bs-light);
  --bs-dark: var(--hgc-bs-dark);

  --bs-primary-rgb: var(--hgc-bs-primary-rgb);
  --bs-secondary-rgb: var(--hgc-bs-secondary-rgb);
  --bs-success-rgb: var(--hgc-bs-success-rgb);
  --bs-info-rgb: var(--hgc-bs-info-rgb);
  --bs-warning-rgb: var(--hgc-bs-warning-rgb);
  --bs-danger-rgb: var(--hgc-bs-danger-rgb);
  --bs-light-rgb: var(--hgc-bs-light-rgb);
  --bs-dark-rgb: var(--hgc-bs-dark-rgb);

  --bs-link-color: var(--hgc-bs-primary);
  --bs-link-color-rgb: var(--hgc-bs-primary-rgb);
  --bs-link-hover-color: #245cc7;
  --bs-link-hover-color-rgb: 36, 92, 199;

  --bs-border-color: rgba(var(--hgc-bs-primary-rgb), 0.28);
  --bs-body-color: var(--hgc-bs-dark);
}

/* Remove Bootstrap default visual noise from themed components */
.btn,
.badge,
.alert,
.progress-bar,
.card-header,
.card-footer,
.modal-header,
.modal-footer,
.accordion-button,
.list-group-item.active,
.dropdown-item.active,
.dropdown-item:active,
.page-link,
.nav-pills .nav-link {
  background-image: none !important;
}

/* Solid buttons: all standard Bootstrap variants */
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--hgc-bs-primary);
  --bs-btn-border-color: var(--hgc-bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #245cc7;
  --bs-btn-hover-border-color: #245cc7;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1d4ca8;
  --bs-btn-active-border-color: #1d4ca8;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgba(var(--hgc-bs-primary-rgb), 0.58);
  --bs-btn-disabled-border-color: rgba(var(--hgc-bs-primary-rgb), 0.18);
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--hgc-bs-secondary);
  --bs-btn-border-color: var(--hgc-bs-secondary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #596a9e;
  --bs-btn-hover-border-color: #596a9e;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4a5a88;
  --bs-btn-active-border-color: #4a5a88;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--hgc-bs-success);
  --bs-btn-border-color: var(--hgc-bs-success);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1d7664;
  --bs-btn-hover-border-color: #1d7664;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #176052;
  --bs-btn-active-border-color: #176052;
}

.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--hgc-bs-info);
  --bs-btn-border-color: var(--hgc-bs-info);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #117894;
  --bs-btn-hover-border-color: #117894;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6077;
  --bs-btn-active-border-color: #0d6077;
}

.btn-warning {
  --bs-btn-color: #14314f;
  --bs-btn-bg: var(--hgc-bs-warning);
  --bs-btn-border-color: var(--hgc-bs-warning);
  --bs-btn-hover-color: #14314f;
  --bs-btn-hover-bg: #b1760c;
  --bs-btn-hover-border-color: #b1760c;
  --bs-btn-active-color: #14314f;
  --bs-btn-active-bg: #955f08;
  --bs-btn-active-border-color: #955f08;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--hgc-bs-danger);
  --bs-btn-border-color: var(--hgc-bs-danger);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #9f4058;
  --bs-btn-hover-border-color: #9f4058;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #843548;
  --bs-btn-active-border-color: #843548;
}

.btn-light {
  --bs-btn-color: var(--hgc-bs-dark);
  --bs-btn-bg: var(--hgc-bs-light);
  --bs-btn-border-color: rgba(var(--hgc-bs-primary-rgb), 0.22);
  --bs-btn-hover-color: var(--hgc-bs-dark);
  --bs-btn-hover-bg: #e8f4ff;
  --bs-btn-hover-border-color: rgba(var(--hgc-bs-primary-rgb), 0.38);
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--hgc-bs-dark);
  --bs-btn-border-color: var(--hgc-bs-dark);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0f253d;
  --bs-btn-hover-border-color: #0f253d;
}

/* Outline buttons */
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-success,
.btn-outline-info,
.btn-outline-warning,
.btn-outline-danger,
.btn-outline-dark {
  background-color: rgba(255, 255, 255, 0.76) !important;
  background-image: none !important;
}

.btn-outline-primary {
  --bs-btn-color: var(--hgc-bs-primary);
  --bs-btn-border-color: var(--hgc-bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--hgc-bs-primary);
  --bs-btn-hover-border-color: var(--hgc-bs-primary);
}

.btn-outline-secondary {
  --bs-btn-color: var(--hgc-bs-secondary);
  --bs-btn-border-color: var(--hgc-bs-secondary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--hgc-bs-secondary);
  --bs-btn-hover-border-color: var(--hgc-bs-secondary);
}

.btn-outline-success {
  --bs-btn-color: var(--hgc-bs-success);
  --bs-btn-border-color: var(--hgc-bs-success);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--hgc-bs-success);
  --bs-btn-hover-border-color: var(--hgc-bs-success);
}

.btn-outline-info {
  --bs-btn-color: var(--hgc-bs-info);
  --bs-btn-border-color: var(--hgc-bs-info);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--hgc-bs-info);
  --bs-btn-hover-border-color: var(--hgc-bs-info);
}

.btn-outline-warning {
  --bs-btn-color: #7a4c00;
  --bs-btn-border-color: var(--hgc-bs-warning);
  --bs-btn-hover-color: #14314f;
  --bs-btn-hover-bg: var(--hgc-bs-warning);
  --bs-btn-hover-border-color: var(--hgc-bs-warning);
}

.btn-outline-danger {
  --bs-btn-color: var(--hgc-bs-danger);
  --bs-btn-border-color: var(--hgc-bs-danger);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--hgc-bs-danger);
  --bs-btn-hover-border-color: var(--hgc-bs-danger);
}

.btn-outline-dark {
  --bs-btn-color: var(--hgc-bs-dark);
  --bs-btn-border-color: var(--hgc-bs-dark);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--hgc-bs-dark);
  --bs-btn-hover-border-color: var(--hgc-bs-dark);
}

/* Text utilities */
.text-primary { color: var(--hgc-bs-primary) !important; }
.text-secondary { color: var(--hgc-bs-secondary) !important; }
.text-success { color: var(--hgc-bs-success) !important; }
.text-info { color: var(--hgc-bs-info) !important; }
.text-warning { color: #7a4c00 !important; }
.text-danger { color: var(--hgc-bs-danger) !important; }
.text-dark { color: var(--hgc-bs-dark) !important; }

/* Background utilities */
.bg-primary,
.text-bg-primary {
  color: #fff !important;
  background-color: var(--hgc-bs-primary) !important;
}

.bg-secondary,
.text-bg-secondary {
  color: #fff !important;
  background-color: var(--hgc-bs-secondary) !important;
}

.bg-success,
.text-bg-success {
  color: #fff !important;
  background-color: var(--hgc-bs-success) !important;
}

.bg-info,
.text-bg-info {
  color: #fff !important;
  background-color: var(--hgc-bs-info) !important;
}

.bg-warning,
.text-bg-warning {
  color: #14314f !important;
  background-color: var(--hgc-bs-warning) !important;
}

.bg-danger,
.text-bg-danger {
  color: #fff !important;
  background-color: var(--hgc-bs-danger) !important;
}

.bg-light,
.text-bg-light {
  color: var(--hgc-bs-dark) !important;
  background-color: var(--hgc-bs-light) !important;
}

.bg-dark,
.text-bg-dark {
  color: #fff !important;
  background-color: var(--hgc-bs-dark) !important;
}

/* Badges */
.badge {
  border: 1px solid rgba(255, 255, 255, 0.35);
  box-shadow: 0 4px 10px rgba(20, 49, 79, 0.12);
}

/* Alerts: Northern Lights subtle solids */
.alert-primary {
  color: #183a72;
  background-color: rgba(var(--hgc-bs-primary-rgb), 0.14);
  border-color: rgba(var(--hgc-bs-primary-rgb), 0.38);
}

.alert-secondary {
  color: #33406d;
  background-color: rgba(var(--hgc-bs-secondary-rgb), 0.14);
  border-color: rgba(var(--hgc-bs-secondary-rgb), 0.36);
}

.alert-success {
  color: #155f51;
  background-color: rgba(var(--hgc-bs-success-rgb), 0.14);
  border-color: rgba(var(--hgc-bs-success-rgb), 0.36);
}

.alert-info {
  color: #0b5d76;
  background-color: rgba(var(--hgc-bs-info-rgb), 0.14);
  border-color: rgba(var(--hgc-bs-info-rgb), 0.36);
}

.alert-warning {
  color: #654000;
  background-color: rgba(var(--hgc-bs-warning-rgb), 0.18);
  border-color: rgba(var(--hgc-bs-warning-rgb), 0.42);
}

.alert-danger {
  color: #743044;
  background-color: rgba(var(--hgc-bs-danger-rgb), 0.14);
  border-color: rgba(var(--hgc-bs-danger-rgb), 0.36);
}

.alert-light {
  color: var(--hgc-bs-dark);
  background-color: rgba(255, 255, 255, 0.82);
  border-color: rgba(var(--hgc-bs-primary-rgb), 0.2);
}

.alert-dark {
  color: #fff;
  background-color: rgba(var(--hgc-bs-dark-rgb), 0.88);
  border-color: rgba(var(--hgc-bs-dark-rgb), 0.92);
}

/* Progress */
.progress {
  background-color: rgba(var(--hgc-bs-primary-rgb), 0.13) !important;
}

.progress-bar {
  color: #fff;
  background-color: var(--hgc-bs-primary) !important;
}

/* Navigation and pagination */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.page-item.active .page-link,
.list-group-item.active,
.dropdown-item.active,
.dropdown-item:active {
  color: #fff !important;
  background-color: var(--hgc-bs-primary) !important;
  border-color: var(--hgc-bs-primary) !important;
}

.page-link {
  color: var(--hgc-bs-primary);
  background-color: rgba(255, 255, 255, 0.82);
  border-color: rgba(var(--hgc-bs-primary-rgb), 0.32);
}

.page-link:hover,
.page-link:focus {
  color: #fff;
  background-color: var(--hgc-bs-primary);
  border-color: var(--hgc-bs-primary);
}

/* Component chrome: no gradient headers */
.card-header,
.card-footer,
.modal-header,
.modal-footer,
.accordion-button:not(.collapsed),
.accordion-button {
  background-color: rgba(var(--hgc-bs-primary-rgb), 0.09) !important;
  background-image: none !important;
  border-color: rgba(var(--hgc-bs-primary-rgb), 0.22) !important;
}

.accordion-button:not(.collapsed) {
  color: var(--hgc-bs-dark);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 rgba(var(--hgc-bs-primary-rgb), 0.22);
}

.form-check-input:checked {
  background-color: var(--hgc-bs-primary);
  border-color: var(--hgc-bs-primary);
}

.spinner-border.text-primary,
.spinner-grow.text-primary {
  color: var(--hgc-bs-primary) !important;
}

/* Hard stop for themed Bootstrap controls */
.btn,
.badge,
.alert,
.progress-bar,
.card-header,
.card-footer,
.modal-header,
.modal-footer,
.accordion-button,
.list-group-item.active,
.dropdown-item.active,
.dropdown-item:active,
.page-link,
.nav-pills .nav-link {
  background-image: none !important;
}

/* === HGC NORTHERN LIGHTS BOOTSTRAP PALETTE END === */

/* === HGC MAIN WHITE PANEL START === */

#content.hgc-site-main {
  width: min(calc(100% - 2rem), 1600px);
  margin: clamp(1rem, 2vw, 2rem) auto;
  background-color: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(47, 111, 232, 0.22);
  border-radius: 1.5rem;
  box-shadow: 0 18px 42px rgba(20, 49, 79, 0.16);
  backdrop-filter: blur(10px);
  overflow: hidden;
}

/* Keep inner Bootstrap layout from touching rounded panel edges */
#content.hgc-site-main > .container-fluid {
  padding-left: clamp(1rem, 2vw, 2rem);
  padding-right: clamp(1rem, 2vw, 2rem);
}

/* Mobile: preserve breathing room without crowding */
@media (max-width: 575.98px) {
  #content.hgc-site-main {
    width: calc(100% - 1rem);
    margin: 0.5rem auto 1rem;
    border-radius: 1rem;
  }
}

/* === HGC MAIN WHITE PANEL END === */

/* === HGC WCAG SURFACE ACCESSIBILITY PASS START === */

:root {
  --hgc-accessible-text: #14314f;
  --hgc-accessible-text-strong: #0f253d;
  --hgc-accessible-muted: #2e526f;
  --hgc-accessible-link: #1d4ca8;
  --hgc-accessible-link-hover: #0f347f;
  --hgc-accessible-surface: rgba(255, 255, 255, 0.94);
  --hgc-accessible-surface-soft: rgba(255, 255, 255, 0.88);
  --hgc-accessible-border: rgba(29, 76, 168, 0.34);
  --hgc-accessible-focus: #0b5d76;
}

/* Main readable panel */
#content.hgc-site-main {
  background-color: rgba(255, 255, 255, 0.72) !important;
  color: var(--hgc-accessible-text);
}

/* General readable text */
#content,
#content .page-content,
#content p,
#content li,
#content td,
#content th,
#content label,
#content .form-label,
#content .card-text,
#content .blockquote,
#content .accordion-body,
#content .toast-body,
#content .modal-body {
  color: var(--hgc-accessible-text);
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content strong,
#content .fw-bold {
  color: var(--hgc-accessible-text-strong);
}

#content .text-muted,
#content .figure-caption,
#content figcaption,
#content small,
#content .small,
#content .blockquote-footer {
  color: var(--hgc-accessible-muted) !important;
}

/* Links must remain visibly distinct */
#content a,
footer a,
.site-footer a,
.subfooter a {
  color: var(--hgc-accessible-link);
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.18em;
}

#content a:hover,
#content a:focus,
footer a:hover,
footer a:focus,
.site-footer a:hover,
.site-footer a:focus,
.subfooter a:hover,
.subfooter a:focus {
  color: var(--hgc-accessible-link-hover);
  text-decoration: underline;
}

/* Solid readable surfaces over aurora background */
.card,
.modal-content,
.dropdown-menu,
.toast,
.accordion-item,
.list-group-item,
.table-responsive,
form.card,
blockquote,
figure.card {
  color: var(--hgc-accessible-text);
  background-color: var(--hgc-accessible-surface) !important;
  background-image: none !important;
  border-color: var(--hgc-accessible-border) !important;
}

.card-header,
.card-footer,
.modal-header,
.modal-footer,
.accordion-button,
.accordion-button:not(.collapsed),
.toast-header {
  color: var(--hgc-accessible-text-strong);
  background-color: var(--hgc-accessible-surface-soft) !important;
  background-image: none !important;
  border-color: var(--hgc-accessible-border) !important;
}

/* Forms */
.form-control,
.form-select,
.input-group-text {
  min-height: 44px;
  color: var(--hgc-accessible-text);
  background-color: rgba(255, 255, 255, 0.96) !important;
  border-color: rgba(29, 76, 168, 0.54) !important;
}

.form-control::placeholder {
  color: #536b83;
  opacity: 1;
}

/* Target size and keyboard usability */
.btn,
.nav-link,
.dropdown-item,
.page-link,
.list-group-item-action,
.form-check-input {
  min-height: 44px;
}

.btn,
.nav-link,
.dropdown-item,
.page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.form-check-input {
  min-width: 24px;
  min-height: 24px;
}

/* Strong visible focus state */
a:focus-visible,
button:focus-visible,
.btn:focus-visible,
.nav-link:focus-visible,
.dropdown-item:focus-visible,
.page-link:focus-visible,
.form-control:focus-visible,
.form-select:focus-visible,
.form-check-input:focus-visible,
.accordion-button:focus-visible {
  outline: 3px solid var(--hgc-accessible-focus) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 0.24rem rgba(11, 93, 118, 0.22) !important;
}

/* Footer readability */
footer,
.site-footer,
.subfooter,
.footer {
  color: var(--hgc-accessible-text-strong) !important;
  background-color: rgba(255, 255, 255, 0.9) !important;
  background-image: none !important;
  border-top: 1px solid var(--hgc-accessible-border);
  font-size: 0.98rem;
  line-height: 1.65;
}

footer *,
.site-footer *,
.subfooter *,
.footer * {
  color: inherit;
}

footer .text-muted,
.site-footer .text-muted,
.subfooter .text-muted,
.footer .text-muted {
  color: var(--hgc-accessible-muted) !important;
}

/* Footer links need clear hit area without forcing inline body links */
footer a,
.site-footer a,
.subfooter a,
.footer a {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
}

/* Keep decorative translucency away from text-heavy components */
.alert {
  background-image: none !important;
  color: var(--hgc-accessible-text-strong);
}

.table {
  color: var(--hgc-accessible-text);
}

.table caption {
  color: var(--hgc-accessible-muted);
}

/* Reduced motion safety */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}

/* === HGC WCAG SURFACE ACCESSIBILITY PASS END === */

/* === HGC AURORA SOLID UI FINAL PASS START === */

:root {
  /* Broader Northern Lights Bootstrap spectrum */
  --hgc-bs-primary: #2563eb;     /* aurora blue */
  --hgc-bs-secondary: #7c3aed;   /* aurora violet */
  --hgc-bs-success: #0f766e;     /* deep teal */
  --hgc-bs-info: #0891b2;        /* cyan blue */
  --hgc-bs-warning: #ffd166;     /* aurora gold, not brown */
  --hgc-bs-danger: #db2777;      /* magenta rose */
  --hgc-bs-light: #f8fbff;       /* ice */
  --hgc-bs-dark: #0f2544;        /* midnight */

  --hgc-bs-primary-rgb: 37, 99, 235;
  --hgc-bs-secondary-rgb: 124, 58, 237;
  --hgc-bs-success-rgb: 15, 118, 110;
  --hgc-bs-info-rgb: 8, 145, 178;
  --hgc-bs-warning-rgb: 255, 209, 102;
  --hgc-bs-danger-rgb: 219, 39, 119;
  --hgc-bs-light-rgb: 248, 251, 255;
  --hgc-bs-dark-rgb: 15, 37, 68;

  --bs-primary: var(--hgc-bs-primary);
  --bs-secondary: var(--hgc-bs-secondary);
  --bs-success: var(--hgc-bs-success);
  --bs-info: var(--hgc-bs-info);
  --bs-warning: var(--hgc-bs-warning);
  --bs-danger: var(--hgc-bs-danger);
  --bs-light: var(--hgc-bs-light);
  --bs-dark: var(--hgc-bs-dark);

  --bs-primary-rgb: var(--hgc-bs-primary-rgb);
  --bs-secondary-rgb: var(--hgc-bs-secondary-rgb);
  --bs-success-rgb: var(--hgc-bs-success-rgb);
  --bs-info-rgb: var(--hgc-bs-info-rgb);
  --bs-warning-rgb: var(--hgc-bs-warning-rgb);
  --bs-danger-rgb: var(--hgc-bs-danger-rgb);
  --bs-light-rgb: var(--hgc-bs-light-rgb);
  --bs-dark-rgb: var(--hgc-bs-dark-rgb);

  --bs-link-color: var(--hgc-bs-primary);
  --bs-link-hover-color: #1e40af;
  --bs-body-color: #102947;
}

/* Reduce background bleed-through inside the readable main panel */
#content.hgc-site-main {
  background-color: rgba(255, 255, 255, 0.84) !important;
}

/* Global hard stop: no gradients or background images on UI controls/surfaces */
.btn,
.badge,
.alert,
.card,
.card-header,
.card-footer,
.modal-content,
.modal-header,
.modal-footer,
.dropdown-menu,
.dropdown-item,
.toast,
.toast-header,
.accordion-item,
.accordion-button,
.list-group-item,
.progress,
.progress-bar,
.page-link,
.nav-pills .nav-link,
.table-responsive,
.form-control,
.form-select,
.input-group-text,
.hgc-icon-circle,
.icon-circle,
.feature-icon {
  background-image: none !important;
}

/* Button base */
.btn {
  border-width: 1px;
  box-shadow: 0 8px 18px rgba(15, 37, 68, 0.14);
}

/* Solid button colors */
.btn-primary {
  color: #fff !important;
  background-color: var(--hgc-bs-primary) !important;
  border-color: var(--hgc-bs-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
}

.btn-secondary {
  color: #fff !important;
  background-color: var(--hgc-bs-secondary) !important;
  border-color: var(--hgc-bs-secondary) !important;
}

.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #6d28d9 !important;
  border-color: #6d28d9 !important;
}

.btn-success {
  color: #fff !important;
  background-color: var(--hgc-bs-success) !important;
  border-color: var(--hgc-bs-success) !important;
}

.btn-success:hover,
.btn-success:focus {
  background-color: #0d665f !important;
  border-color: #0d665f !important;
}

.btn-info {
  color: #fff !important;
  background-color: var(--hgc-bs-info) !important;
  border-color: var(--hgc-bs-info) !important;
}

.btn-info:hover,
.btn-info:focus {
  background-color: #0e7490 !important;
  border-color: #0e7490 !important;
}

.btn-warning {
  color: #102947 !important;
  background-color: var(--hgc-bs-warning) !important;
  border-color: var(--hgc-bs-warning) !important;
}

.btn-warning:hover,
.btn-warning:focus {
  color: #102947 !important;
  background-color: #ffc43d !important;
  border-color: #ffc43d !important;
}

.btn-danger {
  color: #fff !important;
  background-color: var(--hgc-bs-danger) !important;
  border-color: var(--hgc-bs-danger) !important;
}

.btn-danger:hover,
.btn-danger:focus {
  background-color: #be185d !important;
  border-color: #be185d !important;
}

.btn-light {
  color: #102947 !important;
  background-color: var(--hgc-bs-light) !important;
  border-color: rgba(37, 99, 235, 0.28) !important;
}

.btn-dark {
  color: #fff !important;
  background-color: var(--hgc-bs-dark) !important;
  border-color: var(--hgc-bs-dark) !important;
}

/* Outline buttons */
.btn-outline-primary {
  color: var(--hgc-bs-primary) !important;
  border-color: var(--hgc-bs-primary) !important;
}

.btn-outline-secondary {
  color: var(--hgc-bs-secondary) !important;
  border-color: var(--hgc-bs-secondary) !important;
}

.btn-outline-success {
  color: var(--hgc-bs-success) !important;
  border-color: var(--hgc-bs-success) !important;
}

.btn-outline-info {
  color: var(--hgc-bs-info) !important;
  border-color: var(--hgc-bs-info) !important;
}

.btn-outline-warning {
  color: #7a4c00 !important;
  border-color: #d99a00 !important;
}

.btn-outline-danger {
  color: var(--hgc-bs-danger) !important;
  border-color: var(--hgc-bs-danger) !important;
}

.btn-outline-dark {
  color: var(--hgc-bs-dark) !important;
  border-color: var(--hgc-bs-dark) !important;
}

.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-success,
.btn-outline-info,
.btn-outline-warning,
.btn-outline-danger,
.btn-outline-dark {
  background-color: #fff !important;
}

.btn-outline-primary:hover,
.btn-outline-secondary:hover,
.btn-outline-success:hover,
.btn-outline-info:hover,
.btn-outline-danger:hover,
.btn-outline-dark:hover,
.btn-outline-primary:focus,
.btn-outline-secondary:focus,
.btn-outline-success:focus,
.btn-outline-info:focus,
.btn-outline-danger:focus,
.btn-outline-dark:focus {
  color: #fff !important;
}

.btn-outline-warning:hover,
.btn-outline-warning:focus {
  color: #102947 !important;
  background-color: var(--hgc-bs-warning) !important;
  border-color: var(--hgc-bs-warning) !important;
}

/* Solid text/background utilities */
.bg-primary,
.text-bg-primary {
  color: #fff !important;
  background-color: var(--hgc-bs-primary) !important;
}

.bg-secondary,
.text-bg-secondary {
  color: #fff !important;
  background-color: var(--hgc-bs-secondary) !important;
}

.bg-success,
.text-bg-success {
  color: #fff !important;
  background-color: var(--hgc-bs-success) !important;
}

.bg-info,
.text-bg-info {
  color: #fff !important;
  background-color: var(--hgc-bs-info) !important;
}

.bg-warning,
.text-bg-warning {
  color: #102947 !important;
  background-color: var(--hgc-bs-warning) !important;
}

.bg-danger,
.text-bg-danger {
  color: #fff !important;
  background-color: var(--hgc-bs-danger) !important;
}

.bg-light,
.text-bg-light {
  color: #102947 !important;
  background-color: var(--hgc-bs-light) !important;
}

.bg-dark,
.text-bg-dark {
  color: #fff !important;
  background-color: var(--hgc-bs-dark) !important;
}

/* More opaque, readable component surfaces */
.card,
.modal-content,
.dropdown-menu,
.toast,
.accordion-item,
.list-group-item,
.table-responsive,
form.card,
blockquote,
figure.card {
  background-color: #ffffff !important;
  border-color: rgba(37, 99, 235, 0.28) !important;
}

.card-header,
.card-footer,
.modal-header,
.modal-footer,
.toast-header,
.accordion-button {
  color: #102947 !important;
  background-color: #eef6ff !important;
  border-color: rgba(37, 99, 235, 0.24) !important;
}

.accordion-button:not(.collapsed),
.list-group-item.active,
.dropdown-item.active,
.dropdown-item:active,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.page-item.active .page-link {
  color: #fff !important;
  background-color: var(--hgc-bs-primary) !important;
  border-color: var(--hgc-bs-primary) !important;
}

/* Alerts as solid readable tints */
.alert-primary {
  color: #102947 !important;
  background-color: #dbeafe !important;
  border-color: #93c5fd !important;
}

.alert-secondary {
  color: #24114f !important;
  background-color: #ede9fe !important;
  border-color: #c4b5fd !important;
}

.alert-success {
  color: #083f3a !important;
  background-color: #ccfbf1 !important;
  border-color: #5eead4 !important;
}

.alert-info {
  color: #083344 !important;
  background-color: #cffafe !important;
  border-color: #67e8f9 !important;
}

.alert-warning {
  color: #4a3400 !important;
  background-color: #fff3c4 !important;
  border-color: #ffd166 !important;
}

.alert-danger {
  color: #5f1239 !important;
  background-color: #fce7f3 !important;
  border-color: #f9a8d4 !important;
}

/* Progress and spinner */
.progress {
  background-color: #dbeafe !important;
}

.progress-bar {
  background-color: var(--hgc-bs-primary) !important;
}

/* Icon circles: white surface, colored border, no gradient */
.hgc-icon-circle,
.icon-circle,
.feature-icon {
  color: var(--hgc-bs-primary) !important;
  background-color: #ffffff !important;
  border-color: rgba(37, 99, 235, 0.58) !important;
}

/* Footer remains solid/readable */
footer,
.site-footer,
.subfooter,
.footer {
  background-color: rgba(255, 255, 255, 0.94) !important;
  background-image: none !important;
}

/* === HGC AURORA SOLID UI FINAL PASS END === */

/* === HGC NO-GRADIENT UI LOCK START === */

/*
  Preserve aurora page background.
  Remove gradients from Bootstrap/UI surfaces only.
*/

:root {
  --hgc-solid-primary: #2563eb;
  --hgc-solid-secondary: #7c3aed;
  --hgc-solid-success: #0f766e;
  --hgc-solid-info: #0891b2;
  --hgc-solid-warning: #ffd166;
  --hgc-solid-danger: #db2777;
  --hgc-solid-light: #f8fbff;
  --hgc-solid-dark: #0f2544;
  --hgc-solid-panel: rgba(255, 255, 255, 0.86);
  --hgc-solid-surface: #ffffff;
  --hgc-solid-header: #eef6ff;
  --hgc-solid-border: rgba(37, 99, 235, 0.28);
}

/* Header / nav: solid, no gradient */
.navbar,
.site-header,
header.main-header,
body > header,
header[role="banner"] {
  background: rgba(255, 255, 255, 0.94) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--hgc-solid-border) !important;
}

/* Main readable panel */
#content.hgc-site-main {
  background: var(--hgc-solid-panel) !important;
  background-image: none !important;
}

/* Standard readable surfaces */
.card,
.modal-content,
.dropdown-menu,
.toast,
.accordion-item,
.list-group-item,
.table-responsive,
form.card,
blockquote,
figure.card,
.offcanvas {
  background: var(--hgc-solid-surface) !important;
  background-image: none !important;
  border-color: var(--hgc-solid-border) !important;
}

/* Header/footer strips inside components */
.card-header,
.card-footer,
.modal-header,
.modal-footer,
.toast-header,
.accordion-button,
.accordion-button:not(.collapsed),
.input-group-text {
  color: var(--hgc-solid-dark) !important;
  background: var(--hgc-solid-header) !important;
  background-image: none !important;
  border-color: var(--hgc-solid-border) !important;
}

/* Buttons: solid broader spectrum */
.btn-primary {
  color: #fff !important;
  background: var(--hgc-solid-primary) !important;
  border-color: var(--hgc-solid-primary) !important;
}

.btn-secondary {
  color: #fff !important;
  background: var(--hgc-solid-secondary) !important;
  border-color: var(--hgc-solid-secondary) !important;
}

.btn-success {
  color: #fff !important;
  background: var(--hgc-solid-success) !important;
  border-color: var(--hgc-solid-success) !important;
}

.btn-info {
  color: #fff !important;
  background: var(--hgc-solid-info) !important;
  border-color: var(--hgc-solid-info) !important;
}

.btn-warning {
  color: #102947 !important;
  background: var(--hgc-solid-warning) !important;
  border-color: var(--hgc-solid-warning) !important;
}

.btn-danger {
  color: #fff !important;
  background: var(--hgc-solid-danger) !important;
  border-color: var(--hgc-solid-danger) !important;
}

.btn-light {
  color: #102947 !important;
  background: var(--hgc-solid-light) !important;
  border-color: var(--hgc-solid-border) !important;
}

.btn-dark {
  color: #fff !important;
  background: var(--hgc-solid-dark) !important;
  border-color: var(--hgc-solid-dark) !important;
}

/* Button hover states */
.btn-primary:hover,
.btn-primary:focus {
  background: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
}

.btn-secondary:hover,
.btn-secondary:focus {
  background: #6d28d9 !important;
  border-color: #6d28d9 !important;
}

.btn-success:hover,
.btn-success:focus {
  background: #0d665f !important;
  border-color: #0d665f !important;
}

.btn-info:hover,
.btn-info:focus {
  background: #0e7490 !important;
  border-color: #0e7490 !important;
}

.btn-warning:hover,
.btn-warning:focus {
  color: #102947 !important;
  background: #ffc43d !important;
  border-color: #ffc43d !important;
}

.btn-danger:hover,
.btn-danger:focus {
  background: #be185d !important;
  border-color: #be185d !important;
}

.btn-dark:hover,
.btn-dark:focus {
  background: #0b1f3a !important;
  border-color: #0b1f3a !important;
}

/* Outline buttons: solid white base, solid hover */
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-success,
.btn-outline-info,
.btn-outline-warning,
.btn-outline-danger,
.btn-outline-dark {
  background: #ffffff !important;
  background-image: none !important;
}

.btn-outline-primary { color: var(--hgc-solid-primary) !important; border-color: var(--hgc-solid-primary) !important; }
.btn-outline-secondary { color: var(--hgc-solid-secondary) !important; border-color: var(--hgc-solid-secondary) !important; }
.btn-outline-success { color: var(--hgc-solid-success) !important; border-color: var(--hgc-solid-success) !important; }
.btn-outline-info { color: var(--hgc-solid-info) !important; border-color: var(--hgc-solid-info) !important; }
.btn-outline-warning { color: #6b4700 !important; border-color: #d99a00 !important; }
.btn-outline-danger { color: var(--hgc-solid-danger) !important; border-color: var(--hgc-solid-danger) !important; }
.btn-outline-dark { color: var(--hgc-solid-dark) !important; border-color: var(--hgc-solid-dark) !important; }

.btn-outline-primary:hover,
.btn-outline-primary:focus { color: #fff !important; background: var(--hgc-solid-primary) !important; }

.btn-outline-secondary:hover,
.btn-outline-secondary:focus { color: #fff !important; background: var(--hgc-solid-secondary) !important; }

.btn-outline-success:hover,
.btn-outline-success:focus { color: #fff !important; background: var(--hgc-solid-success) !important; }

.btn-outline-info:hover,
.btn-outline-info:focus { color: #fff !important; background: var(--hgc-solid-info) !important; }

.btn-outline-warning:hover,
.btn-outline-warning:focus { color: #102947 !important; background: var(--hgc-solid-warning) !important; }

.btn-outline-danger:hover,
.btn-outline-danger:focus { color: #fff !important; background: var(--hgc-solid-danger) !important; }

.btn-outline-dark:hover,
.btn-outline-dark:focus { color: #fff !important; background: var(--hgc-solid-dark) !important; }

/* Badges and utility backgrounds */
.bg-primary,
.text-bg-primary,
.badge.bg-primary { color: #fff !important; background: var(--hgc-solid-primary) !important; }

.bg-secondary,
.text-bg-secondary,
.badge.bg-secondary { color: #fff !important; background: var(--hgc-solid-secondary) !important; }

.bg-success,
.text-bg-success,
.badge.bg-success { color: #fff !important; background: var(--hgc-solid-success) !important; }

.bg-info,
.text-bg-info,
.badge.bg-info { color: #fff !important; background: var(--hgc-solid-info) !important; }

.bg-warning,
.text-bg-warning,
.badge.bg-warning { color: #102947 !important; background: var(--hgc-solid-warning) !important; }

.bg-danger,
.text-bg-danger,
.badge.bg-danger { color: #fff !important; background: var(--hgc-solid-danger) !important; }

.bg-light,
.text-bg-light,
.badge.bg-light { color: #102947 !important; background: var(--hgc-solid-light) !important; }

.bg-dark,
.text-bg-dark,
.badge.bg-dark { color: #fff !important; background: var(--hgc-solid-dark) !important; }

/* Alerts: solid accessible tints */
.alert-primary { color: #102947 !important; background: #dbeafe !important; border-color: #93c5fd !important; }
.alert-secondary { color: #24114f !important; background: #ede9fe !important; border-color: #c4b5fd !important; }
.alert-success { color: #083f3a !important; background: #ccfbf1 !important; border-color: #5eead4 !important; }
.alert-info { color: #083344 !important; background: #cffafe !important; border-color: #67e8f9 !important; }
.alert-warning { color: #4a3400 !important; background: #fff3c4 !important; border-color: #ffd166 !important; }
.alert-danger { color: #5f1239 !important; background: #fce7f3 !important; border-color: #f9a8d4 !important; }

/* Progress, pagination, active states */
.progress {
  background: #dbeafe !important;
  background-image: none !important;
}

.progress-bar {
  color: #fff !important;
  background: var(--hgc-solid-primary) !important;
  background-image: none !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.page-item.active .page-link,
.list-group-item.active,
.dropdown-item.active,
.dropdown-item:active {
  color: #fff !important;
  background: var(--hgc-solid-primary) !important;
  background-image: none !important;
  border-color: var(--hgc-solid-primary) !important;
}

.page-link {
  color: var(--hgc-solid-primary) !important;
  background: #ffffff !important;
  background-image: none !important;
  border-color: var(--hgc-solid-border) !important;
}

/* Forms and icon circles */
.form-control,
.form-select,
.input-group-text {
  background: #ffffff !important;
  background-image: none !important;
}

.hgc-icon-circle,
.icon-circle,
.feature-icon {
  color: var(--hgc-solid-primary) !important;
  background: #ffffff !important;
  background-image: none !important;
  border-color: rgba(37, 99, 235, 0.58) !important;
}

/* Footer solid/readable */
footer,
.site-footer,
.subfooter,
.footer {
  background: rgba(255, 255, 255, 0.94) !important;
  background-image: none !important;
}

/* Final catch-all for UI classes only */
.btn,
.badge,
.alert,
.card,
.card-header,
.card-footer,
.modal-content,
.modal-header,
.modal-footer,
.dropdown-menu,
.dropdown-item,
.toast,
.toast-header,
.accordion-item,
.accordion-button,
.list-group-item,
.progress,
.progress-bar,
.page-link,
.nav-pills .nav-link,
.table-responsive,
.form-control,
.form-select,
.input-group-text,
.hgc-icon-circle,
.icon-circle,
.feature-icon,
.navbar,
.site-header,
header.main-header {
  background-image: none !important;
}

/* === HGC NO-GRADIENT UI LOCK END === */

/* === HGC BADGE CLEANUP START === */

/*
  Badges should read as quiet status chips:
  solid, readable, no gradients, no glossy shadows.
*/

.badge,
[class*="text-bg-"].badge,
.badge.rounded-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 1.65rem !important;
  padding: 0.38rem 0.68rem !important;
  border-radius: 999px !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 1px solid transparent !important;
}

/* Soft Northern Lights badge palette */
.badge.bg-primary,
.badge.text-bg-primary,
.text-bg-primary.badge {
  color: #1e3a8a !important;
  background: #dbeafe !important;
  border-color: #93c5fd !important;
}

.badge.bg-secondary,
.badge.text-bg-secondary,
.text-bg-secondary.badge {
  color: #4c1d95 !important;
  background: #ede9fe !important;
  border-color: #c4b5fd !important;
}

.badge.bg-success,
.badge.text-bg-success,
.text-bg-success.badge {
  color: #064e3b !important;
  background: #ccfbf1 !important;
  border-color: #5eead4 !important;
}

.badge.bg-info,
.badge.text-bg-info,
.text-bg-info.badge {
  color: #075985 !important;
  background: #e0f2fe !important;
  border-color: #7dd3fc !important;
}

.badge.bg-warning,
.badge.text-bg-warning,
.text-bg-warning.badge {
  color: #5f3b00 !important;
  background: #fff3c4 !important;
  border-color: #ffd166 !important;
}

.badge.bg-danger,
.badge.text-bg-danger,
.text-bg-danger.badge {
  color: #831843 !important;
  background: #fce7f3 !important;
  border-color: #f9a8d4 !important;
}

.badge.bg-light,
.badge.text-bg-light,
.text-bg-light.badge {
  color: #102947 !important;
  background: #f8fbff !important;
  border-color: #bfdbfe !important;
}

.badge.bg-dark,
.badge.text-bg-dark,
.text-bg-dark.badge {
  color: #ffffff !important;
  background: #0f2544 !important;
  border-color: #0f2544 !important;
}

/* Plain .badge fallback when no Bootstrap color class is present */
.badge:not(.bg-primary):not(.bg-secondary):not(.bg-success):not(.bg-info):not(.bg-warning):not(.bg-danger):not(.bg-light):not(.bg-dark):not(.text-bg-primary):not(.text-bg-secondary):not(.text-bg-success):not(.text-bg-info):not(.text-bg-warning):not(.text-bg-danger):not(.text-bg-light):not(.text-bg-dark) {
  color: #1e3a8a !important;
  background: #eef6ff !important;
  border-color: #bfdbfe !important;
}

/* Keep badges from looking cramped inside cards/tables */
.card .badge,
.table .badge,
.alert .badge,
.list-group-item .badge {
  vertical-align: middle !important;
  white-space: nowrap !important;
}

/* === HGC BADGE CLEANUP END === */

/* === HGC NETWORK LINKS WIDE MAIN PANEL START === */

/*
  Preserve the normal readable main panel width for standard CMS pages.
  Liberate only Network Links pages so the existing 2K/4K/8K rules can work.
*/

body:has(.network-links-aurora__groups) #content.hgc-site-main {
  width: min(calc(100vw - 2rem), 1680px) !important;
  max-width: min(calc(100vw - 2rem), 1680px) !important;
}

@media (min-width: 1920px) {
  body:has(.network-links-aurora__groups) #content.hgc-site-main {
    width: min(calc(100vw - 4rem), 1760px) !important;
    max-width: min(calc(100vw - 4rem), 1760px) !important;
  }
}

@media (min-width: 2560px) {
  body:has(.network-links-aurora__groups) #content.hgc-site-main {
    width: min(calc(100vw - 6rem), 2360px) !important;
    max-width: min(calc(100vw - 6rem), 2360px) !important;
  }
}

@media (min-width: 3840px) {
  body:has(.network-links-aurora__groups) #content.hgc-site-main {
    width: min(calc(100vw - 8rem), 3560px) !important;
    max-width: min(calc(100vw - 8rem), 3560px) !important;
  }
}

@media (min-width: 7680px) {
  body:has(.network-links-aurora__groups) #content.hgc-site-main {
    width: min(calc(100vw - 12rem), 5840px) !important;
    max-width: min(calc(100vw - 12rem), 5840px) !important;
  }
}

/* === HGC NETWORK LINKS WIDE MAIN PANEL END === */

/* === HGC NETWORK LINKS CENTER LOCK START === */

/*
  Network Links centering correction.
  The main panel owns the wide-screen width.
  Inner Bootstrap containers must center within it, not fight it.
*/

body:has(.network-links-aurora__groups) #content.hgc-site-main {
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Full-width inner shell, with equal left/right breathing room */
body:has(.network-links-aurora__groups) #content.hgc-site-main > .container-fluid {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(1.25rem, 3vw, 4rem) !important;
  padding-right: clamp(1.25rem, 3vw, 4rem) !important;
  box-sizing: border-box !important;
}

/* Remove Bootstrap container fighting inside the Network Links page */
body:has(.network-links-aurora__groups) #content.hgc-site-main .hgc-page-section,
body:has(.network-links-aurora__groups) #content.hgc-site-main section.py-5 {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

body:has(.network-links-aurora__groups) #content.hgc-site-main .container {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Center the actual Network Links content stack */
body:has(.network-links-aurora__groups) #content.hgc-site-main .page-content,
body:has(.network-links-aurora__groups) #content.hgc-site-main .network-links-aurora,
body:has(.network-links-aurora__groups) #content.hgc-site-main .network-links-aurora__groups {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Keep category panels and grids centered within the corrected stack */
body:has(.network-links-aurora__groups) #content.hgc-site-main .network-links-aurora__category,
body:has(.network-links-aurora__groups) #content.hgc-site-main .network-links-aurora__grid {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Do not let wide cards visually crash into the main panel edge */
@media (min-width: 1920px) {
  body:has(.network-links-aurora__groups) #content.hgc-site-main > .container-fluid {
    padding-left: clamp(2rem, 3vw, 5rem) !important;
    padding-right: clamp(2rem, 3vw, 5rem) !important;
  }
}

@media (min-width: 2560px) {
  body:has(.network-links-aurora__groups) #content.hgc-site-main > .container-fluid {
    padding-left: clamp(3rem, 3vw, 7rem) !important;
    padding-right: clamp(3rem, 3vw, 7rem) !important;
  }
}

@media (min-width: 3840px) {
  body:has(.network-links-aurora__groups) #content.hgc-site-main > .container-fluid {
    padding-left: clamp(4rem, 3vw, 9rem) !important;
    padding-right: clamp(4rem, 3vw, 9rem) !important;
  }
}

/* === HGC NETWORK LINKS CENTER LOCK END === */

/* === HGC DEFAULT PAGE CENTER LOCK START === */

/*
  Default CMS page centering correction.
  Network Links is excluded because it has its own wide-layout lock.
*/

body:not(:has(.network-links-aurora__groups)) #content.hgc-site-main {
  width: min(calc(100vw - 2rem), 1280px) !important;
  max-width: min(calc(100vw - 2rem), 1280px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

body:not(:has(.network-links-aurora__groups)) #content.hgc-site-main > .container-fluid {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(1.25rem, 3vw, 3.5rem) !important;
  padding-right: clamp(1.25rem, 3vw, 3.5rem) !important;
  box-sizing: border-box !important;
}

body:not(:has(.network-links-aurora__groups)) #content.hgc-site-main .hgc-page-section,
body:not(:has(.network-links-aurora__groups)) #content.hgc-site-main section.py-5 {
  width: 100% !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

body:not(:has(.network-links-aurora__groups)) #content.hgc-site-main .container {
  width: 100% !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Give the UI review hero/card room without making the whole page sprawl */
body:not(:has(.network-links-aurora__groups)) #content.hgc-site-main .card,
body:not(:has(.network-links-aurora__groups)) #content.hgc-site-main .alert,
body:not(:has(.network-links-aurora__groups)) #content.hgc-site-main form,
body:not(:has(.network-links-aurora__groups)) #content.hgc-site-main .table-responsive {
  max-width: 100% !important;
}

/* Keep mobile clean */
@media (max-width: 575.98px) {
  body:not(:has(.network-links-aurora__groups)) #content.hgc-site-main {
    width: calc(100vw - 0.75rem) !important;
    max-width: calc(100vw - 0.75rem) !important;
  }

  body:not(:has(.network-links-aurora__groups)) #content.hgc-site-main > .container-fluid {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
}

/* === HGC DEFAULT PAGE CENTER LOCK END === */

/* === HGC CONTENT HEADING COLOR NORMALIZATION START ===
   Scope: public content headings only.
   Purpose: remove legacy maroon/burgundy heading bleed-through.
*/
#content.hgc-site-main .page-content h1,
#content.hgc-site-main .page-content h2,
#content.hgc-site-main .page-content h3,
#content.hgc-site-main .page-content h4,
#content.hgc-site-main .page-content h5,
#content.hgc-site-main .page-content h6,
#content.hgc-site-main section h1,
#content.hgc-site-main section h2,
#content.hgc-site-main section h3,
#content.hgc-site-main section h4,
#content.hgc-site-main section h5,
#content.hgc-site-main section h6 {
  color: var(--hgc-nl-midnight, #102947) !important;
}

/* Preserve Network Links component-specific heading behavior. */
#content.hgc-site-main .network-links-aurora h1,
#content.hgc-site-main .network-links-aurora h2,
#content.hgc-site-main .network-links-aurora h3,
#content.hgc-site-main .network-links-aurora h4,
#content.hgc-site-main .network-links-aurora h5,
#content.hgc-site-main .network-links-aurora h6 {
  color: inherit !important;
}
/* === HGC CONTENT HEADING COLOR NORMALIZATION END === */

/* === HGC HEADER LOGO NORMALIZATION START ===
   Scope: public header brand/logo only.
   Purpose: remove unintended rounded logo/container styling after AO CMS sync.
*/
header.navbar .navbar-brand,
header.navbar .navbar-brand img {
  border-radius: 0 !important;
}

header.navbar .navbar-brand {
  background: transparent !important;
  box-shadow: none !important;
}

header.navbar .navbar-brand img {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* === HGC HEADER LOGO NORMALIZATION END === */


/* === HGC HOMEPAGE LARGE SCREEN WIDTH START ===
   Purpose:
   - Let the public HGC homepage use available 2K / 4K / 8K monitor width.
   - Override Bootstrap .container caps only inside the homepage page body.
   - Preserve readable text widths and leave Registry Network Links rules untouched.
=== */

@media (min-width: 1600px) {
  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main {
    width: min(calc(100vw - 4rem), 1760px) !important;
    max-width: min(calc(100vw - 4rem), 1760px) !important;
  }

  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main > .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: clamp(2rem, 3vw, 4.5rem) !important;
    padding-right: clamp(2rem, 3vw, 4.5rem) !important;
  }

  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main .page-content,
  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main .page-content > section,
  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section.container,
  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section.container-fluid,
  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main .container {
    width: 100% !important;
    max-width: 100% !important;
  }

  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-labelledby="about-hgc"],
  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-labelledby="innovation"],
  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-label="Footer Call to Action"] {
    max-width: min(100%, 1320px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main .page-content p:not(.card-text) {
    max-width: 92ch;
  }

  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main .page-content img {
    max-width: 100%;
    height: auto;
  }
}

@media (min-width: 2560px) {
  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main {
    width: min(calc(100vw - 6rem), 2360px) !important;
    max-width: min(calc(100vw - 6rem), 2360px) !important;
  }

  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main > .container-fluid {
    padding-left: clamp(3rem, 3vw, 7rem) !important;
    padding-right: clamp(3rem, 3vw, 7rem) !important;
  }

  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-labelledby="about-hgc"],
  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-labelledby="innovation"],
  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-label="Footer Call to Action"] {
    max-width: min(100%, 1480px) !important;
  }
}

@media (min-width: 3840px) {
  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main {
    width: min(calc(100vw - 8rem), 3320px) !important;
    max-width: min(calc(100vw - 8rem), 3320px) !important;
  }

  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main > .container-fluid {
    padding-left: clamp(4rem, 3vw, 9rem) !important;
    padding-right: clamp(4rem, 3vw, 9rem) !important;
  }

  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-labelledby="about-hgc"],
  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-labelledby="innovation"],
  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-label="Footer Call to Action"] {
    max-width: min(100%, 1680px) !important;
  }
}

@media (min-width: 7680px) {
  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main {
    width: min(calc(100vw - 12rem), 5400px) !important;
    max-width: min(calc(100vw - 12rem), 5400px) !important;
  }

  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main > .container-fluid {
    padding-left: clamp(6rem, 3vw, 14rem) !important;
    padding-right: clamp(6rem, 3vw, 14rem) !important;
  }

  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-labelledby="about-hgc"],
  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-labelledby="innovation"],
  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-label="Footer Call to Action"] {
    max-width: min(100%, 1960px) !important;
  }
}

/* === HGC HOMEPAGE LARGE SCREEN WIDTH END === */


/* === HGC HOMEPAGE SECTION WIDTH OVERRIDES START ===
   Purpose:
   - Release Bootstrap section/card restrictions inside the public homepage.
   - Keep prose readable.
   - Let hero media and division cards scale appropriately on 2K / 4K / 8K.
=== */

@media (min-width: 1600px) {
  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main .page-content > section {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Hero section: allow image and heading block to use more horizontal room. */
  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-label="Hero Section"] {
    max-width: 100% !important;
    padding-left: clamp(1rem, 2vw, 3rem) !important;
    padding-right: clamp(1rem, 2vw, 3rem) !important;
  }

  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-label="Hero Section"] .container {
    max-width: min(100%, 1480px) !important;
  }

  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-label="Hero Section"] img {
    display: block;
    width: min(100%, 1320px) !important;
    max-width: min(100%, 1320px) !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-label="Hero Section"] h1,
  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-label="Hero Section"] p {
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Divisions section: override Bootstrap card grid width restrictions. */
  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-labelledby="divisions"] {
    width: 100% !important;
    max-width: min(100%, 1560px) !important;
    padding-left: clamp(1rem, 2vw, 3rem) !important;
    padding-right: clamp(1rem, 2vw, 3rem) !important;
  }

  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-labelledby="divisions"] .row {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: clamp(1rem, 1.4vw, 2rem) !important;
    justify-content: stretch !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-labelledby="divisions"] [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    flex: initial !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-labelledby="divisions"] .card {
    width: 100% !important;
    max-width: none !important;
  }

  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-labelledby="divisions"] .card-img-top {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
  }
}

@media (min-width: 2560px) {
  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-label="Hero Section"] .container {
    max-width: min(100%, 1760px) !important;
  }

  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-label="Hero Section"] img {
    width: min(100%, 1520px) !important;
    max-width: min(100%, 1520px) !important;
  }

  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-labelledby="divisions"] {
    max-width: min(100%, 2080px) !important;
  }

  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-labelledby="divisions"] .row {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  }
}

@media (min-width: 3840px) {
  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-label="Hero Section"] .container {
    max-width: min(100%, 2200px) !important;
  }

  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-label="Hero Section"] img {
    width: min(100%, 1840px) !important;
    max-width: min(100%, 1840px) !important;
  }

  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-labelledby="divisions"] {
    max-width: min(100%, 2800px) !important;
  }

  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-labelledby="divisions"] .row {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
  }
}

@media (min-width: 7680px) {
  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-label="Hero Section"] .container {
    max-width: min(100%, 3200px) !important;
  }

  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-label="Hero Section"] img {
    width: min(100%, 2600px) !important;
    max-width: min(100%, 2600px) !important;
  }

  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-labelledby="divisions"] {
    max-width: min(100%, 4200px) !important;
  }

  body:has(#pageBody [aria-label="Hero Section"]) #content.hgc-site-main section[aria-labelledby="divisions"] .row {
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)) !important;
  }
}

/* === HGC HOMEPAGE SECTION WIDTH OVERRIDES END === */


/* === HGC HOMEPAGE INNER WIDTH FORCE START ===
   Purpose:
   - Directly release homepage body, hero, and divisions sections from Bootstrap-width behavior.
   - Does not target Network Links.
   - Keeps paragraph text readable while allowing media/cards to scale.
=== */

@media (min-width: 1600px) {
  #content.hgc-site-main:has(#pageBody) {
    width: min(calc(100vw - 4rem), 1840px) !important;
    max-width: min(calc(100vw - 4rem), 1840px) !important;
  }

  #content.hgc-site-main #pageBody,
  #content.hgc-site-main #pageBody > section,
  #content.hgc-site-main #pageBody .container,
  #content.hgc-site-main #pageBody .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
  }

  #content.hgc-site-main #pageBody section[aria-label="Hero Section"] {
    padding-inline: clamp(1.5rem, 4vw, 5rem) !important;
  }

  #content.hgc-site-main #pageBody section[aria-label="Hero Section"] img {
    display: block !important;
    width: min(100%, 1240px) !important;
    max-width: min(100%, 1240px) !important;
    height: auto !important;
    margin-inline: auto !important;
  }

  #content.hgc-site-main #pageBody section[aria-label="Hero Section"] h1 {
    max-width: 1180px !important;
    margin-inline: auto !important;
  }

  #content.hgc-site-main #pageBody section[aria-label="Hero Section"] p,
  #content.hgc-site-main #pageBody section[aria-labelledby="about-hgc"] p,
  #content.hgc-site-main #pageBody section[aria-labelledby="innovation"] p {
    max-width: 96ch !important;
    margin-inline: auto !important;
  }

  #content.hgc-site-main #pageBody section[aria-labelledby="about-hgc"],
  #content.hgc-site-main #pageBody section[aria-labelledby="innovation"],
  #content.hgc-site-main #pageBody section[aria-label="Footer Call to Action"] {
    max-width: min(100%, 1400px) !important;
  }

  #content.hgc-site-main #pageBody section[aria-labelledby="divisions"] {
    width: 100% !important;
    max-width: min(100%, 1640px) !important;
    padding-inline: clamp(1rem, 3vw, 4rem) !important;
  }

  #content.hgc-site-main #pageBody section[aria-labelledby="divisions"] .row {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: clamp(1rem, 1.5vw, 2.25rem) !important;
    margin-inline: 0 !important;
  }

  #content.hgc-site-main #pageBody section[aria-labelledby="divisions"] [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    flex: initial !important;
    padding-inline: 0 !important;
  }

  #content.hgc-site-main #pageBody section[aria-labelledby="divisions"] .card {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (min-width: 2560px) {
  #content.hgc-site-main:has(#pageBody) {
    width: min(calc(100vw - 6rem), 2440px) !important;
    max-width: min(calc(100vw - 6rem), 2440px) !important;
  }

  #content.hgc-site-main #pageBody section[aria-label="Hero Section"] img {
    width: min(100%, 1500px) !important;
    max-width: min(100%, 1500px) !important;
  }

  #content.hgc-site-main #pageBody section[aria-labelledby="divisions"] {
    max-width: min(100%, 2160px) !important;
  }

  #content.hgc-site-main #pageBody section[aria-labelledby="divisions"] .row {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  }
}

@media (min-width: 3840px) {
  #content.hgc-site-main:has(#pageBody) {
    width: min(calc(100vw - 8rem), 3440px) !important;
    max-width: min(calc(100vw - 8rem), 3440px) !important;
  }

  #content.hgc-site-main #pageBody section[aria-label="Hero Section"] img {
    width: min(100%, 1880px) !important;
    max-width: min(100%, 1880px) !important;
  }

  #content.hgc-site-main #pageBody section[aria-labelledby="divisions"] {
    max-width: min(100%, 2920px) !important;
  }

  #content.hgc-site-main #pageBody section[aria-labelledby="divisions"] .row {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
  }
}

/* === HGC HOMEPAGE INNER WIDTH FORCE END === */


/* === HGC HOMEPAGE PY-5 CAP RELEASE START ===
   Purpose:
   - Release the generic CMS section.py-5 wrapper when it contains #pageBody.
   - Fixes the 1120px cap blocking homepage 2K / 4K / 8K expansion.
   - Does not alter the Registry Network Links page.
=== */

#content.hgc-site-main section.py-5:has(#pageBody),
#content.hgc-site-main .hgc-page-section:has(#pageBody) {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

#content.hgc-site-main section.py-5:has(#pageBody) > .container,
#content.hgc-site-main section.py-5:has(#pageBody) > .container-fluid,
#content.hgc-site-main section.py-5:has(#pageBody) #pageBody {
  width: 100% !important;
  max-width: 100% !important;
}

/* === HGC HOMEPAGE PY-5 CAP RELEASE END === */