/* High Blood Pressure page styles. Scoped to #high-fever-page to protect shared styles. */
:root {
  --hf-forest: #304432;
  --hf-forest-deep: #243629;
  --hf-sage: #e3eadf;
  --hf-cream: #f7f4ec;
  --hf-paper: #fffefa;
  --hf-gold: #b18a43;
  --hf-ink: #35443a;
  --hf-muted: #687269;
  --hf-border: #e6e2d8;
  --hf-shadow: 0 14px 34px rgba(36, 54, 41, .08);
}

#high-fever-page, #high-fever-page * { box-sizing: border-box; }
#high-fever-page { color: var(--hf-ink); font-family: "DM Sans", sans-serif; line-height: 1.75; overflow-wrap: anywhere; }
#high-fever-page img { display: block; max-width: 100%; }
#high-fever-page p { margin: 0 0 1rem; color: var(--hf-ink); font-size: 1rem; }
#high-fever-page h1, #high-fever-page h2, #high-fever-page h3 { color: var(--hf-forest); font-family: "Playfair Display", Georgia, serif; font-weight: 600; line-height: 1.2; }
#high-fever-page h2 { margin: 0 0 1.15rem; font-size: clamp(1.8rem, 3vw, 2.55rem); letter-spacing: -.025em; }
#high-fever-page h3 { margin: 0 0 .75rem; font-size: 1.2rem; }
#high-fever-page a { text-underline-offset: 3px; }

/* Full-width hero */
#high-fever-page .high-fever-hero { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; min-height: 300px; padding-top: 4.25rem; padding-bottom: 4.25rem; background: radial-gradient(circle at 86% 15%, rgba(227,234,223,.12), transparent 27%), linear-gradient(115deg, var(--hf-forest-deep), var(--hf-forest)); color: #fff; }
#high-fever-page .high-fever-hero-inner { position: relative; z-index: 2; }
#high-fever-page .high-fever-hero .high-fever-eyebrow { color: #e4d2a6; }
#high-fever-page .high-fever-hero h1 { max-width: 760px; margin: 0 0 1rem; color: #fff; font-size: clamp(2.5rem, 5vw, 4.25rem); letter-spacing: -.035em; }
#high-fever-page .high-fever-hero p { max-width: 690px; color: rgba(255,255,255,.86); font-size: 1.08rem; }
#high-fever-page .high-fever-eyebrow { margin-bottom: .65rem; color: var(--hf-gold); font-size: .75rem; font-weight: 700; letter-spacing: .16em; line-height: 1.4; text-transform: uppercase; }
#high-fever-page .high-fever-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.35rem; margin-top: 1.7rem; }
#high-fever-page .high-fever-btn { display: inline-flex; align-items: center; justify-content: center; gap: .65rem; min-height: 46px; padding: .8rem 1.25rem; border: 1px solid transparent; border-radius: 5px; font-size: .92rem; font-weight: 700; text-decoration: none; transition: background-color 180ms ease, color 180ms ease, transform 180ms ease; }
#high-fever-page .high-fever-btn:hover { transform: translateY(-2px); }
#high-fever-page .high-fever-btn-light { background: var(--hf-paper); border-color: var(--hf-paper); color: var(--hf-forest); }
#high-fever-page .high-fever-btn-light:hover { background: var(--hf-sage); border-color: var(--hf-sage); color: var(--hf-forest-deep); }
#high-fever-page .high-fever-hero-phone { display: inline-flex; align-items: center; gap: .55rem; color: #fff; font-weight: 600; text-decoration: none; }
#high-fever-page .high-fever-hero-phone:hover { color: #e4d2a6; }
#high-fever-page .high-fever-hero-art { position: absolute; z-index: 1; top: 50%; right: max(4%, calc((100vw - 1140px) / 2)); display: grid; width: clamp(180px, 24vw, 310px); aspect-ratio: 1; place-items: center; color: rgba(255,255,255,.16); transform: translateY(-50%); pointer-events: none; }
#high-fever-page .high-fever-hero-art > i { font-size: clamp(5rem, 12vw, 10rem); }
#high-fever-page .art-ring { position: absolute; inset: 8%; border: 1px solid rgba(255,255,255,.15); border-radius: 50%; }
#high-fever-page .art-ring-two { inset: 23%; }

