/* =========================================================
   HYPERFLEX WEBSITE DESIGN SYSTEM
   Optimized Additional CSS - Preserve First
   Source consolidated: 2026-05-06 / optimized with patient stories
   Scope: pages wrapped in .hf-gamma-page

   Page scopes supported:
   - .hf-page-shell / Home routing
   - .hf-for-surgeons-page
   - .hf-for-patients-page
   - .hf-about-page
   - .hf-investors-page
   - .hf-contact-page
   - .hf-sales-tools-page

   Notes:
   - Page-width and page-specific callouts are centralized near the top.
   - About/Investors support is folded into the system, not appended as a patch.
   - Patient Stories styling is integrated into For Patients, not appended as a patch.
   - WPS Team carousel arrows are integrated into About page support.
   - Legacy selectors are preserved where they protect existing staging pages.
   ========================================================= */

/* =========================================================
   1. TOKENS
   ========================================================= */

.hf-gamma-page {
  --hf-blue: #1b3f6b;
  --hf-navy: #0f2540;
  --hf-orange: #f47920;
  --hf-light: #f4f7fb;
  --hf-light-2: #eef3f9;
  --hf-soft-blue: #dcecf8;
  --hf-mid-blue: #b9d9fb;
  --hf-border: #d9e2ec;
  --hf-text: #26384a;
  --hf-muted: #5c6b7a;
  --hf-panel-radius: 30px;
  --hf-card-radius: 22px;
  --hf-shadow-soft: 0 12px 34px rgba(15, 37, 64, 0.06);
  --hf-shadow-card: 0 14px 34px rgba(15, 37, 64, 0.11);
  --hf-shadow-card-light: 0 12px 30px rgba(15, 37, 64, 0.09);
  --hf-shadow-strong: 0 18px 44px rgba(15, 37, 64, 0.24);
  max-width: 1180px;
  color: var(--hf-text);
}

/* =========================================================
   2. GLOBAL BREADCRUMB + PAGE TITLE CLEANUP
   Quiet legacy theme breadcrumb tabs and reduce excess top
   spacing before HyperFlex page content.
   ========================================================= */

body .breadcrumb,
body .breadcrumbs,
body .breadcrumb-trail,
body .rank-math-breadcrumb,
body .yoast-breadcrumb,
body .trail-items,
body .breadcrumb-area,
body .breadcrumb-wrapper,
body .breadcrumb-content,
body .page-breadcrumb,
body .bread_crumb,
body .bradcrumb,
body .bradcrumbs {
  width: min(1180px, calc(100vw - 48px)) !important;
  max-width: 1180px !important;
  margin: 18px auto 8px !important;
  padding: 0 28px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  color: #5c6b7a !important;
}

body .breadcrumb a,
body .breadcrumbs a,
body .breadcrumb-trail a,
body .rank-math-breadcrumb a,
body .yoast-breadcrumb a,
body .trail-items a,
body .breadcrumb-area a,
body .breadcrumb-wrapper a,
body .breadcrumb-content a,
body .page-breadcrumb a,
body .bread_crumb a,
body .bradcrumb a,
body .bradcrumbs a,
body .breadcrumb span,
body .breadcrumbs span,
body .breadcrumb-trail span,
body .rank-math-breadcrumb span,
body .yoast-breadcrumb span,
body .trail-items span,
body .breadcrumb-area span,
body .breadcrumb-wrapper span,
body .breadcrumb-content span,
body .page-breadcrumb span,
body .bread_crumb span,
body .bradcrumb span,
body .bradcrumbs span,
body .breadcrumb li,
body .breadcrumbs li,
body .breadcrumb-trail li,
body .trail-items li,
body .breadcrumb-area li,
body .breadcrumb-wrapper li,
body .breadcrumb-content li,
body .page-breadcrumb li,
body .bread_crumb li,
body .bradcrumb li,
body .bradcrumbs li {
  display: inline !important;
  min-width: 0 !important;
  color: #5c6b7a !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  list-style: none !important;
}

body .breadcrumb a,
body .breadcrumbs a,
body .breadcrumb-trail a,
body .rank-math-breadcrumb a,
body .yoast-breadcrumb a,
body .trail-items a,
body .breadcrumb-area a,
body .breadcrumb-wrapper a,
body .breadcrumb-content a,
body .page-breadcrumb a,
body .bread_crumb a,
body .bradcrumb a,
body .bradcrumbs a {
  color: #1b3f6b !important;
  font-weight: 600 !important;
}

body .breadcrumb a:hover,
body .breadcrumbs a:hover,
body .breadcrumb-trail a:hover,
body .rank-math-breadcrumb a:hover,
body .yoast-breadcrumb a:hover,
body .trail-items a:hover,
body .breadcrumb-area a:hover,
body .breadcrumb-wrapper a:hover,
body .breadcrumb-content a:hover,
body .page-breadcrumb a:hover,
body .bread_crumb a:hover,
body .bradcrumb a:hover,
body .bradcrumbs a:hover {
  color: #f47920 !important;
  text-decoration: underline !important;
}

body .breadcrumb li + li::before,
body .breadcrumbs li + li::before,
body .breadcrumb-trail li + li::before,
body .trail-items li + li::before,
body .breadcrumb a + span::before,
body .breadcrumbs a + span::before,
body .rank-math-breadcrumb a + span::before,
body .yoast-breadcrumb a + span::before {
  content: "/";
  color: #8a98a6 !important;
  margin: 0 8px !important;
}

body.page .entry-header,
body.page .page-header {
  margin-bottom: 12px !important;
  padding-bottom: 0 !important;
}

body.page .entry-title,
body.page .page-title {
  width: min(1180px, calc(100vw - 48px)) !important;
  max-width: 1180px !important;
  margin: 12px auto 16px !important;
  padding: 0 28px !important;
  color: #1b3f6b !important;
}

body.page .entry-content > .hf-gamma-page:first-child,
body.page .wp-site-blocks .hf-gamma-page:first-child,
body.page .is-layout-constrained > .hf-gamma-page:first-child {
  margin-top: 0 !important;
}

/* =========================================================
   3. PAGE FRAME + PAGE CALLOUTS
   Keep all page width/scope selectors near the top.
   ========================================================= */