/* Full-width backgrounds belong to the actual .container-fluid sections. */
#high-fever-page .high-fever-band { position: relative; width: 100%; max-width: none; padding-top: clamp(3.25rem, 6vw, 5.5rem); padding-bottom: clamp(3.25rem, 6vw, 5.5rem); }
#high-fever-page .high-fever-band-paper { background-color: var(--hf-paper); }
#high-fever-page .high-fever-band-cream { background-color: var(--hf-cream); }
#high-fever-page .high-fever-band-sage { background-color: var(--hf-sage); }
#high-fever-page .high-fever-band-forest { background-color: var(--hf-forest); color: #fff; }
#high-fever-page .high-fever-band-inner { position: relative; width: 100%; }

/* Intro */
#high-fever-page .high-fever-intro { display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); align-items: center; gap: clamp(2rem,5vw,4.5rem); }
#high-fever-page .high-fever-intro-image-wrap { position: relative; min-width: 0; padding: 0 1rem 1rem 0; }
#high-fever-page .high-fever-intro-image-wrap::before { position: absolute; z-index: 0; right: 0; bottom: 0; width: 72%; height: 72%; border-radius: 8px; background: var(--hf-sage); content: ""; }
#high-fever-page .high-fever-intro-image { position: relative; z-index: 1; width: 100%; max-height: 430px; border-radius: 7px; object-fit: cover; box-shadow: var(--hf-shadow); }
#high-fever-page .high-fever-image-note { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: .55rem; margin-top: .85rem; color: var(--hf-muted); font-size: .83rem; }
#high-fever-page .high-fever-image-note i { color: var(--hf-gold); }
#high-fever-page .high-fever-intro-copy { min-width: 0; }
#high-fever-page .high-fever-intro-copy p:last-child { margin-bottom: 0; }

/* In-page navigation */
#high-fever-page .high-fever-content-nav { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin-top: 3rem; padding: 1.1rem 1.25rem; border: 1px solid var(--hf-border); border-radius: 8px; background: #fff; }
#high-fever-page .high-fever-content-nav > span { margin-right: .35rem; color: var(--hf-forest); font-size: .88rem; font-weight: 700; }
#high-fever-page .high-fever-content-nav a { display: inline-flex; align-items: center; padding: .45rem .75rem; border-radius: 4px; background: var(--hf-cream); color: var(--hf-forest); font-size: .83rem; font-weight: 600; text-decoration: none; transition: background-color 180ms ease, color 180ms ease; }
#high-fever-page .high-fever-content-nav a:hover { background: var(--hf-forest); color: #fff; }

/* Section headings */
#high-fever-page .high-fever-section { scroll-margin-top: 110px; }
#high-fever-page .high-fever-section-heading { display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1.6rem; }
#high-fever-page .high-fever-section-heading > span { display: inline-grid; flex: 0 0 44px; width: 44px; height: 44px; place-items: center; border-radius: 50%; background: var(--hf-sage); color: var(--hf-forest); font-size: .85rem; font-weight: 700; }
#high-fever-page .high-fever-section-heading .high-fever-eyebrow { margin-bottom: .45rem; }
#high-fever-page .high-fever-section-heading h2 { margin-bottom: 0; }

/* Content cards */
#high-fever-page .high-fever-type-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.25rem; margin: 1.5rem 0 2rem; }
#high-fever-page .high-fever-type-card { min-width: 0; padding: clamp(1.25rem,2.5vw,2rem); border: 1px solid var(--hf-border); border-top: 3px solid var(--hf-gold); border-radius: 8px; background: #fff; box-shadow: 0 8px 24px rgba(36,54,41,.045); }
#high-fever-page .high-fever-type-card h3 { color: var(--hf-forest); }
#high-fever-page .high-fever-type-card p:last-child { margin-bottom: 0; }
#high-fever-page .high-fever-type-card ul { margin: 0 0 1rem; padding-left: 1.25rem; }
#high-fever-page .high-fever-type-card li { margin-bottom: .45rem; }
#high-fever-page .high-fever-subheading { margin: 2rem 0 .75rem; color: var(--hf-forest); font-family: "Playfair Display", Georgia, serif; font-size: 1.45rem; font-weight: 600; }

/* Checklists */
#high-fever-page .high-fever-check-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; margin: 1.2rem 0 0; padding: 0; list-style: none; }
#high-fever-page .high-fever-check-list li { position: relative; min-width: 0; padding: .9rem 1rem .9rem 2rem; border-bottom: 1px solid rgba(48,68,50,.13); }
#high-fever-page .high-fever-check-list li::before { position: absolute; top: .95rem; left: .25rem; color: #6f8c6b; font-family: "Font Awesome 6 Free"; font-size: .85rem; font-weight: 900; content: "\f00c"; }
#high-fever-page .high-fever-band-sage .high-fever-section-heading > span { background: rgba(255,255,255,.7); }

/* Warning callout */
#high-fever-page .high-fever-warning { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 1rem; margin-top: 2rem; padding: clamp(1.25rem,3vw,2rem); border: 1px solid #e7d9b9; border-left: 4px solid var(--hf-gold); border-radius: 8px; background: var(--hf-paper); box-shadow: 0 8px 22px rgba(36,54,41,.045); }
#high-fever-page .high-fever-warning > i { padding-top: .2rem; color: var(--hf-gold); font-size: 1.45rem; }
#high-fever-page .high-fever-warning h3 { margin-bottom: .65rem; }
#high-fever-page .high-fever-warning p:last-child { margin-bottom: 0; }

/* Management call to action */
#high-fever-page .high-fever-band-forest .high-fever-eyebrow { color: #e4d2a6; }
#high-fever-page .high-fever-band-forest h2, #high-fever-page .high-fever-band-forest h3 { color: #fff; }
#high-fever-page .high-fever-band-forest p { color: rgba(255,255,255,.85); }
#high-fever-page .high-fever-treatment { display: grid; grid-template-columns: 76px minmax(0,1fr); align-items: start; gap: 1.5rem; max-width: 900px; margin: 0 auto; }
#high-fever-page .high-fever-treatment-icon { display: grid; width: 76px; height: 76px; place-items: center; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; background: rgba(255,255,255,.08); color: #e4d2a6; font-size: 1.8rem; }
#high-fever-page .high-fever-treatment .high-fever-btn { margin-top: .5rem; }

@media (max-width: 991.98px) {
  #high-fever-page .high-fever-hero { min-height: 280px; padding-top: 3.5rem; padding-bottom: 3.5rem; }
  #high-fever-page .high-fever-hero-art { right: 2%; opacity: .65; }
  #high-fever-page .high-fever-intro { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 2rem; }
  #high-fever-page .high-fever-content-nav { margin-top: 2.25rem; }
}

@media (max-width: 767.98px) {
  #high-fever-page .high-fever-hero { min-height: auto; padding-top: 3.25rem; padding-bottom: 3.25rem; }
  #high-fever-page .high-fever-hero h1 { max-width: 100%; font-size: clamp(2.15rem,9vw,3.1rem); }
  #high-fever-page .high-fever-hero p { max-width: 100%; font-size: 1rem; }
  #high-fever-page .high-fever-hero-art { top: auto; right: -2rem; bottom: -2rem; width: 150px; transform: none; opacity: .35; }
  #high-fever-page .high-fever-hero-art > i { font-size: 5rem; }
  #high-fever-page .high-fever-intro { grid-template-columns: minmax(0,1fr); gap: 2rem; }
  #high-fever-page .high-fever-intro-image-wrap { max-width: 560px; }
  #high-fever-page .high-fever-intro-image { max-height: 360px; }
  #high-fever-page .high-fever-type-grid, #high-fever-page .high-fever-check-list { grid-template-columns: minmax(0,1fr); }
  #high-fever-page .high-fever-content-nav { align-items: stretch; gap: .5rem; }
  #high-fever-page .high-fever-content-nav > span { flex: 0 0 100%; margin-bottom: .25rem; }
  #high-fever-page .high-fever-content-nav a { flex: 1 1 calc(50% - .5rem); }
  #high-fever-page .high-fever-section-heading { gap: .75rem; }
  #high-fever-page .high-fever-section-heading > span { flex-basis: 38px; width: 38px; height: 38px; }
  #high-fever-page .high-fever-warning { grid-template-columns: minmax(0,1fr); gap: .6rem; }
  #high-fever-page .high-fever-treatment { grid-template-columns: minmax(0,1fr); gap: 1rem; }
  #high-fever-page .high-fever-treatment-icon { width: 60px; height: 60px; font-size: 1.4rem; }
}

@media (max-width: 420px) {
  #high-fever-page .high-fever-hero-actions { align-items: stretch; flex-direction: column; }
  #high-fever-page .high-fever-btn { width: 100%; }
  #high-fever-page .high-fever-hero-phone { justify-content: center; }
  #high-fever-page .high-fever-content-nav a { flex-basis: 100%; }
  #high-fever-page .high-fever-type-card { padding: 1.1rem; }
}

@media (prefers-reduced-motion: reduce) {
  #high-fever-page *, #high-fever-page *::before, #high-fever-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}