/* Standard-width pages */
.hf-gamma-page:is(
  .hf-page-shell,
  .hf-for-patients-page,
  .hf-about-page,
  .hf-investors-page,
  .hf-contact-page,
  .hf-sales-tools-page
),
body :is(.entry-content, .wp-site-blocks, .is-layout-constrained) > .hf-gamma-page:is(
  .hf-page-shell,
  .hf-for-patients-page,
  .hf-about-page,
  .hf-investors-page,
  .hf-contact-page,
  .hf-sales-tools-page
) {
  width: min(1180px, calc(100vw - 48px)) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.hf-gamma-page:is(
  .hf-page-shell,
  .hf-for-patients-page,
  .hf-about-page,
  .hf-investors-page,
  .hf-contact-page,
  .hf-sales-tools-page,
  .hf-for-surgeons-page
) {
  padding-left: 28px;
  padding-right: 28px;
}

/* Surgeon page is intentionally narrower. */
.hf-gamma-page.hf-for-surgeons-page,
body :is(.entry-content, .wp-site-blocks, .is-layout-constrained) > .hf-gamma-page.hf-for-surgeons-page {
  width: min(1120px, calc(100vw - 48px)) !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Inner shell/panels should fill their page container. */
body .hf-gamma-page:is(
  .hf-page-shell,
  .hf-for-surgeons-page,
  .hf-for-patients-page,
  .hf-about-page,
  .hf-investors-page,
  .hf-contact-page,
  .hf-sales-tools-page
) > .wp-block-group,
body .hf-gamma-page:is(.hf-sales-tools-page, .hf-about-page, .hf-investors-page, .hf-contact-page) .hf-page-shell,
body .hf-gamma-page.hf-sales-tools-page .hf-panel,
body .hf-gamma-page :is(.hf-panel, .hf-strength-section),
body .hf-gamma-page.hf-for-surgeons-page .hf-surgeon-hero,
body .hf-gamma-page.hf-for-patients-page .hf-patient-hero {
  width: 100% !important;
  max-width: 100% !important;
}

/* Page background callouts / section alternation */
.hf-gamma-page.hf-for-surgeons-page .hf-preserve-panel,
.hf-gamma-page.hf-for-surgeons-page .hf-spectrum-panel,
.hf-gamma-page.hf-for-surgeons-page .hf-workflow-panel,
.hf-gamma-page.hf-for-patients-page .hf-bunion-panel,
.hf-gamma-page.hf-for-patients-page .hf-preserve-first-panel,
.hf-gamma-page.hf-for-patients-page .hf-patient-proof-panel,
.hf-gamma-page.hf-for-patients-page .hf-patient-resources-panel {
  background: var(--hf-light-2) !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-problem-panel,
.hf-gamma-page.hf-for-surgeons-page .hf-video-panel,
.hf-gamma-page.hf-for-surgeons-page .hf-resources-panel,
.hf-gamma-page.hf-for-patients-page .hf-treatment-gap-panel,
.hf-gamma-page.hf-for-patients-page .hf-how-it-works-panel,
.hf-gamma-page.hf-for-patients-page .hf-right-for-me-panel,
.hf-gamma-page.hf-for-patients-page .hf-faq-panel {
  background: #ffffff !important;
}

/* Anchor targets */
.hf-gamma-page.hf-for-surgeons-page .hf-anchor-target,
.hf-gamma-page.hf-for-patients-page .hf-anchor-target,
.hf-gamma-page.hf-about-page .hf-anchor-target,
.hf-gamma-page.hf-investors-page .hf-anchor-target {
  height: 1px;
  margin: 0 !important;
  padding: 0 !important;
  scroll-margin-top: 150px;
}

.hf-gamma-page.hf-for-surgeons-page #request-info {
  scroll-margin-top: 120px;
}

/* =========================================================
   4. GLOBAL TYPOGRAPHY
   ========================================================= */

.hf-gamma-page p,
.hf-gamma-page li {
  font-size: 20px;
  line-height: 1.72;
}

.hf-gamma-page h1 {
  font-size: clamp(44px, 5vw, 66px);
  line-height: 1.08;
}

.hf-gamma-page h2 {
  font-size: clamp(34px, 4vw, 50px);
  line-height: 1.14;
  margin-top: 8px;
  margin-bottom: 26px !important;
  color: var(--hf-blue);
}

.hf-gamma-page h3 {
  font-size: 28px;
}

.hf-gamma-page h4 {
  font-size: 22px;
  margin-top: 6px;
  margin-bottom: 14px !important;
}

.hf-gamma-page .wp-block-column p {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 16px;
}

.hf-gamma-page .wp-block-column ul {
  margin-top: 10px;
}

.hf-gamma-page .wp-block-column h3,
.hf-gamma-page .wp-block-column h4 {
  color: var(--hf-blue);
}

/* =========================================================
   5. LEGACY WIDTH + SECTION RHYTHM
   Preserves older direct-child pages and newer .hf-section pages.
   ========================================================= */

.hf-gamma-page > h1,
.hf-gamma-page > h2,
.hf-gamma-page > p,
.hf-gamma-page > .wp-block-buttons,
.hf-gamma-page > figure,
.hf-gamma-page .hf-section > * {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.hf-gamma-page > .wp-block-spacer {
  height: 34px !important;
}

.hf-gamma-page > .wp-block-columns,
.hf-gamma-page > .wp-block-group,
.hf-gamma-page > .wp-block-quote,
.hf-gamma-page .hf-section {
  margin: 52px auto !important;
  padding: 46px 34px;
  border-radius: var(--hf-panel-radius);
}

.hf-gamma-page > .wp-block-columns,
.hf-gamma-page .hf-section {
  background: var(--hf-light-2) !important;
  border: 1px solid rgba(27, 63, 107, 0.08);
  box-shadow: var(--hf-shadow-soft);
}

.hf-gamma-page > .wp-block-columns:nth-of-type(even),
.hf-gamma-page .hf-section:nth-of-type(even) {
  background: #ffffff !important;
  border: 1px solid rgba(27, 63, 107, 0.10);
}

.hf-gamma-page .wp-block-separator {
  display: none;
}

/* =========================================================
   6. REUSABLE MODULES: PANELS, GRIDS, LABELS
   ========================================================= */

.hf-gamma-page .hf-panel,
.hf-gamma-page .hf-strength-section,
.hf-gamma-page.hf-for-surgeons-page .hf-surgeon-hero,
.hf-gamma-page.hf-for-patients-page .hf-patient-hero {
  margin: 46px auto !important;
  border-radius: var(--hf-panel-radius) !important;
  border: 1px solid rgba(27, 63, 107, 0.08);
  box-shadow: var(--hf-shadow-soft);
}

.hf-gamma-page .hf-panel {
  padding: 52px !important;
  background: #ffffff;
}

.hf-gamma-page.hf-for-patients-page .hf-panel {
  padding: 58px 56px !important;
}

.hf-gamma-page.hf-about-page .hf-panel,
.hf-gamma-page.hf-investors-page .hf-panel {
  padding: 52px !important;
  margin: 46px auto !important;
}

.hf-gamma-page .hf-panel-light,
.hf-gamma-page .hf-panel-soft {
  background: var(--hf-light-2) !important;
}

.hf-gamma-page .hf-panel-white {
  background: #ffffff !important;
}

.hf-gamma-page .hf-panel-cta,
.hf-gamma-page .hf-final-cta,
.hf-gamma-page .hf-final-patient-cta {
  background: linear-gradient(135deg, #eef4f9 0%, #ffffff 100%) !important;
}

.hf-gamma-page .hf-section-label {
  display: inline-block;
  background: var(--hf-soft-blue);
  color: var(--hf-blue);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 14px !important;
  font-weight: 700;
  padding: 7px 14px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.hf-gamma-page.hf-for-patients-page .hf-section-label {
  font-size: 13px !important;
  padding: 7px 14px !important;
}

.hf-gamma-page .hf-section h2::after,
.hf-gamma-page .hf-final-routing h2::after,
.hf-gamma-page .hf-heading-accent::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background: var(--hf-orange);
  margin-top: 10px;
  border-radius: 3px;
}

.hf-gamma-page .has-text-align-center::after,
.hf-gamma-page .hf-heading-accent.has-text-align-center::after {
  margin-left: auto;
  margin-right: auto;
}

.hf-gamma-page .hf-grid-clean,
.hf-gamma-page .hf-two-card-row,
.hf-gamma-page .hf-resource-grid,
.hf-gamma-page .hf-document-grid,
.hf-gamma-page .hf-patient-icon-grid,
.hf-gamma-page .hf-patient-card-row,
.hf-gamma-page .hf-patient-detail-grid,
.hf-gamma-page .hf-patient-faq-grid,
.hf-gamma-page .hf-patient-resource-grid,
.hf-gamma-page .hf-patient-story-grid {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.hf-gamma-page .wp-block-columns,
.hf-gamma-page .hf-two-card-row {
  gap: 26px !important;
}

.hf-gamma-page.hf-for-surgeons-page .wp-block-columns,
.hf-gamma-page.hf-for-patients-page .wp-block-columns,
.hf-gamma-page.hf-about-page .wp-block-columns,
.hf-gamma-page.hf-investors-page .wp-block-columns {
  width: 100% !important;
  max-width: 100% !important;
  gap: 28px !important;
}

.hf-gamma-page.hf-for-patients-page .wp-block-columns {
  gap: 30px !important;
}

.hf-gamma-page.hf-for-surgeons-page .wp-block-columns .wp-block-column,
.hf-gamma-page.hf-for-patients-page .wp-block-columns .wp-block-column,
.hf-gamma-page.hf-about-page .wp-block-columns .wp-block-column,
.hf-gamma-page.hf-investors-page .wp-block-columns .wp-block-column {
  min-width: 0;
}

/* Prevent legacy compact algorithm rule from squeezing About/Investor card rows. */
.hf-gamma-page.hf-about-page h2.has-text-align-center + p + .wp-block-columns .wp-block-column,
.hf-gamma-page.hf-investors-page h2.has-text-align-center + p + .wp-block-columns .wp-block-column {
  max-width: none !important;
  max-height: none !important;
  min-height: unset !important;
  height: auto !important;
  margin: 0 !important;
  padding: 28px !important;
  display: block !important;
}

.hf-gamma-page.hf-about-page h2.has-text-align-center + p + .wp-block-columns h3,
.hf-gamma-page.hf-about-page h2.has-text-align-center + p + .wp-block-columns h4,
.hf-gamma-page.hf-investors-page h2.has-text-align-center + p + .wp-block-columns h3,
.hf-gamma-page.hf-investors-page h2.has-text-align-center + p + .wp-block-columns h4 {
  margin-top: 6px !important;
  margin-bottom: 14px !important;
  letter-spacing: normal !important;
}

/* =========================================================
   7. LINKS + BUTTONS
   ========================================================= */

.hf-gamma-page a {
  color: var(--hf-orange);
  font-weight: 700;
}

.hf-gamma-page .wp-block-buttons {
  gap: 16px;
}

.hf-gamma-page .wp-block-button__link,
.hf-gamma-page .wp-block-button.is-style-outline .wp-block-button__link {
  min-width: 160px;
  background: var(--hf-blue) !important;
  color: #ffffff !important;
  border: 2px solid var(--hf-blue) !important;
  border-radius: 999px;
  padding: 15px 28px;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-decoration: none;
  box-shadow: 0 7px 18px rgba(27, 63, 107, 0.18);
  transition: all 0.2s ease;
}

.hf-gamma-page .wp-block-button__link:hover,
.hf-gamma-page .wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: var(--hf-orange) !important;
  border-color: var(--hf-orange) !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 9px 22px rgba(244, 121, 32, 0.25);
}

/* =========================================================
   8. IMAGES + ICONS
   ========================================================= */

.hf-gamma-page img {
  border-radius: 24px !important;
}

.hf-gamma-page .wp-block-columns figure img {
  box-shadow: 0 12px 30px rgba(15, 37, 64, 0.10);
}

.hf-gamma-page .hf-image-cover img,
.hf-gamma-page img.hf-image-cover {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.hf-gamma-page .hf-image-contain img,
.hf-gamma-page img.hf-image-contain,
.hf-gamma-page .hf-image-product img,
.hf-gamma-page img.hf-image-product {
  width: 100% !important;
  object-fit: contain;
  background: #ffffff;
  box-sizing: border-box;
}

.hf-gamma-page img[src*="iconscdn.pictographic.ai"],
.hf-gamma-page .hf-icon img,
.hf-gamma-page img.hf-icon {
  width: 56px !important;
  height: auto !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* =========================================================
   9. REUSABLE CARD SYSTEM
   ========================================================= */

.hf-gamma-page .wp-block-column,
.hf-gamma-page .hf-card,
.hf-gamma-page .hf-left-accent,
.hf-gamma-page .hf-or-card,
.hf-gamma-page .hf-stage-card,
.hf-gamma-page .hf-resource-cta,
.hf-gamma-page .hf-resource-card,
.hf-gamma-page .hf-document-card,
.hf-gamma-page .hf-patient-icon-card,
.hf-gamma-page .hf-patient-problem-card,
.hf-gamma-page .hf-patient-preserve-card,
.hf-gamma-page .hf-patient-detail-card,
.hf-gamma-page .hf-patient-faq-card,
.hf-gamma-page .hf-patient-resource-card,
.hf-gamma-page .hf-patient-question-card,
.hf-gamma-page .hf-patient-story-card {
  border-radius: var(--hf-card-radius) !important;
}

.hf-gamma-page .wp-block-columns .wp-block-column,
.hf-gamma-page .hf-card,
.hf-gamma-page .hf-resource-card,
.hf-gamma-page .hf-document-card,
.hf-gamma-page .hf-patient-icon-card,
.hf-gamma-page .hf-patient-problem-card,
.hf-gamma-page .hf-patient-preserve-card,
.hf-gamma-page .hf-patient-detail-card,
.hf-gamma-page .hf-patient-faq-card,
.hf-gamma-page .hf-patient-resource-card,
.hf-gamma-page .hf-patient-question-card,
.hf-gamma-page .hf-patient-story-card {
  background: #ffffff;
  padding: 28px !important;
  border: 1px solid rgba(27, 63, 107, 0.08);
  box-shadow: var(--hf-shadow-card) !important;
}

.hf-gamma-page .hf-card,
.hf-gamma-page.hf-about-page .hf-card,
.hf-gamma-page.hf-investors-page .hf-card {
  min-width: 0;
  overflow-wrap: normal;
  word-break: normal;
}

.hf-gamma-page .hf-card-compact {
  padding: 22px !important;
}

.hf-gamma-page .hf-card-soft,
.hf-gamma-page .hf-patient-preserve-card {
  background: linear-gradient(180deg, #ffffff 0%, #f7fafd 100%) !important;
}

.hf-gamma-page .hf-card-accent-left,
.hf-gamma-page .wp-block-columns .wp-block-column.hf-left-accent,
.hf-gamma-page .wp-block-columns .wp-block-column.hf-or-card,
.hf-gamma-page .hf-left-accent,
.hf-gamma-page .hf-or-card {
  border-left: 5px solid var(--hf-orange) !important;
  padding-left: 28px !important;
  border-radius: 18px !important;
}

.hf-gamma-page .hf-card-accent-top,
.hf-gamma-page .hf-resource-card,
.hf-gamma-page .hf-document-card {
  border-top: 5px solid var(--hf-soft-blue) !important;
}

.hf-gamma-page .hf-card-hover,
.hf-gamma-page.hf-for-surgeons-page .hf-left-accent,
.hf-gamma-page.hf-for-surgeons-page .hf-or-card,
.hf-gamma-page.hf-for-surgeons-page .hf-stage-card,
.hf-gamma-page.hf-for-surgeons-page .hf-resource-cta {
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.hf-gamma-page .hf-card-hover:hover,
.hf-gamma-page.hf-for-surgeons-page .hf-left-accent:hover,
.hf-gamma-page.hf-for-surgeons-page .hf-or-card:hover,
.hf-gamma-page.hf-for-surgeons-page .hf-stage-card:hover,
.hf-gamma-page.hf-for-surgeons-page .hf-resource-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(15, 37, 64, 0.12) !important;
}

.hf-gamma-page .hf-card h3 {
  color: var(--hf-blue);
  font-size: 28px !important;
  line-height: 1.18 !important;
  margin-bottom: 10px !important;
}

.hf-gamma-page .hf-card h4 {
  color: var(--hf-blue);
  line-height: 1.2 !important;
}

.hf-gamma-page .hf-card p {
  font-size: 17px !important;
  line-height: 1.58 !important;
}

.hf-gamma-page.hf-investors-page .hf-stat-card h3 {
  color: var(--hf-orange) !important;
  font-size: clamp(36px, 4.5vw, 52px) !important;
  line-height: 1.02 !important;
  font-weight: 800;
  margin-bottom: 8px !important;
}

.hf-gamma-page .hf-card-blue,
.hf-gamma-page .wp-block-column[style*="background-color:#1b3f6b"],
.hf-gamma-page .wp-block-column[style*="background-color:#0f2540"],
.hf-gamma-page .wp-block-column[style*="background-color:#f47920"] {
  color: #ffffff !important;
  box-shadow: 0 18px 40px rgba(15, 37, 64, 0.22) !important;
}

.hf-gamma-page .hf-card-blue {
  background: var(--hf-blue) !important;
}

.hf-gamma-page .hf-card-blue h3,
.hf-gamma-page .hf-card-blue h4,
.hf-gamma-page .hf-card-blue p,
.hf-gamma-page .hf-card-blue li,
.hf-gamma-page .wp-block-column[style*="background-color:#1b3f6b"] h3,
.hf-gamma-page .wp-block-column[style*="background-color:#1b3f6b"] h4,
.hf-gamma-page .wp-block-column[style*="background-color:#1b3f6b"] p,
.hf-gamma-page .wp-block-column[style*="background-color:#1b3f6b"] li,
.hf-gamma-page .wp-block-column[style*="background-color:#0f2540"] h3,
.hf-gamma-page .wp-block-column[style*="background-color:#0f2540"] h4,
.hf-gamma-page .wp-block-column[style*="background-color:#0f2540"] p,
.hf-gamma-page .wp-block-column[style*="background-color:#0f2540"] li,
.hf-gamma-page .wp-block-column[style*="background-color:#f47920"] h3,
.hf-gamma-page .wp-block-column[style*="background-color:#f47920"] h4,
.hf-gamma-page .wp-block-column[style*="background-color:#f47920"] p,
.hf-gamma-page .wp-block-column[style*="background-color:#f47920"] li {
  color: #ffffff !important;
}

/* =========================================================
   10. HERO SYSTEM
   Supports reusable heroes and older direct-child hero layouts.
   ========================================================= */

.hf-gamma-page > figure.wp-block-image:first-of-type,
.hf-gamma-page .hf-hero-section figure.wp-block-image:first-of-type {
  margin-bottom: 28px !important;
}

.hf-gamma-page > figure.wp-block-image:first-of-type img,
.hf-gamma-page .hf-hero-section figure.wp-block-image:first-of-type img {
  width: 100%;
  max-width: 900px;
  border-radius: 28px !important;
  box-shadow: 0 14px 36px rgba(15, 37, 64, 0.12);
}

.hf-gamma-page > h1:first-of-type {
  max-width: 880px;
  margin: 24px auto 24px !important;
}

.hf-gamma-page > p.has-text-align-center {
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
}

.hf-gamma-page > .wp-block-buttons:first-of-type {
  margin-top: 34px !important;
}

.hf-gamma-page .hf-hero-section,
.hf-gamma-page .hf-panel-hero {
  text-align: center;
  background: linear-gradient(180deg, #eef4f9 0%, #e6edf5 100%) !important;
  border: 1px solid rgba(27, 63, 107, 0.08);
  border-radius: 36px !important;
  padding: 56px 40px 48px !important;
  box-shadow: 0 20px 50px rgba(15, 37, 64, 0.08);
}

.hf-gamma-page.hf-about-page .hf-panel-hero,
.hf-gamma-page.hf-investors-page .hf-panel-hero {
  background: linear-gradient(180deg, #eef4f9 0%, #ffffff 100%) !important;
}

.hf-gamma-page .hf-hero-section h1,
.hf-gamma-page .hf-panel-hero h1 {
  max-width: 880px;
  font-size: clamp(36px, 4.2vw, 52px) !important;
  line-height: 1.15 !important;
  margin: 20px auto 14px !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-surgeon-hero h1,
.hf-gamma-page.hf-about-page .hf-panel-hero h1,
.hf-gamma-page.hf-investors-page .hf-panel-hero h1 {
  color: var(--hf-blue);
}

.hf-gamma-page .hf-hero-copy {
  font-size: 17px !important;
  line-height: 1.55 !important;
  max-width: 760px !important;
  margin: 0 auto 18px !important;
}

.hf-gamma-page .hf-tagline-primary {
  display: block;
  font-size: 22px;
  font-weight: 800;
  color: var(--hf-orange);
  margin-bottom: 4px;
}

.hf-gamma-page .hf-tagline-secondary {
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: var(--hf-blue);
  margin-bottom: 10px;
}

.hf-gamma-page .hf-tagline-body {
  display: block;
  font-size: 17px;
  font-weight: 400;
  color: var(--hf-text);
}

.hf-gamma-page .hf-hero-section .wp-block-buttons,
.hf-gamma-page .hf-panel-hero .wp-block-buttons,
.hf-gamma-page.hf-about-page .hf-final-cta .wp-block-buttons,
.hf-gamma-page.hf-investors-page .hf-final-cta .wp-block-buttons {
  justify-content: center;
}

.hf-gamma-page .hf-hero-section .wp-block-buttons,
.hf-gamma-page .hf-panel-hero .wp-block-buttons {
  margin-top: 22px !important;
}

.hf-gamma-page .hf-hero-section .wp-block-button__link,
.hf-gamma-page .hf-panel-hero .wp-block-button__link {
  font-size: 14px;
  padding: 12px 20px;
}

.hf-gamma-page .hf-hero-section:after,
.hf-gamma-page .hf-panel-hero:after {
  content: "";
  display: block;
  width: 80px;
  height: 3px;
  background: #c9d6e3;
  margin: 28px auto 0;
  border-radius: 999px;
}

/* =========================================================
   11. LIST UTILITIES
   ========================================================= */

.hf-gamma-page .hf-check-list {
  padding-left: 22px;
}

.hf-gamma-page .hf-check-list li {
  margin-bottom: 8px;
}

.hf-gamma-page .hf-resource-list,
.hf-gamma-page .hf-document-list {
  padding-left: 22px;
}

.hf-gamma-page .hf-resource-list li,
.hf-gamma-page .hf-document-list li {
  margin-bottom: 10px;
}

/* =========================================================
   12. DARK PANELS + QUOTES
   ========================================================= */

.hf-gamma-page > .wp-block-group[style*="background-color:#0f2540"],
.hf-gamma-page .hf-panel-dark {
  margin: 48px auto !important;
  padding: 64px 42px !important;
  border-radius: 32px !important;
  background: linear-gradient(135deg, #0f2540 0%, #14345b 100%) !important;
  box-shadow: 0 18px 44px rgba(15, 37, 64, 0.22);
}

.hf-gamma-page .wp-block-group[style*="background-color:#0f2540"] h2,
.hf-gamma-page .wp-block-group[style*="background-color:#0f2540"] p,
.hf-gamma-page .hf-panel-dark h2,
.hf-gamma-page .hf-panel-dark h3,
.hf-gamma-page .hf-panel-dark h4,
.hf-gamma-page .hf-panel-dark p,
.hf-gamma-page .hf-panel-dark li {
  color: #ffffff !important;
}

.hf-gamma-page > .wp-block-group#surgeons,
.hf-gamma-page > .wp-block-group[id="surgeons"] {
  background: #eef3f9;
  border-radius: var(--hf-panel-radius);
  padding: 54px 34px;
  box-shadow: var(--hf-shadow-soft);
}

.hf-gamma-page > .wp-block-quote,
.hf-gamma-page .hf-quote-card,
.hf-gamma-page.hf-for-patients-page .hf-patient-hero-quote,
.hf-gamma-page.hf-for-patients-page .hf-patient-final-quote {
  background: #fff4ec !important;
  border-left: 6px solid var(--hf-orange) !important;
  border-radius: 18px;
  padding: 24px 30px;
  box-shadow: 0 8px 24px rgba(15, 37, 64, 0.06);
}

/* Legacy homepage patient routing panel */
.hf-gamma-page #patients {
  background: linear-gradient(135deg, rgba(15, 37, 64, 0.94), rgba(20, 52, 91, 0.90)) !important;
  border-radius: 32px !important;
  padding: 72px 48px !important;
  text-align: center;
  box-shadow: var(--hf-shadow-strong);
}

.hf-gamma-page #patients h2 {
  font-size: clamp(36px, 4vw, 54px) !important;
  margin-bottom: 22px !important;
}

.hf-gamma-page #patients p {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

/* =========================================================
   13. ACCENT CARD + COMPACT ROW LEGACY SUPPORT
   ========================================================= */

.hf-gamma-page .hf-left-accent {
  text-align: center;
}

.hf-gamma-page .hf-left-accent img {
  width: 64px !important;
  margin-bottom: 14px;
}

.hf-gamma-page .hf-left-accent h4 {
  font-size: 22px;
  margin-bottom: 10px;
}

.hf-gamma-page .hf-left-accent p {
  font-size: 17px;
  line-height: 1.5;
}

.hf-gamma-page .wp-block-column.hf-or-card h4,
.hf-gamma-page .wp-block-column.hf-or-card p,
.hf-gamma-page .hf-or-card h4,
.hf-gamma-page .hf-or-card p {
  text-align: left !important;
}

.hf-gamma-page .hf-or-advantages .hf-or-card {
  border-left: 7px solid var(--hf-orange) !important;
  padding-left: 24px !important;
}

/* Treatment algorithm compact row - intentionally excludes About/Investors. */
.hf-gamma-page:not(.hf-about-page):not(.hf-investors-page):not(.hf-contact-page) h2.has-text-align-center + p + .wp-block-columns:not(.hf-patient-story-grid) {
  align-items: center !important;
}

.hf-gamma-page:not(.hf-about-page):not(.hf-investors-page):not(.hf-contact-page) h2.has-text-align-center + p + .wp-block-columns:not(.hf-patient-story-grid) .wp-block-column {
  max-width: 260px;
  max-height: 80px;
  min-height: unset !important;
  height: auto !important;
  margin: 0 auto;
  padding: 10px 8px !important;
  border-radius: 18px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hf-gamma-page:not(.hf-about-page):not(.hf-investors-page):not(.hf-contact-page) h2.has-text-align-center + p + .wp-block-columns:not(.hf-patient-story-grid) h3,
.hf-gamma-page:not(.hf-about-page):not(.hf-investors-page):not(.hf-contact-page) h2.has-text-align-center + p + .wp-block-columns:not(.hf-patient-story-grid) h4 {
  font-size: 30px !important;
  font-weight: 700;
  line-height: 1.1;
  margin: 0 !important;
  letter-spacing: 0.01em;
}

/* =========================================================
   14. WORKFLOW IMAGE/TEXT SECTION
   ========================================================= */

.hf-gamma-page .wp-block-columns:has(img[src*="Bunion-Surgery---two-surgeons"]) {
  align-items: stretch !important;
}

.hf-gamma-page .wp-block-columns:has(img[src*="Bunion-Surgery---two-surgeons"]) .wp-block-column:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hf-gamma-page img[src*="Bunion-Surgery---two-surgeons"] {
  width: 100% !important;
  height: 100% !important;
  min-height: 360px;
  object-fit: cover;
}

.hf-gamma-page .wp-block-columns:has(img[src*="Bunion-Surgery---two-surgeons"]) h2 {
  font-size: clamp(34px, 3.5vw, 48px) !important;
  line-height: 1.12 !important;
}

/* =========================================================
   15. STRENGTH SECTION + GRAPH SYSTEM
   Includes current two-graph system and legacy strength-grid/superior-card support.
   ========================================================= */

.hf-gamma-page .hf-strength-section {
  background: #ffffff;
  border-radius: var(--hf-panel-radius);
  padding: 46px 42px 42px !important;
  box-shadow: var(--hf-shadow-soft);
}

.hf-strength-grid,
.hf-strength-graphs-two {
  display: grid;
  gap: 32px;
  margin-top: 30px;
}

.hf-strength-grid {
  grid-template-columns: 1.5fr 1.5fr 0.85fr;
  align-items: stretch;
}

.hf-strength-graphs-two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hf-graph-card,
.hf-superior-card {
  background: #ffffff;
  border: 1px solid rgba(27, 63, 107, 0.10);
  border-radius: var(--hf-card-radius);
  padding: 32px !important;
  box-shadow: 0 14px 34px rgba(15, 37, 64, 0.10);
}

.hf-graph-card h3,
.hf-superior-card h3 {
  color: var(--hf-blue);
  font-size: 30px !important;
  line-height: 1.12 !important;
  margin-bottom: 18px !important;
}

.hf-axis-label,
.hf-small-note {
  font-size: 15px !important;
  color: var(--hf-muted);
}

.hf-bar-row {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 14px;
  align-items: center;
  margin: 16px 0 !important;
}

.hf-bar-label {
  font-size: 15px;
  color: #4d5d6c;
}

.hf-bar-track {
  height: 62px !important;
  background: repeating-linear-gradient(to right, #f5f8fb 0, #f5f8fb 24%, #d8e2ec 25%);
  border: 1px dashed #c7d3df;
  border-radius: 12px;
  display: flex;
  align-items: center;
  overflow: visible !important;
}

.hf-bar-mini {
  width: 10px !important;
  min-width: 10px !important;
  height: 100%;
  padding: 0 !important;
  border-radius: 8px;
  position: relative;
  background: var(--hf-blue) !important;
  color: transparent !important;
}

.hf-bar-mini::after {
  content: attr(data-label);
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  background: #d1d5db;
  color: #333333;
  font-size: 14px;
  font-weight: 700;
  padding: 4px 7px;
  border-radius: 5px;
  white-space: nowrap;
}

.hf-bar-hf {
  height: 62px !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 10px;
  background: #2f82c7 !important;
  color: #ffffff;
  font-size: 18px !important;
  font-weight: 800;
  border-radius: 10px;
}

.hf-gamma-page .hf-bar-full {
  width: 100%;
}

.hf-orange-note {
  color: var(--hf-orange) !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  margin-top: 22px;
}

.hf-superior-card {
  border-left: 7px solid var(--hf-soft-blue);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hf-superior-card hr {
  width: 100%;
  border: 0;
  border-top: 1px solid #b6c4d2;
  margin: 24px 0;
}

.hf-superior-wide {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 28px;
  align-items: center;
  background: #ffffff;
  border-left: 8px solid var(--hf-soft-blue);
  border-radius: var(--hf-card-radius);
  padding: 28px 34px;
  margin-top: 32px;
  box-shadow: 0 14px 34px rgba(15, 37, 64, 0.10);
  border-top: 1px solid rgba(27, 63, 107, 0.08);
  border-right: 1px solid rgba(27, 63, 107, 0.08);
  border-bottom: 1px solid rgba(27, 63, 107, 0.08);
}

.hf-superior-wide h3 {
  color: var(--hf-blue);
  font-size: 30px !important;
  margin-bottom: 10px !important;
}

.hf-superior-wide p {
  margin: 0 !important;
}

.hf-superior-wide strong {
  color: var(--hf-navy);
  font-size: 22px;
  line-height: 1.4;
}

.hf-stats-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  text-align: center;
  margin: 34px 0 28px !important;
}

.hf-stats-row strong {
  display: block;
  font-size: 62px !important;
  line-height: 1;
  color: #4f5660 !important;
}

.hf-stats-row span {
  display: block;
  color: var(--hf-blue);
  font-size: 26px !important;
  font-weight: 700;
  margin-top: 8px !important;
}

.hf-stats-row p {
  font-size: 16px !important;
  margin-top: 6px !important;
  margin-bottom: 0 !important;
}

.hf-fda-bar {
  margin-top: 10px !important;
  background: var(--hf-mid-blue);
  border-radius: 12px;
  padding: 20px 24px;
  font-size: 18px;
  color: var(--hf-navy);
}

/* =========================================================
   16. HOMEPAGE V2 ROUTING
   ========================================================= */

.hf-gamma-page .hf-audience-section p {
  max-width: 720px;
}

.hf-gamma-page .hf-final-routing h2 {
  text-align: center;
}

.hf-gamma-page .hf-final-routing .hf-card {
  padding: 28px !important;
  box-shadow: 0 16px 38px rgba(15, 37, 64, 0.12) !important;
}

.hf-gamma-page .hf-final-routing .hf-card-blue {
  background: #ffffff !important;
  color: var(--hf-text) !important;
  border-left: 4px solid var(--hf-blue);
}

.hf-gamma-page .hf-final-routing .hf-card-blue h3,
.hf-gamma-page .hf-final-routing .hf-card-blue h4,
.hf-gamma-page .hf-final-routing .hf-card-blue p,
.hf-gamma-page .hf-final-routing .hf-card-blue li {
  color: var(--hf-text) !important;
}

.hf-gamma-page .hf-final-routing .hf-card:not(.hf-card-blue) {
  border-left: 6px solid var(--hf-orange);
}

/* =========================================================
   17. ABOUT PAGE
   Scope: .hf-gamma-page.hf-about-page
   ========================================================= */

.hf-gamma-page.hf-about-page .hf-panel h2,
.hf-gamma-page.hf-about-page .hf-panel > p {
  max-width: 900px;
}

.hf-gamma-page.hf-about-page .hf-panel > p.has-text-align-center {
  margin-left: auto;
  margin-right: auto;
}

.hf-gamma-page.hf-about-page .hf-team-section {
  overflow: hidden;
}

.hf-gamma-page.hf-about-page .hf-team-section > p:not(.hf-section-label) {
  max-width: 860px;
}

.hf-gamma-page.hf-about-page .hf-team-section .wp-block-shortcode {
  margin-top: 30px !important;
}

/* =========================================================
   18. INVESTORS PAGE
   Scope: .hf-gamma-page.hf-investors-page
   ========================================================= */

.hf-gamma-page.hf-investors-page .hf-panel h2,
.hf-gamma-page.hf-investors-page .hf-panel > p {
  max-width: 900px;
}

.hf-gamma-page.hf-investors-page .hf-panel > p.has-text-align-center {
  margin-left: auto;
  margin-right: auto;
}

.hf-gamma-page.hf-investors-page .hf-market-note,
.hf-gamma-page.hf-investors-page p.has-small-font-size {
  color: var(--hf-muted);
}

/* Investor page visual rhythm */
.hf-gamma-page.hf-investors-page .hf-panel h2.has-text-align-center::after {
  content: "";
  display: block;
  width: 58px;
  height: 4px;
  background: var(--hf-orange);
  border-radius: 999px;
  margin: 12px auto 0;
}

.hf-gamma-page.hf-investors-page .hf-panel-hero:after {
  background: var(--hf-orange);
}

.hf-gamma-page.hf-investors-page .hf-panel:not(.hf-panel-hero) .hf-card {
  box-shadow: var(--hf-shadow-card-light) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.hf-gamma-page.hf-investors-page .hf-panel:not(.hf-panel-hero) .hf-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(15, 37, 64, 0.12) !important;
}

.hf-gamma-page.hf-investors-page .hf-investor-market-panel .hf-stat-card {
  text-align: left;
  background: linear-gradient(180deg, #ffffff 0%, #f7fafd 100%) !important;
  border-top: 5px solid var(--hf-blue) !important;
  border-left: 1px solid rgba(27, 63, 107, 0.08) !important;
}

.hf-gamma-page.hf-investors-page .hf-investor-market-panel .hf-stat-card:nth-child(even) {
  border-top-color: var(--hf-orange) !important;
}

.hf-gamma-page.hf-investors-page .hf-investor-market-panel .hf-stat-card h3 {
  color: var(--hf-orange) !important;
  font-size: clamp(38px, 5vw, 56px) !important;
  line-height: 1 !important;
  font-weight: 800;
  margin-bottom: 8px !important;
}

.hf-gamma-page.hf-investors-page .hf-investor-market-panel .hf-stat-card h4 {
  color: var(--hf-blue) !important;
  margin-bottom: 8px !important;
}

.hf-gamma-page.hf-investors-page .hf-investor-market-panel .hf-stat-card p {
  color: var(--hf-muted);
  font-size: 16px !important;
}

.hf-gamma-page.hf-investors-page .hf-investor-gap-panel .hf-card,
.hf-gamma-page.hf-investors-page .hf-investor-validation-panel .hf-card,
.hf-gamma-page.hf-investors-page .hf-investor-thesis-panel .hf-card {
  border-top: 1px solid rgba(27, 63, 107, 0.08) !important;
  background: #ffffff !important;
}

.hf-gamma-page.hf-investors-page .hf-investor-gap-panel .hf-card {
  border-left: 5px solid var(--hf-soft-blue) !important;
}

.hf-gamma-page.hf-investors-page .hf-investor-gap-panel .hf-card:nth-child(2) {
  border-left-color: var(--hf-orange) !important;
}

.hf-gamma-page.hf-investors-page .hf-investor-gap-panel .hf-card:nth-child(3) {
  border-left-color: rgba(27, 63, 107, 0.38) !important;
}

.hf-gamma-page.hf-investors-page .hf-investor-difference-panel .hf-card {
  border-top: 4px solid rgba(27, 63, 107, 0.22) !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
}

.hf-gamma-page.hf-investors-page .hf-investor-difference-panel .hf-card:nth-child(even) {
  border-top-color: rgba(244, 121, 32, 0.36) !important;
}

.hf-gamma-page.hf-investors-page .hf-investor-validation-panel .hf-card {
  border-left: 4px solid rgba(27, 63, 107, 0.24) !important;
}

.hf-gamma-page.hf-investors-page .hf-investor-validation-panel .hf-card:nth-child(2),
.hf-gamma-page.hf-investors-page .hf-investor-validation-panel .hf-card:nth-child(4) {
  border-left-color: rgba(244, 121, 32, 0.36) !important;
}

.hf-gamma-page.hf-investors-page .hf-investor-commercial-panel .hf-card {
  border-top: 5px solid rgba(27, 63, 107, 0.30) !important;
  background: #ffffff !important;
}

.hf-gamma-page.hf-investors-page .hf-investor-commercial-panel .hf-card:nth-child(2) {
  border-top-color: rgba(244, 121, 32, 0.45) !important;
}

.hf-gamma-page.hf-investors-page .hf-investor-commercial-panel .hf-card:nth-child(3) {
  border-top-color: rgba(185, 217, 251, 0.95) !important;
}

.hf-gamma-page.hf-investors-page .hf-investor-thesis-panel .hf-card {
  border-left: 5px solid var(--hf-soft-blue) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f9fbfe 100%) !important;
}

.hf-gamma-page.hf-investors-page .hf-investor-thesis-panel .hf-card:nth-child(2),
.hf-gamma-page.hf-investors-page .hf-investor-thesis-panel .hf-card:nth-child(4) {
  border-left-color: var(--hf-orange) !important;
}

.hf-gamma-page.hf-investors-page .hf-final-cta {
  border-top: 5px solid var(--hf-orange) !important;
}


/* =========================================================
   19. FOR SURGEONS PAGE
   Scope: .hf-gamma-page.hf-for-surgeons-page
   ========================================================= */

.hf-gamma-page.hf-for-surgeons-page .hf-surgeon-hero {
  text-align: center;
  background: linear-gradient(180deg, #eef4f9 0%, #ffffff 100%) !important;
  padding: 70px 52px 64px !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-surgeon-hero h1 {
  max-width: 920px !important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 22px !important;
  font-size: clamp(42px, 5vw, 64px) !important;
  line-height: 1.08 !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-surgeon-hero p {
  max-width: 860px !important;
  margin-left: auto;
  margin-right: auto;
}

.hf-gamma-page.hf-for-surgeons-page .hf-hero-tagline {
  color: var(--hf-orange);
  font-size: 22px !important;
  line-height: 1.35 !important;
  margin-top: 8px;
  margin-bottom: 26px;
}

.hf-gamma-page.hf-for-surgeons-page .hf-tagline-blue {
  color: var(--hf-blue) !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-surgeon-hero .wp-block-buttons,
.hf-gamma-page.hf-for-surgeons-page .hf-final-cta .wp-block-buttons {
  justify-content: center;
}

.hf-gamma-page.hf-for-surgeons-page .hf-panel h2,
.hf-gamma-page.hf-for-surgeons-page .hf-strength-section h2 {
  max-width: 900px;
}

.hf-gamma-page.hf-for-surgeons-page .hf-panel > p,
.hf-gamma-page.hf-for-surgeons-page .hf-strength-section > p {
  max-width: 880px;
}

.hf-gamma-page.hf-for-surgeons-page .hf-left-accent,
.hf-gamma-page.hf-for-surgeons-page .hf-or-card,
.hf-gamma-page.hf-for-surgeons-page .hf-stage-card {
  padding: 26px 24px !important;
  min-height: 175px;
}

.hf-gamma-page.hf-for-surgeons-page .hf-left-accent h4,
.hf-gamma-page.hf-for-surgeons-page .hf-or-card h4,
.hf-gamma-page.hf-for-surgeons-page .hf-stage-card h3 {
  font-size: 22px !important;
  line-height: 1.18 !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-left-accent p,
.hf-gamma-page.hf-for-surgeons-page .hf-or-card p,
.hf-gamma-page.hf-for-surgeons-page .hf-stage-card p {
  font-size: 16px !important;
  line-height: 1.52 !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-problem-panel .hf-left-accent {
  border-left: 5px solid var(--hf-orange) !important;
  background: #ffffff !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-preserve-panel .hf-left-accent {
  border-left: none !important;
  border-top: 4px solid rgba(27, 63, 107, 0.28) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fafd 100%) !important;
  text-align: left !important;
  min-height: 165px;
}

.hf-gamma-page.hf-for-surgeons-page .hf-preserve-panel .hf-left-accent:nth-child(2) {
  border-top-color: rgba(244, 121, 32, 0.55) !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-preserve-panel .hf-left-accent:nth-child(3) {
  border-top-color: rgba(27, 63, 107, 0.55) !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-system-unified {
  background: #ffffff !important;
  border-radius: var(--hf-panel-radius) !important;
  padding: 56px 64px 48px !important;
  box-shadow: 0 16px 42px rgba(15, 37, 64, 0.10) !important;
  border: 1px solid rgba(27, 63, 107, 0.08);
}

.hf-gamma-page.hf-for-surgeons-page .hf-system-unified h2 {
  max-width: 820px !important;
  font-size: clamp(38px, 4.4vw, 58px) !important;
  line-height: 1.08 !important;
  margin-bottom: 22px !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-system-unified p,
.hf-gamma-page.hf-for-surgeons-page .hf-system-unified ul {
  max-width: 850px !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-system-unified p,
.hf-gamma-page.hf-for-surgeons-page .hf-system-unified li {
  font-size: 18px !important;
  line-height: 1.55 !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-system-unified ul {
  margin-top: 18px !important;
  margin-bottom: 36px !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-system-unified li {
  margin-bottom: 8px !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-system-image-unified {
  width: 100% !important;
  max-width: 760px !important;
  margin: 22px auto 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-system-image-unified img {
  width: 100% !important;
  max-width: 760px !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-video-panel .wp-block-video {
  max-width: 900px !important;
  margin: 28px auto 24px !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-video-panel video {
  width: 100%;
  border-radius: var(--hf-card-radius);
  box-shadow: 0 18px 45px rgba(15, 37, 64, 0.14);
}

.hf-gamma-page.hf-for-surgeons-page .hf-treatment-stages .hf-stage-card {
  border-left: none !important;
  border-top: none !important;
  text-align: center;
  background: linear-gradient(180deg, #ffffff 0%, #eef4f9 100%) !important;
  box-shadow: 0 12px 28px rgba(15, 37, 64, 0.08) !important;
  position: relative;
}

.hf-gamma-page.hf-for-surgeons-page .hf-treatment-stages .hf-stage-card::before {
  content: "";
  display: block;
  width: 42px;
  height: 4px;
  background: var(--hf-orange);
  border-radius: 999px;
  margin: 0 auto 14px;
}

.hf-gamma-page.hf-for-surgeons-page .wp-block-quote {
  max-width: 960px;
  margin: 26px auto 0 !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-strength-section {
  background: #ffffff !important;
  padding: 52px 44px !important;
  overflow: visible;
}

.hf-gamma-page.hf-for-surgeons-page .hf-strength-graphs-two {
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 34px !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-graph-card {
  min-width: 0;
  padding: 30px !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-graph-card h3 {
  font-size: 24px !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-bar-row {
  grid-template-columns: 150px 1fr;
}

.hf-gamma-page.hf-for-surgeons-page .hf-bar-track {
  min-width: 0;
}

.hf-gamma-page.hf-for-surgeons-page .hf-superior-wide {
  margin-top: 30px;
}

.hf-gamma-page.hf-for-surgeons-page .hf-stats-row {
  max-width: 960px;
  gap: 22px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-stats-row strong {
  font-size: 52px !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-stats-row span {
  font-size: 22px !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-fda-bar {
  max-width: 960px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-workflow-panel .hf-or-card {
  border-left: none !important;
  border-top: 4px solid var(--hf-soft-blue) !important;
  background: #ffffff !important;
  text-align: left !important;
  min-height: 180px;
}

.hf-gamma-page.hf-for-surgeons-page .hf-workflow-panel .hf-or-card:nth-child(odd) {
  border-top-color: rgba(27, 63, 107, 0.35) !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-workflow-panel .hf-or-card:nth-child(even) {
  border-top-color: rgba(244, 121, 32, 0.45) !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-resource-cta-panel {
  background: linear-gradient(180deg, #ffffff 0%, #eef4f9 100%) !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-resource-cta-panel > p {
  max-width: 820px;
  margin-bottom: 28px;
}

.hf-gamma-page.hf-for-surgeons-page .hf-resource-cta {
  border-left: none !important;
  border-top: 5px solid var(--hf-blue) !important;
  text-align: left !important;
  background: #ffffff !important;
  padding: 28px 24px !important;
  min-height: 235px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.hf-gamma-page.hf-for-surgeons-page .hf-resource-cta:nth-child(2) {
  border-top-color: var(--hf-orange) !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-resource-cta:nth-child(3) {
  border-top-color: var(--hf-mid-blue) !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-resource-cta h4 {
  font-size: 22px !important;
  line-height: 1.2 !important;
  margin-bottom: 10px !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-resource-cta p {
  font-size: 16px !important;
  line-height: 1.5 !important;
  margin-bottom: 20px !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-resource-cta .wp-block-buttons {
  margin-top: auto !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-resource-cta .wp-block-button__link {
  min-width: 0;
  width: 100%;
  padding: 11px 18px;
  font-size: 14px;
  text-align: center;
}

.hf-gamma-page.hf-for-surgeons-page .hf-resource-cta-secondary {
  border-top-color: var(--hf-soft-blue) !important;
  background: #f7fafd !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-resource-cta:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 38px rgba(15, 37, 64, 0.14) !important;
}

/* =========================================================
   20. FOR PATIENTS PAGE
   Scope: .hf-gamma-page.hf-for-patients-page
   ========================================================= */

.hf-gamma-page.hf-for-patients-page .hf-patient-hero {
  background: linear-gradient(180deg, #eef4f9 0%, #ffffff 100%) !important;
  padding: 72px 64px !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-hero-columns {
  align-items: center !important;
  gap: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-hero-copy,
.hf-gamma-page.hf-for-patients-page .hf-patient-hero-image,
.hf-gamma-page.hf-for-patients-page .hf-how-it-works-panel .wp-block-column,
.hf-gamma-page.hf-for-patients-page .hf-final-patient-cta .wp-block-column {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-hero h1 {
  max-width: 660px !important;
  margin-bottom: 22px !important;
  font-size: clamp(48px, 5.4vw, 70px) !important;
  line-height: 1.04 !important;
  color: var(--hf-blue);
}

.hf-gamma-page.hf-for-patients-page .hf-patient-hero p {
  max-width: 640px !important;
  font-size: 20px !important;
  line-height: 1.62 !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-hero-image img {
  width: 100% !important;
  min-height: 420px !important;
  max-height: 540px !important;
  object-fit: cover;
  border-radius: var(--hf-panel-radius) !important;
  box-shadow: 0 18px 44px rgba(15, 37, 64, 0.16);
}

.hf-gamma-page.hf-for-patients-page .hf-patient-hero-quote,
.hf-gamma-page.hf-for-patients-page .hf-patient-final-quote {
  max-width: 640px;
  margin: 24px 0 30px !important;
  padding: 18px 24px !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-hero-quote p,
.hf-gamma-page.hf-for-patients-page .hf-patient-final-quote p {
  margin: 0 !important;
  color: var(--hf-navy);
  font-size: 21px !important;
  line-height: 1.35 !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-hero-quote strong,
.hf-gamma-page.hf-for-patients-page .hf-patient-final-quote strong,
.hf-gamma-page.hf-for-patients-page .hf-patient-emphasis strong,
.hf-gamma-page.hf-for-patients-page .hf-preserve-first-panel strong {
  color: var(--hf-orange);
}

.hf-gamma-page.hf-for-patients-page .hf-panel h2,
.hf-gamma-page.hf-for-patients-page .hf-panel > p {
  max-width: 900px;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-icon-card,
.hf-gamma-page.hf-for-patients-page .hf-patient-problem-card,
.hf-gamma-page.hf-for-patients-page .hf-patient-preserve-card,
.hf-gamma-page.hf-for-patients-page .hf-patient-detail-card,
.hf-gamma-page.hf-for-patients-page .hf-patient-faq-card,
.hf-gamma-page.hf-for-patients-page .hf-patient-resource-card,
.hf-gamma-page.hf-for-patients-page .hf-patient-question-card {
  padding: 30px 26px !important;
  box-shadow: var(--hf-shadow-card-light) !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-icon-card {
  text-align: center;
  border-top: 4px solid var(--hf-soft-blue) !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-icon-card:nth-child(even),
.hf-gamma-page.hf-for-patients-page .hf-patient-preserve-card:nth-child(even),
.hf-gamma-page.hf-for-patients-page .hf-patient-detail-card:nth-child(2),
.hf-gamma-page.hf-for-patients-page .hf-patient-detail-grid-two .hf-patient-detail-card:nth-child(2),
.hf-gamma-page.hf-for-patients-page .hf-patient-faq-grid:nth-of-type(even) .hf-patient-faq-card:nth-child(1),
.hf-gamma-page.hf-for-patients-page .hf-patient-faq-grid .hf-patient-faq-card:nth-child(2) {
  border-top-color: rgba(244, 121, 32, 0.42) !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-problem-card {
  border-left: 5px solid var(--hf-orange) !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-preserve-card {
  border-top: 5px solid rgba(27, 63, 107, 0.30) !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-detail-card {
  border-top: 5px solid var(--hf-soft-blue) !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-detail-card:nth-child(3),
.hf-gamma-page.hf-for-patients-page .hf-patient-detail-grid-two .hf-patient-detail-card:nth-child(1) {
  border-top-color: rgba(27, 63, 107, 0.38) !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-icon-card h4,
.hf-gamma-page.hf-for-patients-page .hf-patient-problem-card h4,
.hf-gamma-page.hf-for-patients-page .hf-patient-preserve-card h4,
.hf-gamma-page.hf-for-patients-page .hf-patient-detail-card h4,
.hf-gamma-page.hf-for-patients-page .hf-patient-faq-card h4,
.hf-gamma-page.hf-for-patients-page .hf-patient-resource-card h4,
.hf-gamma-page.hf-for-patients-page .hf-patient-question-card h4 {
  color: var(--hf-blue) !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  margin-bottom: 12px !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-icon-card p,
.hf-gamma-page.hf-for-patients-page .hf-patient-problem-card p,
.hf-gamma-page.hf-for-patients-page .hf-patient-preserve-card p,
.hf-gamma-page.hf-for-patients-page .hf-patient-detail-card p,
.hf-gamma-page.hf-for-patients-page .hf-patient-faq-card p,
.hf-gamma-page.hf-for-patients-page .hf-patient-resource-card p,
.hf-gamma-page.hf-for-patients-page .hf-patient-question-card li {
  font-size: 17px !important;
  line-height: 1.6 !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-info-note {
  max-width: 920px !important;
  margin: 30px auto 0 !important;
  background: #ffffff !important;
  border-left: 6px solid var(--hf-soft-blue) !important;
  border-radius: 20px !important;
  padding: 24px 28px !important;
  box-shadow: 0 10px 26px rgba(15, 37, 64, 0.07);
}

.hf-gamma-page.hf-for-patients-page .hf-patient-info-note p {
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
}

.hf-gamma-page.hf-for-patients-page .hf-how-it-works-panel .hf-patient-two-column,
.hf-gamma-page.hf-for-patients-page .hf-final-patient-cta .hf-patient-two-column {
  align-items: center !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-product-image img,
.hf-gamma-page.hf-for-patients-page .hf-final-cta-image img {
  width: 100% !important;
  border-radius: 28px !important;
  box-shadow: 0 16px 40px rgba(15, 37, 64, 0.14);
}

.hf-gamma-page.hf-for-patients-page .hf-patient-product-image img {
  max-height: 420px !important;
  object-fit: contain;
  background: #ffffff;
  padding: 20px;
  box-sizing: border-box;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-emphasis {
  color: var(--hf-orange) !important;
  font-size: 22px !important;
  line-height: 1.42 !important;
  margin-top: 22px;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-dark-card {
  background: linear-gradient(135deg, #1b3f6b 0%, #0f2540 100%) !important;
  border-radius: 24px !important;
  padding: 34px 30px !important;
  color: #ffffff !important;
  box-shadow: 0 18px 40px rgba(15, 37, 64, 0.22) !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-dark-card h4,
.hf-gamma-page.hf-for-patients-page .hf-patient-dark-card p {
  color: #ffffff !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-dark-card .wp-block-button__link {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: var(--hf-blue) !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-dark-card .wp-block-button__link:hover {
  background: var(--hf-orange) !important;
  border-color: var(--hf-orange) !important;
  color: #ffffff !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-question-card ul {
  padding-left: 22px;
  margin-bottom: 24px;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-question-card li {
  margin-bottom: 10px;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-faq-card {
  border-left: none !important;
  border-top: 4px solid rgba(27, 63, 107, 0.24) !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-faq-grid-single {
  max-width: 560px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-resource-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  padding: 0 !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-resource-card figure {
  margin: 0 !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-resource-card img {
  width: 100% !important;
  height: 220px !important;
  object-fit: cover;
  border-radius: 22px 22px 0 0 !important;
  box-shadow: none !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-resource-card:nth-child(2) img {
  object-fit: contain !important;
  background: #ffffff;
  padding: 14px;
  box-sizing: border-box;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-resource-card h4,
.hf-gamma-page.hf-for-patients-page .hf-patient-resource-card p,
.hf-gamma-page.hf-for-patients-page .hf-patient-resource-card .wp-block-buttons {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-resource-card h4 {
  margin-top: 24px !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-resource-card .wp-block-buttons {
  margin-bottom: 24px !important;
  margin-top: auto !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-resource-card .wp-block-button__link {
  width: 100%;
  min-width: 0;
  font-size: 14px;
  padding: 11px 18px;
  text-align: center;
}

.hf-gamma-page.hf-for-patients-page .hf-final-patient-cta .hf-patient-two-column {
  gap: 48px !important;
}

.hf-gamma-page.hf-for-patients-page .hf-final-patient-cta h2 {
  font-size: clamp(32px, 3.4vw, 46px) !important;
  line-height: 1.1 !important;
  max-width: 720px !important;
}

.hf-gamma-page.hf-for-patients-page .hf-final-cta-image img {
  min-height: 360px !important;
  object-fit: cover;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-disclaimer {
  max-width: 640px;
  margin-top: 28px !important;
  padding: 18px 20px !important;
  background: #f7fafd !important;
  border: 1px solid rgba(27, 63, 107, 0.10);
  border-radius: 18px;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-disclaimer p {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: var(--hf-muted);
}


/* Patient Stories section */
.hf-gamma-page.hf-for-patients-page .hf-patient-stories-panel .hf-patient-story-grid {
  width: 100% !important;
  max-width: 100% !important;
  gap: 26px !important;
  margin-top: 30px !important;
  margin-bottom: 30px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  align-items: stretch !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-stories-panel .hf-patient-story-card {
  width: auto !important;
  max-width: none !important;
  max-height: none !important;
  min-height: unset !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 0 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  background: #ffffff !important;
  border: 1px solid rgba(27, 63, 107, 0.08) !important;
  border-top: 5px solid var(--hf-soft-blue) !important;
  border-radius: var(--hf-card-radius) !important;
  box-shadow: var(--hf-shadow-card-light) !important;
  overflow: hidden !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-stories-panel .hf-patient-story-card:nth-child(2) {
  border-top-color: rgba(244, 121, 32, 0.45) !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-stories-panel .hf-patient-story-card:nth-child(3) {
  border-top-color: rgba(27, 63, 107, 0.38) !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-stories-panel .hf-patient-story-card figure {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-stories-panel .hf-patient-story-card img {
  width: 100% !important;
  height: 180px !important;
  max-height: 180px !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 18px 18px 0 0 !important;
  box-shadow: none !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-stories-panel .hf-patient-story-card h4,
.hf-gamma-page.hf-for-patients-page .hf-patient-stories-panel .hf-patient-story-card p,
.hf-gamma-page.hf-for-patients-page .hf-patient-stories-panel .hf-patient-story-card ul,
.hf-gamma-page.hf-for-patients-page .hf-patient-stories-panel .hf-patient-story-card .wp-block-buttons {
  margin-left: 22px !important;
  margin-right: 22px !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-stories-panel .hf-patient-story-card h4 {
  margin-top: 22px !important;
  margin-bottom: 10px !important;
  color: var(--hf-blue) !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-stories-panel .hf-patient-story-card p,
.hf-gamma-page.hf-for-patients-page .hf-patient-stories-panel .hf-patient-story-card li {
  font-size: 16px !important;
  line-height: 1.48 !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-stories-panel .hf-patient-story-card .hf-quote-card {
  width: auto !important;
  max-width: none !important;
  margin: 12px 22px 16px !important;
  padding: 14px 16px !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-stories-panel .hf-patient-story-card .hf-quote-card p {
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.42 !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-stories-panel .hf-patient-story-card .wp-block-buttons {
  margin-top: auto !important;
}

.hf-gamma-page.hf-for-patients-page .hf-patient-stories-panel .hf-patient-story-card .wp-block-button__link {
  width: 100%;
  min-width: 0;
  font-size: 14px;
  padding: 11px 18px;
  text-align: center;
}

/* =========================================================
   22. FINAL CTA SYSTEM
   ========================================================= */

.hf-gamma-page .hf-final-cta,
.hf-gamma-page .hf-final-patient-cta {
  text-align: center;
  background: linear-gradient(135deg, #eef4f9 0%, #ffffff 100%) !important;
  border-radius: var(--hf-panel-radius) !important;
  border: 1px solid rgba(27, 63, 107, 0.08);
  box-shadow: var(--hf-shadow-soft);
}

.hf-gamma-page.hf-for-surgeons-page .hf-final-cta,
.hf-gamma-page.hf-about-page .hf-final-cta,
.hf-gamma-page.hf-investors-page .hf-final-cta {
  margin: 46px auto !important;
  padding: 70px 52px !important;
}

.hf-gamma-page.hf-for-surgeons-page .hf-final-cta h2,
.hf-gamma-page.hf-for-surgeons-page .hf-final-cta p,
.hf-gamma-page.hf-about-page .hf-final-cta h2,
.hf-gamma-page.hf-about-page .hf-final-cta p,
.hf-gamma-page.hf-investors-page .hf-final-cta h2,
.hf-gamma-page.hf-investors-page .hf-final-cta p {
  max-width: 820px !important;
  margin-left: auto;
  margin-right: auto;
}

/* =========================================================
   23. CONTACT PAGE - FORM-FIRST SYSTEM
   Scope: .hf-gamma-page.hf-contact-page
   Supports full, compact, and minimal Contact page HTML.
   ========================================================= */

.hf-gamma-page.hf-contact-page .hf-panel h2,
.hf-gamma-page.hf-contact-page .hf-panel > p {
  max-width: 900px;
}

.hf-gamma-page.hf-contact-page .hf-panel-hero {
  background: linear-gradient(180deg, #eef4f9 0%, #ffffff 100%) !important;
}

.hf-gamma-page.hf-contact-page .hf-panel-hero h1 {
  color: var(--hf-blue);
}

.hf-gamma-page.hf-contact-page .hf-panel-hero p {
  max-width: 820px !important;
  margin-left: auto;
  margin-right: auto;
}

.hf-gamma-page.hf-contact-page .hf-contact-form-panel,
.hf-gamma-page.hf-contact-page .hf-contact-primary-panel {
  background: #ffffff !important;
}

.hf-gamma-page.hf-contact-page .hf-contact-form-columns {
  align-items: stretch !important;
  gap: 28px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.hf-gamma-page.hf-contact-page .hf-contact-form-columns > .wp-block-column {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.hf-gamma-page.hf-contact-page .hf-contact-form-card,
.hf-gamma-page.hf-contact-page .hf-contact-sidebar-card {
  background: #ffffff !important;
  border: 1px solid rgba(27, 63, 107, 0.08);
  border-radius: var(--hf-card-radius) !important;
  box-shadow: var(--hf-shadow-card-light) !important;
}

.hf-gamma-page.hf-contact-page .hf-contact-form-card {
  height: 100%;
  padding: 26px !important;
}

.hf-gamma-page.hf-contact-page .hf-contact-sidebar-card {
  padding: 22px !important;
  margin-bottom: 18px !important;
}

.hf-gamma-page.hf-contact-page .hf-contact-sidebar-card h3,
.hf-gamma-page.hf-contact-page .hf-contact-form-card h2 {
  color: var(--hf-blue);
}

.hf-gamma-page.hf-contact-page .hf-contact-form-card h2 {
  font-size: clamp(30px, 3.4vw, 42px) !important;
  margin-bottom: 12px !important;
}

.hf-gamma-page.hf-contact-page .hf-contact-sidebar-card h3 {
  font-size: 22px !important;
  line-height: 1.2 !important;
  margin-bottom: 8px !important;
}

.hf-gamma-page.hf-contact-page .hf-contact-sidebar-card p,
.hf-gamma-page.hf-contact-page .hf-contact-form-card p,
.hf-gamma-page.hf-contact-page .hf-contact-sidebar-card li {
  font-size: 16px !important;
  line-height: 1.5 !important;
}

.hf-gamma-page.hf-contact-page .hf-contact-sidebar-card ul {
  padding-left: 20px;
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}

.hf-gamma-page.hf-contact-page .hf-contact-sidebar-card li {
  margin-bottom: 7px;
}

.hf-gamma-page.hf-contact-page .hf-contact-routing-panel {
  background: var(--hf-light-2) !important;
}

.hf-gamma-page.hf-contact-page .hf-contact-routing-grid {
  width: 100% !important;
  max-width: 100% !important;
  gap: 22px !important;
  margin-top: 24px !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  align-items: stretch !important;
}

.hf-gamma-page.hf-contact-page .hf-contact-routing-grid .wp-block-column {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  max-height: none !important;
  min-height: unset !important;
  height: auto !important;
  display: block !important;
}

.hf-gamma-page.hf-contact-page .hf-contact-card {
  height: 100%;
  min-height: 140px;
  border-top: 5px solid rgba(27, 63, 107, 0.30) !important;
  box-shadow: var(--hf-shadow-card-light) !important;
}

.hf-gamma-page.hf-contact-page .hf-contact-routing-grid .wp-block-column:nth-child(even) .hf-contact-card {
  border-top-color: rgba(244, 121, 32, 0.45) !important;
}

.hf-gamma-page.hf-contact-page .hf-contact-routing-grid .wp-block-column:nth-child(3n) .hf-contact-card {
  border-top-color: rgba(185, 217, 251, 0.95) !important;
}

.hf-gamma-page.hf-contact-page .hf-contact-card h3 {
  color: var(--hf-blue);
  font-size: 22px !important;
  line-height: 1.2 !important;
  margin-bottom: 10px !important;
}

.hf-gamma-page.hf-contact-page .hf-contact-card p {
  font-size: 16px !important;
  line-height: 1.5 !important;
}

.hf-gamma-page.hf-contact-page .wpforms-container {
  margin-top: 18px !important;
}

.hf-gamma-page.hf-contact-page .wpforms-field {
  margin-bottom: 14px !important;
}

.hf-gamma-page.hf-contact-page .wpforms-container label,
.hf-gamma-page.hf-contact-page .wpforms-field-label {
  color: var(--hf-navy) !important;
  font-weight: 700 !important;
}

.hf-gamma-page.hf-contact-page .wpforms-container input,
.hf-gamma-page.hf-contact-page .wpforms-container textarea,
.hf-gamma-page.hf-contact-page .wpforms-container select {
  border-radius: 10px !important;
  border: 1px solid rgba(27, 63, 107, 0.20) !important;
  box-shadow: none !important;
}

.hf-gamma-page.hf-contact-page .wpforms-container textarea {
  min-height: 120px !important;
}

.hf-gamma-page.hf-contact-page .wpforms-container input:focus,
.hf-gamma-page.hf-contact-page .wpforms-container textarea:focus,
.hf-gamma-page.hf-contact-page .wpforms-container select:focus {
  border-color: var(--hf-blue) !important;
  box-shadow: 0 0 0 3px rgba(27, 63, 107, 0.10) !important;
  outline: none !important;
}

.hf-gamma-page.hf-contact-page .wpforms-container button,
.hf-gamma-page.hf-contact-page .wpforms-submit {
  background: var(--hf-blue) !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  padding: 12px 28px !important;
  font-weight: 700 !important;
  border: 2px solid var(--hf-blue) !important;
  box-shadow: 0 7px 18px rgba(27, 63, 107, 0.18);
}

.hf-gamma-page.hf-contact-page .wpforms-container button:hover,
.hf-gamma-page.hf-contact-page .wpforms-submit:hover {
  background: var(--hf-orange) !important;
  border-color: var(--hf-orange) !important;
}

.hf-gamma-page.hf-contact-page .hf-final-cta {
  border-top: 5px solid var(--hf-orange) !important;
  margin: 46px auto !important;
  padding: 70px 52px !important;
}

.hf-gamma-page.hf-contact-page .hf-final-cta h2,
.hf-gamma-page.hf-contact-page .hf-final-cta p {
  max-width: 820px !important;
  margin-left: auto;
  margin-right: auto;
}

/* Minimal/form-first Contact layout */
.hf-gamma-page.hf-contact-page-minimal {
  margin-top: 0 !important;
}

.hf-gamma-page.hf-contact-page-minimal .hf-panel,
.hf-gamma-page.hf-contact-page-compact .hf-panel {
  margin-top: 16px !important;
  margin-bottom: 18px !important;
}

.hf-gamma-page.hf-contact-page-minimal .hf-contact-minimal-hero,
.hf-gamma-page.hf-contact-page-compact .hf-contact-compact-hero {
  padding: 24px 30px 20px !important;
  margin-top: 0 !important;
}

.hf-gamma-page.hf-contact-page-minimal .hf-contact-minimal-hero h1,
.hf-gamma-page.hf-contact-page-compact .hf-contact-compact-hero h1 {
  font-size: clamp(32px, 4vw, 48px) !important;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.hf-gamma-page.hf-contact-page-minimal .hf-contact-intro-copy,
.hf-gamma-page.hf-contact-page-compact .hf-hero-copy {
  max-width: 700px !important;
  margin: 0 auto !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
}

.hf-gamma-page.hf-contact-page-minimal .hf-contact-minimal-hero:after,
.hf-gamma-page.hf-contact-page-compact .hf-contact-compact-hero:after {
  margin-top: 12px !important;
}

.hf-gamma-page.hf-contact-page-minimal .hf-contact-primary-panel,
.hf-gamma-page.hf-contact-page-compact .hf-contact-primary-panel {
  padding: 24px !important;
  margin-top: 14px !important;
}

.hf-gamma-page.hf-contact-page-minimal .hf-contact-form-card,
.hf-gamma-page.hf-contact-page-compact .hf-contact-form-card {
  padding: 20px !important;
}

.hf-gamma-page.hf-contact-page-minimal .hf-contact-sidebar-card,
.hf-gamma-page.hf-contact-page-compact .hf-contact-sidebar-card {
  padding: 18px !important;
  margin-bottom: 16px !important;
}


/* =========================================================
   24. SALES TOOLS PAGE
   Scope: .hf-gamma-page.hf-sales-tools-page
   Compact internal resource index
   ========================================================= */

.hf-gamma-page.hf-sales-tools-page .hf-panel{margin-top:22px!important;margin-bottom:22px!important;}
.hf-gamma-page.hf-sales-tools-page .hf-sales-tools-hero{padding:28px 34px 24px!important;margin:18px 0!important;}
.hf-gamma-page.hf-sales-tools-page .hf-sales-tools-index{padding:26px 30px!important;margin:18px 0 22px!important;}
.hf-gamma-page.hf-sales-tools-page .hf-sales-tools-hero h1{font-size:clamp(34px,4vw,48px)!important;line-height:1.12!important;margin:10px 0!important;}
.hf-gamma-page.hf-sales-tools-page .hf-sales-tools-index h2{font-size:clamp(28px,3vw,38px)!important;line-height:1.15!important;margin:8px 0 10px!important;}
.hf-gamma-page.hf-sales-tools-page .hf-sales-tools-hero p:not(.hf-section-label),.hf-gamma-page.hf-sales-tools-page .hf-sales-tools-index>:is(h2,p){max-width:760px;}
.hf-gamma-page.hf-sales-tools-page .hf-sales-tools-hero p:not(.hf-section-label),.hf-gamma-page.hf-sales-tools-page .hf-sales-tools-index>p:not(.hf-section-label){font-size:16px!important;line-height:1.45!important;}
.hf-gamma-page.hf-sales-tools-page .hf-sales-tools-hero p:not(.hf-section-label){margin:0 auto!important;}
.hf-gamma-page.hf-sales-tools-page .hf-sales-tools-index>p:not(.hf-section-label){margin-bottom:14px!important;}
.hf-gamma-page.hf-sales-tools-page .hf-sales-tools-hero:after{margin-top:14px!important;}
.hf-gamma-page.hf-sales-tools-page .hf-section-label{font-size:12px!important;padding:5px 11px!important;margin-bottom:8px!important;}
.hf-gamma-page.hf-sales-tools-page .wp-block-shortcode{margin-top:10px!important;margin-bottom:14px!important;}
.hf-gamma-page.hf-sales-tools-page .hf-sales-tools-table{margin-top:14px!important;border:1px solid rgba(20,33,61,.12);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 20px rgba(15,37,64,.05);}
.hf-gamma-page.hf-sales-tools-page .hf-sales-tools-table h3{margin:0!important;padding:9px 14px!important;font-size:13px!important;line-height:1.2!important;letter-spacing:.045em;text-transform:uppercase;color:var(--hf-blue);background:rgba(20,33,61,.045);border-top:1px solid rgba(20,33,61,.1);}
.hf-gamma-page.hf-sales-tools-page .hf-sales-tools-table h3:first-child{border-top:0;}
.hf-gamma-page.hf-sales-tools-page .hf-sales-tool-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:8px 14px!important;border-top:1px solid rgba(20,33,61,.09);background:#fff;}
.hf-gamma-page.hf-sales-tools-page .hf-sales-tool-row:nth-of-type(even){background:#fbfdff;}
.hf-gamma-page.hf-sales-tools-page .hf-sales-tool-row p{margin:0!important;line-height:1.28!important;}
.hf-gamma-page.hf-sales-tools-page .hf-sales-tool-row p:first-child{font-size:14.5px!important;}
.hf-gamma-page.hf-sales-tools-page .hf-sales-tool-row p:first-child strong{color:var(--hf-navy);font-weight:800;}
.hf-gamma-page.hf-sales-tools-page .hf-sales-tool-row p:first-child span{display:inline-block;margin-top:2px;color:rgba(20,33,61,.68);font-size:12.75px!important;line-height:1.25!important;}
.hf-gamma-page.hf-sales-tools-page .hf-sales-tool-row p:last-child{white-space:nowrap;font-size:13.5px!important;line-height:1.2!important;font-weight:700;}
.hf-gamma-page.hf-sales-tools-page .hf-sales-tool-row a{text-decoration:none;}
.hf-gamma-page.hf-sales-tools-page .hf-sales-tool-row a:hover{text-decoration:underline;}
@media (max-width:900px){.hf-gamma-page.hf-sales-tools-page :is(.hf-sales-tools-hero,.hf-sales-tools-index){padding:22px 18px!important;}}
@media (max-width:700px){.hf-gamma-page.hf-sales-tools-page .hf-sales-tool-row{grid-template-columns:1fr;gap:3px;padding:9px 12px!important;}.hf-gamma-page.hf-sales-tools-page .hf-sales-tool-row p:last-child{white-space:normal;}}


.hf-gamma-page.hf-about-page .wps-widget--team.wps-team--type-carousel .wps-team--carousel-navs,
body.page-id-89 .wps-widget--team.wps-team--type-carousel .wps-team--carousel-navs {
  position: static !important;
}

.hf-gamma-page.hf-about-page .wps-widget--team.wps-team--type-carousel .swiper-button-prev,
.hf-gamma-page.hf-about-page .wps-widget--team.wps-team--type-carousel .swiper-button-next,
body.page-id-89 .wps-widget--team.wps-team--type-carousel .swiper-button-prev,
body.page-id-89 .wps-widget--team.wps-team--type-carousel .swiper-button-next {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  border: 1px solid rgba(27, 63, 107, 0.18) !important;
  box-shadow: 0 8px 22px rgba(15, 37, 64, 0.14) !important;
  opacity: 1 !important;
  color: var(--hf-blue, #1b3f6b) !important;
  z-index: 20 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

.hf-gamma-page.hf-about-page .wps-widget--team.wps-team--type-carousel .swiper-button-prev,
body.page-id-89 .wps-widget--team.wps-team--type-carousel .swiper-button-prev {
  left: 16px !important;
}

.hf-gamma-page.hf-about-page .wps-widget--team.wps-team--type-carousel .swiper-button-next,
body.page-id-89 .wps-widget--team.wps-team--type-carousel .swiper-button-next {
  right: 16px !important;
}

.hf-gamma-page.hf-about-page .wps-widget--team.wps-team--type-carousel .swiper-button-prev::after,
.hf-gamma-page.hf-about-page .wps-widget--team.wps-team--type-carousel .swiper-button-next::after,
body.page-id-89 .wps-widget--team.wps-team--type-carousel .swiper-button-prev::after,
body.page-id-89 .wps-widget--team.wps-team--type-carousel .swiper-button-next::after {
  display: none !important;
}

.hf-gamma-page.hf-about-page .wps-widget--team.wps-team--type-carousel .swiper-button-prev i,
.hf-gamma-page.hf-about-page .wps-widget--team.wps-team--type-carousel .swiper-button-next i,
body.page-id-89 .wps-widget--team.wps-team--type-carousel .swiper-button-prev i,
body.page-id-89 .wps-widget--team.wps-team--type-carousel .swiper-button-next i {
  display: block !important;
  font-size: 18px !important;
  color: var(--hf-blue, #1b3f6b) !important;
  line-height: 1 !important;
}

.hf-gamma-page.hf-about-page .wps-widget--team.wps-team--type-carousel .swiper-button-prev:hover,
.hf-gamma-page.hf-about-page .wps-widget--team.wps-team--type-carousel .swiper-button-next:hover,
body.page-id-89 .wps-widget--team.wps-team--type-carousel .swiper-button-prev:hover,
body.page-id-89 .wps-widget--team.wps-team--type-carousel .swiper-button-next:hover {
  background: var(--hf-orange, #f47920) !important;
  border-color: var(--hf-orange, #f47920) !important;
}

.hf-gamma-page.hf-about-page .wps-widget--team.wps-team--type-carousel .swiper-button-prev:hover i,
.hf-gamma-page.hf-about-page .wps-widget--team.wps-team--type-carousel .swiper-button-next:hover i,
body.page-id-89 .wps-widget--team.wps-team--type-carousel .swiper-button-prev:hover i,
body.page-id-89 .wps-widget--team.wps-team--type-carousel .swiper-button-next:hover i {
  color: #ffffff !important;
}

/* =========================================================
   24. MOBILE / RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {
  .hf-gamma-page:is(
    .hf-page-shell,
    .hf-for-surgeons-page,
    .hf-for-patients-page,
    .hf-about-page,
    .hf-investors-page,
    .hf-contact-page,
    .hf-sales-tools-page
  ),
  body :is(.entry-content, .wp-site-blocks, .is-layout-constrained) > .hf-gamma-page:is(
    .hf-page-shell,
    .hf-for-surgeons-page,
    .hf-for-patients-page,
    .hf-about-page,
    .hf-investors-page,
    .hf-contact-page,
    .hf-sales-tools-page
  ) {
    width: min(100%, calc(100vw - 32px)) !important;
    max-width: 100% !important;
  }

  .hf-gamma-page:is(
    .hf-page-shell,
    .hf-for-surgeons-page,
    .hf-for-patients-page,
    .hf-about-page,
    .hf-investors-page,
    .hf-contact-page,
    .hf-sales-tools-page
  ) {
    padding-left: 18px;
    padding-right: 18px;
  }

  .hf-strength-grid,
  .hf-strength-graphs-two,
  .hf-superior-wide,
  .hf-stats-row,
  .hf-gamma-page.hf-for-surgeons-page .hf-strength-graphs-two,
  .hf-gamma-page.hf-for-surgeons-page .hf-superior-wide,
  .hf-gamma-page.hf-for-surgeons-page .hf-stats-row {
    grid-template-columns: 1fr;
  }

  .hf-bar-row,
  .hf-gamma-page.hf-for-surgeons-page .hf-bar-row {
    grid-template-columns: 1fr;
  }

  .hf-stats-row strong,
  .hf-gamma-page.hf-for-surgeons-page .hf-stats-row strong {
    font-size: 44px !important;
  }

  .hf-gamma-page .hf-panel,
  .hf-gamma-page .hf-strength-section,
  .hf-gamma-page.hf-for-surgeons-page .hf-surgeon-hero,
  .hf-gamma-page.hf-for-patients-page .hf-patient-hero,
  .hf-gamma-page.hf-about-page .hf-final-cta,
  .hf-gamma-page.hf-investors-page .hf-final-cta {
    padding: 32px 22px !important;
    margin: 26px auto !important;
  }

  .hf-gamma-page.hf-for-surgeons-page .hf-system-unified {
    padding: 32px 22px !important;
  }

  .hf-gamma-page.hf-for-surgeons-page .hf-system-unified h2 {
    font-size: clamp(30px, 8vw, 42px) !important;
  }

  .hf-gamma-page.hf-for-surgeons-page .hf-system-image-unified,
  .hf-gamma-page.hf-for-surgeons-page .hf-system-image-unified img {
    max-width: 100% !important;
  }

  .hf-gamma-page.hf-for-surgeons-page .hf-left-accent,
  .hf-gamma-page.hf-for-surgeons-page .hf-or-card,
  .hf-gamma-page.hf-for-surgeons-page .hf-stage-card,
  .hf-gamma-page.hf-for-surgeons-page .hf-resource-cta {
    min-height: unset;
  }

  .hf-gamma-page.hf-for-surgeons-page .hf-treatment-stages .hf-stage-card::before {
    margin-bottom: 10px;
  }

  .hf-gamma-page.hf-for-patients-page .hf-patient-hero h1 {
    font-size: clamp(34px, 9vw, 46px) !important;
  }

  .hf-gamma-page.hf-for-patients-page .hf-patient-hero-image img,
  .hf-gamma-page.hf-for-patients-page .hf-final-cta-image img {
    min-height: unset !important;
    max-height: none !important;
  }

  .hf-gamma-page.hf-for-patients-page .hf-patient-icon-card,
  .hf-gamma-page.hf-for-patients-page .hf-patient-problem-card,
  .hf-gamma-page.hf-for-patients-page .hf-patient-preserve-card,
  .hf-gamma-page.hf-for-patients-page .hf-patient-detail-card,
  .hf-gamma-page.hf-for-patients-page .hf-patient-faq-card,
  .hf-gamma-page.hf-for-patients-page .hf-patient-question-card,
  .hf-gamma-page.hf-for-patients-page .hf-patient-dark-card {
    min-height: unset;
    padding: 22px !important;
  }

  .hf-gamma-page.hf-for-patients-page .hf-patient-resource-card {
    padding: 0 !important;
  }

  .hf-gamma-page.hf-for-patients-page .hf-patient-resource-card img {
    height: auto !important;
  }

  .hf-gamma-page.hf-contact-page .hf-contact-card {
    min-height: unset;
  }

  .hf-gamma-page.hf-contact-page .hf-contact-form-card,
  .hf-gamma-page.hf-contact-page .hf-contact-sidebar-card {
    padding: 22px !important;
  }

}

@media (max-width: 782px) {
  .hf-gamma-page {
    max-width: 100%;
  }

  .hf-gamma-page > .wp-block-spacer {
    height: 12px !important;
  }

  .hf-gamma-page > .wp-block-columns,
.hf-gamma-page > .wp-block-group,
.hf-gamma-page > .wp-block-quote,
.hf-gamma-page .hf-section {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
    padding: 24px 18px !important;
    border-radius: 22px !important;
  }

  .hf-gamma-page .wp-block-columns,
.hf-gamma-page .hf-two-card-row,
.hf-gamma-page .hf-resource-grid,
.hf-gamma-page .hf-document-grid {
    gap: 18px !important;
  }

  .hf-gamma-page .wp-block-columns .wp-block-column,
.hf-gamma-page .hf-card {
    padding: 20px !important;
    margin-bottom: 14px;
  }

  .hf-gamma-page.hf-about-page h2.has-text-align-center + p + .wp-block-columns .wp-block-column,
.hf-gamma-page.hf-investors-page h2.has-text-align-center + p + .wp-block-columns .wp-block-column {
    padding: 20px !important;
    margin-bottom: 14px !important;
  }

  .hf-gamma-page h1 {
    font-size: 34px !important;
    line-height: 1.12 !important;
  }

  .hf-gamma-page h2 {
    font-size: 28px !important;
    line-height: 1.18 !important;
    margin-bottom: 16px !important;
  }

  .hf-gamma-page h3 {
    font-size: 24px !important;
  }

  .hf-gamma-page h4 {
    font-size: 21px !important;
  }

  .hf-gamma-page.hf-investors-page .hf-stat-card h3 {
    font-size: 34px !important;
  }

  .hf-gamma-page p,
.hf-gamma-page li {
    font-size: 17px !important;
    line-height: 1.55 !important;
  }

  .hf-gamma-page .wp-block-column p {
    font-size: 16px !important;
  }

  .hf-gamma-page .wp-block-button,
.hf-gamma-page .wp-block-button__link {
    width: 100%;
    text-align: center;
  }

  .hf-gamma-page .wp-block-buttons {
    gap: 10px !important;
  }

  .hf-gamma-page img {
    max-height: none !important;
  }

  .hf-gamma-page .hf-patient-detail-grid {
    gap: 18px !important;
  }

  .hf-gamma-page.hf-for-patients-page .hf-patient-stories-panel .hf-patient-story-grid {
    gap: 18px !important;
  }

  .hf-gamma-page.hf-for-patients-page .hf-patient-stories-panel .hf-patient-story-card {
    margin-bottom: 18px !important;
  }

  .hf-gamma-page.hf-for-patients-page .hf-patient-stories-panel .hf-patient-story-card img {
    height: auto !important;
    max-height: none !important;
  }

}

/* =========================================================
   25. BREADCRUMB + CONTACT MOBILE RHYTHM
   ========================================================= */

@media (max-width: 900px) {
  body .breadcrumb,
  body .breadcrumbs,
  body .breadcrumb-trail,
  body .rank-math-breadcrumb,
  body .yoast-breadcrumb,
  body .trail-items,
  body .breadcrumb-area,
  body .breadcrumb-wrapper,
  body .breadcrumb-content,
  body .page-breadcrumb,
  body .bread_crumb,
  body .bradcrumb,
  body .bradcrumbs,
  body.page .entry-title,
  body.page .page-title {
    width: min(100%, calc(100vw - 32px)) !important;
    max-width: 100% !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  body .breadcrumb,
  body .breadcrumbs,
  body .breadcrumb-trail,
  body .rank-math-breadcrumb,
  body .yoast-breadcrumb,
  body .trail-items,
  body .breadcrumb-area,
  body .breadcrumb-wrapper,
  body .breadcrumb-content,
  body .page-breadcrumb,
  body .bread_crumb,
  body .bradcrumb,
  body .bradcrumbs {
    margin-top: 14px !important;
    margin-bottom: 6px !important;
  }

  body.page .entry-title,
  body.page .page-title {
    margin-top: 8px !important;
    margin-bottom: 10px !important;
  }

  .hf-gamma-page.hf-contact-page-minimal .hf-contact-minimal-hero,
  .hf-gamma-page.hf-contact-page-minimal .hf-contact-primary-panel,
  .hf-gamma-page.hf-contact-page-compact .hf-contact-compact-hero,
  .hf-gamma-page.hf-contact-page-compact .hf-contact-primary-panel {
    padding: 20px 18px !important;
  }

  .hf-gamma-page.hf-contact-page-minimal .hf-contact-form-card,
  .hf-gamma-page.hf-contact-page-minimal .hf-contact-sidebar-card,
  .hf-gamma-page.hf-contact-page-compact .hf-contact-form-card,
  .hf-gamma-page.hf-contact-page-compact .hf-contact-sidebar-card {
    padding: 18px !important;
  }
}
/* Footer utility links row */
.hf-gamma-page .hf-footer-links {
  gap: 18px !important;
  margin-top: 18px !important;
}

.hf-gamma-page .hf-footer-links .wp-block-column {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  min-height: unset !important;
}

.hf-gamma-page .hf-footer-links p,
.hf-gamma-page .hf-footer-links a {
  margin: 0 !important;
  font-size: 16px;
}
/* =========================================================
   HOMEPAGE LAYOUT CORRECTION
   Consolidated homepage width, centering, and sidebar cleanup.
   Replaces prior TEMP homepage patch stack.
   ========================================================= */

/* Allow homepage content to use the full available theme canvas. */
body.home .site-main,
body.home .entry-content,
body.home .wp-block-post-content,
body.front-page .site-main,
body.front-page .entry-content,
body.front-page .wp-block-post-content {
  max-width: none !important;
  width: 100% !important;
}

/* Remove the empty sidebar layout on the current homepage template. */
body.page-id-1295 #content.contentsecwrap > .row > .col-lg-9.col-md-9 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

body.page-id-1295 #content.contentsecwrap > .row > #sidebar,
body.page-id-1295 #content.contentsecwrap > .row > .col-lg-3#sidebar,
body.page-id-1295 #content.contentsecwrap > .row > .col-md-4#sidebar {
  display: none !important;
}

/* Keep the HyperFlex homepage system centered and within the intended max width. */
body.home .hf-gamma-page,
body.front-page .hf-gamma-page,
body.page-id-1295 #content.contentsecwrap .hf-gamma-page,
body.home .hf-page-shell,
body.front-page .hf-page-shell,
body.page-id-1295 #content.contentsecwrap .hf-page-shell,
body.page-id-1295 #content.contentsecwrap .hf-home-v2,
body.page-id-1295 #content.contentsecwrap .hf-home-v2 > .wp-block-group {
  width: min(100%, 1180px) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Preserve comfortable homepage side padding without fighting the global page shell. */
body.home .hf-page-shell,
body.front-page .hf-page-shell,
body.page-id-1295 #content.contentsecwrap .hf-page-shell {
  padding-left: clamp(20px, 4vw, 56px) !important;
  padding-right: clamp(20px, 4vw, 56px) !important;
}

/* Keep homepage panels slightly narrower for better readability. */
body.home .hf-panel,
body.home .hf-panel-hero,
body.front-page .hf-panel,
body.front-page .hf-panel-hero,
body.page-id-1295 #content.contentsecwrap .hf-panel,
body.page-id-1295 #content.contentsecwrap .hf-panel-hero {
  width: min(100%, 1040px) !important;
  max-width: 1040px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* VAC Pack module click protection */
.hf-gamma-page.hf-sales-tools-page .hf-vac-pack-module {
  position: relative;
  z-index: 40;
  overflow: visible !important;
}

.hf-gamma-page.hf-sales-tools-page .hf-vac-pack-module a,
.hf-gamma-page.hf-sales-tools-page .hf-vac-pack-module button,
.hf-gamma-page.hf-sales-tools-page .hf-vac-pack-module [href] {
  position: relative;
  z-index: 60;
  pointer-events: auto;
}
.hf-reg {
  font-size: 0.45em;
  vertical-align: super;
  line-height: 0;
  position: relative;
  top: -0.05em;
}
/* FAQ top-border color correction */
.hf-gamma-page.hf-for-patients-page .hf-faq-panel .hf-patient-faq-grid > .wp-block-column.hf-patient-faq-card:first-child {
  border-top-color: rgba(27, 63, 107, 0.24) !important;
}
.hf-gamma-page.hf-for-patients-page .hf-faq-panel .hf-patient-faq-grid > .wp-block-column.hf-patient-faq-card:nth-child(2) {
  border-top-color: rgba(244, 121, 32, 0.42) !important;
}