/* =========================================================
   JRT CLINICAL EDITORIAL GUIDE SYSTEM
   Version 1.0
   File: 14-clinical-guides.css

   Purpose:
   - Clinical editorial guides
   - Medical-information pages
   - Complementary Chinese medicine reading pages
   - Metabolic, digestive and lifestyle topics
   - Clear medical-safety boundaries

   Canonical root:

   <main
     id="main-content"
     class="
       jrt-clinical-guide
       jrt-clinical-guide--cholesterol
     "
   >

   Depends on:
   - 00-variables.css
   - 01-base.css
   - 02-typography.css
   - 03-navigation.css
   - 04-links.css
   - 05-components.css
   - 06-responsive.css
========================================================= */


/* =========================================================
   00 — ROOT TOKENS
========================================================= */

main#main-content.jrt-clinical-guide {
  --jrt-guide-max:
    1200px;

  --jrt-guide-reading:
    780px;

  --jrt-guide-green:
    var(
      --jrt-green-dark,
      #2a4542
    );

  --jrt-guide-green-mid:
    var(
      --jrt-green,
      #345b53
    );

  --jrt-guide-green-soft:
    #6f8d84;

  --jrt-guide-gold:
    var(
      --jrt-gold,
      #b49758
    );

  --jrt-guide-brown:
    #9c7554;

  --jrt-guide-copy:
    var(
      --jrt-text,
      #34403b
    );

  --jrt-guide-muted:
    var(
      --jrt-muted,
      #65716c
    );

  --jrt-guide-paper:
    var(
      --jrt-paper,
      #f3f0e9
    );

  --jrt-guide-white:
    #faf8f3;

  --jrt-guide-cream:
    #eee8dd;

  --jrt-guide-sage:
    #e6ece6;

  --jrt-guide-sage-light:
    #edf1ed;

  --jrt-guide-sage-medium:
    #dce7df;

  --jrt-guide-dark:
    #294844;

  --jrt-guide-dark-copy:
    rgba(250, 248, 243, 0.80);

  --jrt-guide-line:
    rgba(42, 69, 66, 0.16);

  --jrt-guide-line-strong:
    rgba(42, 69, 66, 0.28);

  --jrt-guide-card:
    rgba(250, 248, 243, 0.78);

  --jrt-guide-shadow:
    0 20px 58px
    rgba(31, 54, 50, 0.07);

  --jrt-guide-shadow-soft:
    0 12px 36px
    rgba(31, 54, 50, 0.05);

  --jrt-guide-radius-small:
    12px;

  --jrt-guide-radius-medium:
    22px;

  --jrt-guide-radius-large:
    32px;

  --jrt-guide-section-large:
    clamp(82px, 9vw, 132px);

  --jrt-guide-section-medium:
    clamp(66px, 7vw, 104px);

  position: relative;

  width: 100%;

  color:
    var(--jrt-guide-copy);

  background:
    var(--jrt-guide-paper);

  overflow: hidden;
}


/* =========================================================
   01 — RESET / SAFETY
========================================================= */

main#main-content.jrt-clinical-guide *,
main#main-content.jrt-clinical-guide *::before,
main#main-content.jrt-clinical-guide *::after {
  box-sizing: border-box;
}

main#main-content.jrt-clinical-guide {
  overflow-wrap: break-word;
}

main#main-content.jrt-clinical-guide img {
  display: block;

  width: 100%;
  max-width: 100%;
  height: auto;
}

main#main-content.jrt-clinical-guide
p:last-child {
  margin-bottom: 0;
}

main#main-content.jrt-clinical-guide
a {
  transition:
    color 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease,
    transform 180ms ease,
    opacity 180ms ease;
}

main#main-content.jrt-clinical-guide
a:focus-visible {
  outline:
    3px solid
    rgba(180, 151, 88, 0.42);

  outline-offset: 4px;
}


/* =========================================================
   02 — TRUE FULL BLEED / DIVI RESET
========================================================= */

#main-content
.jrt-clinical-guide.jrt-full-bleed {
  position: relative !important;

  left: 50% !important;

  width: 100vw !important;
  max-width: 100vw !important;

  margin-left: -50vw !important;
  margin-right: 0 !important;

  padding-left: 0 !important;
  padding-right: 0 !important;
}

body:has(.jrt-clinical-guide)
.et_pb_section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body:has(.jrt-clinical-guide)
.et_pb_row {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;
}

body:has(.jrt-clinical-guide)
.et_pb_code,
body:has(.jrt-clinical-guide)
.et_pb_code_inner,
body:has(.jrt-clinical-guide)
.et_pb_module {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;
}

body.single-post:has(.jrt-clinical-guide)
#main-content > .container,
body.single-post:has(.jrt-clinical-guide)
#main-content .container {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;
}

body.single-post:has(.jrt-clinical-guide)
#main-content .container::before {
  display: none !important;
  content: none !important;
}

body.single-post:has(.jrt-clinical-guide)
#left-area {
  float: none !important;

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

  margin: 0 !important;
  padding: 0 !important;
}

body.single-post:has(.jrt-clinical-guide)
#sidebar {
  display: none !important;
}

body.single-post:has(.jrt-clinical-guide)
.et_post_meta_wrapper:empty {
  display: none !important;

  height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}

html,
body {
  overflow-x: clip;
}


/* =========================================================
   03 — CONTAINERS
========================================================= */

main#main-content.jrt-clinical-guide
.jrt-guide-container {
  width:
    min(
      calc(100% - clamp(40px, 8vw, 128px)),
      var(--jrt-guide-max)
    );

  max-width:
    var(--jrt-guide-max);

  margin-inline: auto;
}

main#main-content.jrt-clinical-guide
.jrt-guide-container--reading {
  width:
    min(
      calc(100% - clamp(40px, 8vw, 128px)),
      var(--jrt-guide-reading)
    );

  max-width:
    var(--jrt-guide-reading);

  margin-inline: auto;
}


/* =========================================================
   04 — BREADCRUMB WRAPPER
========================================================= */

main#main-content.jrt-clinical-guide
.jrt-guide-breadcrumb-wrap {
  width: 100%;

  padding:
    18px
    0;

  background:
    var(--jrt-guide-white);

  border-bottom:
    1px solid
    var(--jrt-guide-line);
}

main#main-content.jrt-clinical-guide
.jrt-guide-breadcrumb {
  margin: 0;
}

main#main-content.jrt-clinical-guide
.jrt-guide-breadcrumb__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap:
    8px;

  margin: 0;
  padding: 0;

  list-style: none;
}

main#main-content.jrt-clinical-guide
.jrt-guide-breadcrumb__item,
main#main-content.jrt-clinical-guide
.jrt-guide-breadcrumb__separator {
  margin: 0;
  padding: 0;

  list-style: none;
}

main#main-content.jrt-clinical-guide
.jrt-guide-breadcrumb__item::before,
main#main-content.jrt-clinical-guide
.jrt-guide-breadcrumb__separator::before {
  display: none !important;

  content: none !important;
}

main#main-content.jrt-clinical-guide
.jrt-guide-breadcrumb__link,
main#main-content.jrt-clinical-guide
.jrt-guide-breadcrumb__current,
main#main-content.jrt-clinical-guide
.jrt-guide-breadcrumb__separator {
  font-family:
    var(--jrt-font-sans, Arial, sans-serif);

  font-size: 0.72rem;
  line-height: 1.4;
}

main#main-content.jrt-clinical-guide
.jrt-guide-breadcrumb__link {
  color:
    var(--jrt-guide-green-mid) !important;

  text-decoration: none !important;
}

main#main-content.jrt-clinical-guide
.jrt-guide-breadcrumb__current,
main#main-content.jrt-clinical-guide
.jrt-guide-breadcrumb__separator {
  color:
    rgba(42, 69, 66, 0.52);
}


/* =========================================================
   05 — COMMON TYPOGRAPHY
========================================================= */

main#main-content.jrt-clinical-guide
.jrt-guide-eyebrow {
  margin:
    0
    0
    16px;

  color:
    var(--jrt-guide-brown);

  -webkit-text-fill-color:
    var(--jrt-guide-brown);

  font-family:
    var(--jrt-font-sans, Arial, sans-serif);

  font-size: 0.7rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

main#main-content.jrt-clinical-guide
.jrt-guide-section--dark
.jrt-guide-eyebrow {
  color:
    #d4b878;

  -webkit-text-fill-color:
    #d4b878;
}


/* =========================================================
   06 — BUTTONS
========================================================= */

main#main-content.jrt-clinical-guide
.jrt-guide-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 9px;

  min-height: 50px;

  padding:
    13px
    24px;

  border:
    1px solid
    transparent;

  border-radius: 999px;

  font-family:
    var(--jrt-font-sans, Arial, sans-serif);

  font-size: 0.78rem;
  line-height: 1.2;
  font-weight: 700;

  text-decoration: none !important;
}

main#main-content.jrt-clinical-guide
.jrt-guide-button:hover {
  transform:
    translateY(-2px);
}

main#main-content.jrt-clinical-guide
.jrt-guide-button--primary {
  color:
    #ffffff !important;

  -webkit-text-fill-color:
    #ffffff !important;

  background:
    var(--jrt-guide-green);

  border-color:
    var(--jrt-guide-green);
}

main#main-content.jrt-clinical-guide
.jrt-guide-button--primary:hover {
  background:
    #365650;

  border-color:
    #365650;
}

main#main-content.jrt-clinical-guide
.jrt-guide-button--outline {
  color:
    var(--jrt-guide-green) !important;

  -webkit-text-fill-color:
    var(--jrt-guide-green) !important;

  background:
    transparent;

  border-color:
    var(--jrt-guide-line-strong);
}

main#main-content.jrt-clinical-guide
.jrt-guide-button--outline:hover {
  background:
    var(--jrt-guide-white);

  border-color:
    var(--jrt-guide-green);
}

main#main-content.jrt-clinical-guide
.jrt-guide-button--text {
  min-height: auto;

  padding:
    10px
    2px;

  color:
    var(--jrt-guide-green) !important;

  -webkit-text-fill-color:
    var(--jrt-guide-green) !important;

  background:
    transparent;

  border: 0;
}


/* =========================================================
   07 — HERO
========================================================= */

main#main-content.jrt-clinical-guide
.jrt-guide-hero {
  position: relative;

  width: 100%;

  padding:
    clamp(72px, 8vw, 118px)
    0
    clamp(78px, 9vw, 128px);

  background:
    radial-gradient(
      circle at 12% 12%,
      rgba(180, 151, 88, 0.10),
      transparent 31%
    ),
    radial-gradient(
      circle at 88% 82%,
      rgba(111, 141, 132, 0.11),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #f4f0e8 0%,
      #eeeae1 52%,
      #e3eae4 100%
    );

  border-bottom:
    1px solid
    var(--jrt-guide-line);
}

main#main-content.jrt-clinical-guide
.jrt-guide-hero__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;

  gap: 18px;

  margin-bottom:
    clamp(42px, 6vw, 72px);

  padding-bottom:
    24px;

  border-bottom:
    1px solid
    var(--jrt-guide-line);
}

main#main-content.jrt-clinical-guide
.jrt-guide-identity {
  display: inline-flex;
  align-items: center;

  gap: 9px;

  color:
    var(--jrt-guide-green);

  -webkit-text-fill-color:
    var(--jrt-guide-green);

  font-family:
    var(--jrt-font-sans, Arial, sans-serif);

  font-size: 0.68rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

main#main-content.jrt-clinical-guide
.jrt-guide-identity__dot {
  display: block;

  width: 7px;
  height: 7px;
  flex: 0 0 7px;

  border-radius: 50%;

  background:
    var(--jrt-guide-brown);
}

main#main-content.jrt-clinical-guide
.jrt-guide-hero__context {
  margin: 0;

  color:
    rgba(42, 69, 66, 0.58);

  font-family:
    var(--jrt-font-sans, Arial, sans-serif);

  font-size: 0.68rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

main#main-content.jrt-clinical-guide
.jrt-guide-hero__grid {
  display: grid;

  grid-template-columns:
    minmax(0, 1.03fr)
    minmax(420px, 0.97fr);

  gap:
    clamp(48px, 8vw, 104px);

  align-items: center;
}

main#main-content.jrt-clinical-guide
.jrt-guide-hero__content {
  min-width: 0;
  max-width: 760px;
}

main#main-content.jrt-clinical-guide
.jrt-guide-hero h1 {
  max-width: 11em;

  margin:
    0
    0
    28px;

  color:
    var(--jrt-guide-green);

  -webkit-text-fill-color:
    var(--jrt-guide-green);

  font-family:
    var(
      --jrt-font-serif,
      var(--jrt-font-heading, Georgia, serif)
    );

  font-size:
    clamp(3.15rem, 6.5vw, 6.2rem);

  font-weight: 400;
  line-height: 0.98;
  letter-spacing: -0.052em;

  text-wrap: balance;
}

main#main-content.jrt-clinical-guide
.jrt-guide-hero__lead {
  max-width: 690px;

  margin: 0;

  color:
    var(--jrt-guide-copy);

  -webkit-text-fill-color:
    var(--jrt-guide-copy);

  font-size:
    clamp(1.08rem, 1.7vw, 1.32rem);

  line-height: 1.75;
}

main#main-content.jrt-clinical-guide
.jrt-guide-hero__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 16px;

  margin-top:
    34px;
}

main#main-content.jrt-clinical-guide
.jrt-guide-hero__media {
  position: relative;

  margin: 0;

  overflow: hidden;

  background:
    var(--jrt-guide-sage);

  border-radius:
    var(--jrt-guide-radius-large);

  box-shadow:
    var(--jrt-guide-shadow);
}

main#main-content.jrt-clinical-guide
.jrt-guide-hero__media::after {
  position: absolute;

  inset: 0;

  background:
    linear-gradient(
      to top,
      rgba(31, 58, 53, 0.16),
      transparent 38%
    );

  content: "";

  pointer-events: none;
}

main#main-content.jrt-clinical-guide
.jrt-guide-hero__media img {
  aspect-ratio:
    3 / 2;

  object-fit:
    cover;
}

main#main-content.jrt-clinical-guide
.jrt-guide-hero__statement {
  display: grid;

  grid-template-columns:
    minmax(0, 1.15fr)
    minmax(250px, 0.65fr);

  gap:
    clamp(36px, 6vw, 78px);

  align-items: end;

  margin-top:
    clamp(48px, 7vw, 84px);

  padding:
    clamp(34px, 5vw, 56px)
    0;

  border-top:
    1px solid
    var(--jrt-guide-line);

  border-bottom:
    1px solid
    var(--jrt-guide-line);
}

main#main-content.jrt-clinical-guide
.jrt-guide-hero__statement blockquote {
  max-width: 760px;

  margin: 0;
  padding: 0;

  color:
    var(--jrt-guide-green);

  -webkit-text-fill-color:
    var(--jrt-guide-green);

  background:
    transparent;

  border: 0;

  font-family:
    var(
      --jrt-font-serif,
      var(--jrt-font-heading, Georgia, serif)
    );

  font-size:
    clamp(2rem, 3.8vw, 3.8rem);

  font-weight: 400;
  line-height: 1.12;
  letter-spacing: -0.04em;
}

main#main-content.jrt-clinical-guide
.jrt-guide-hero__statement > p {
  max-width: 390px;

  margin: 0;

  color:
    var(--jrt-guide-muted);

  line-height: 1.75;
}


/* =========================================================
   08 — SECTIONS / SURFACES
========================================================= */

main#main-content.jrt-clinical-guide
.jrt-guide-section {
  position: relative;

  width: 100%;

  padding:
    var(--jrt-guide-section-large)
    0;
}

main#main-content.jrt-clinical-guide
.jrt-guide-section--medium {
  padding:
    var(--jrt-guide-section-medium)
    0;
}

main#main-content.jrt-clinical-guide
.jrt-guide-section--white {
  background:
    linear-gradient(
      180deg,
      #faf8f3 0%,
      #f7f4ed 100%
    );
}

main#main-content.jrt-clinical-guide
.jrt-guide-section--paper {
  background:
    radial-gradient(
      circle at 88% 12%,
      rgba(180, 151, 88, 0.08),
      transparent 34%
    ),
    var(--jrt-guide-paper);
}

main#main-content.jrt-clinical-guide
.jrt-guide-section--cream {
  background:
    var(--jrt-guide-cream);
}

main#main-content.jrt-clinical-guide
.jrt-guide-section--sage {
  background:
    var(--jrt-guide-sage);
}

main#main-content.jrt-clinical-guide
.jrt-guide-section--sage-light {
  background:
    var(--jrt-guide-sage-light);
}

main#main-content.jrt-clinical-guide
.jrt-guide-section--sage-medium {
  background:
    var(--jrt-guide-sage-medium);
}

main#main-content.jrt-clinical-guide
.jrt-guide-section--dark {
  color:
    var(--jrt-guide-dark-copy);

  background:
    radial-gradient(
      circle at 86% 14%,
      rgba(216, 186, 112, 0.13),
      transparent 34%
    ),
    var(--jrt-guide-dark);
}

main#main-content.jrt-clinical-guide
.jrt-guide-section--clinic {
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(180, 151, 88, 0.08),
      transparent 34%
    ),
    #e9eee9;
}


/* =========================================================
   09 — SECTION HEADINGS
========================================================= */

main#main-content.jrt-clinical-guide
.jrt-guide-heading {
  max-width: 860px;

  margin-bottom:
    clamp(42px, 6vw, 72px);
}

main#main-content.jrt-clinical-guide
.jrt-guide-heading--split {
  max-width: none;

  display: grid;

  grid-template-columns:
    minmax(0, 1.2fr)
    minmax(280px, 0.8fr);

  gap:
    clamp(40px, 7vw, 88px);

  align-items: end;
}

main#main-content.jrt-clinical-guide
.jrt-guide-heading h2 {
  max-width: 13em;

  margin: 0;

  color:
    var(--jrt-guide-green);

  -webkit-text-fill-color:
    var(--jrt-guide-green);

  font-family:
    var(
      --jrt-font-serif,
      var(--jrt-font-heading, Georgia, serif)
    );

  font-size:
    clamp(2.35rem, 4.7vw, 4.5rem);

  font-weight: 400;
  line-height: 1.06;
  letter-spacing: -0.043em;

  text-wrap: balance;
}

main#main-content.jrt-clinical-guide
.jrt-guide-heading__intro {
  max-width: 560px;

  margin:
    24px
    0
    0;

  color:
    var(--jrt-guide-muted);

  line-height: 1.78;
}

main#main-content.jrt-clinical-guide
.jrt-guide-heading--split
.jrt-guide-heading__intro {
  margin: 0;
}


/* =========================================================
   10 — READING BLOCK
========================================================= */

main#main-content.jrt-clinical-guide
.jrt-guide-reading {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(260px, 0.52fr);

  gap:
    clamp(44px, 7vw, 88px);

  align-items: start;
}

main#main-content.jrt-clinical-guide
.jrt-guide-reading__content {
  min-width: 0;
}

main#main-content.jrt-clinical-guide
.jrt-guide-reading__content p {
  margin:
    0
    0
    1.5em;

  color:
    var(--jrt-guide-copy);

  font-size:
    clamp(1.03rem, 1.45vw, 1.18rem);

  line-height: 1.85;
}

main#main-content.jrt-clinical-guide
.jrt-guide-reading__lead {
  color:
    var(--jrt-guide-green) !important;

  font-family:
    var(
      --jrt-font-serif,
      var(--jrt-font-heading, Georgia, serif)
    );

  font-size:
    clamp(1.55rem, 2.7vw, 2.35rem) !important;

  line-height: 1.45 !important;
  letter-spacing: -0.025em;
}

main#main-content.jrt-clinical-guide
.jrt-guide-reading__note {
  padding:
    clamp(26px, 4vw, 38px);

  background:
    rgba(250, 248, 243, 0.72);

  border:
    1px solid
    var(--jrt-guide-line);

  border-radius:
    var(--jrt-guide-radius-medium);

  box-shadow:
    var(--jrt-guide-shadow-soft);
}

main#main-content.jrt-clinical-guide
.jrt-guide-reading__note-label {
  margin:
    0
    0
    18px;

  color:
    var(--jrt-guide-brown);

  -webkit-text-fill-color:
    var(--jrt-guide-brown);

  font-family:
    var(--jrt-font-sans, Arial, sans-serif);

  font-size: 0.68rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

main#main-content.jrt-clinical-guide
.jrt-guide-reading__note p:not(
  .jrt-guide-reading__note-label
) {
  margin:
    0
    0
    1.2em;

  color:
    var(--jrt-guide-muted);

  line-height: 1.72;
}


/* =========================================================
   11 — CARD GRIDS
========================================================= */

main#main-content.jrt-clinical-guide
.jrt-guide-grid {
  display: grid;

  gap:
    22px;
}

main#main-content.jrt-clinical-guide
.jrt-guide-grid--two {
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
}

main#main-content.jrt-clinical-guide
.jrt-guide-grid--three {
  grid-template-columns:
    repeat(3, minmax(0, 1fr));
}

main#main-content.jrt-clinical-guide
.jrt-guide-grid--four {
  grid-template-columns:
    repeat(4, minmax(0, 1fr));
}

main#main-content.jrt-clinical-guide
.jrt-guide-card {
  min-width: 0;

  display: flex;
  flex-direction: column;

  min-height: 330px;

  padding:
    clamp(28px, 4vw, 40px);

  background:
    var(--jrt-guide-card);

  border:
    1px solid
    var(--jrt-guide-line);

  border-radius:
    var(--jrt-guide-radius-medium);

  box-shadow:
    var(--jrt-guide-shadow-soft);
}

main#main-content.jrt-clinical-guide
.jrt-guide-card:hover {
  border-color:
    rgba(156, 117, 84, 0.34);

  box-shadow:
    var(--jrt-guide-shadow);

  transform:
    translateY(-3px);
}

main#main-content.jrt-clinical-guide
.jrt-guide-card__number,
main#main-content.jrt-clinical-guide
.jrt-guide-card__eyebrow {
  margin:
    0
    0
    38px;

  color:
    var(--jrt-guide-brown);

  -webkit-text-fill-color:
    var(--jrt-guide-brown);

  font-family:
    var(--jrt-font-sans, Arial, sans-serif);

  font-size: 0.68rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

main#main-content.jrt-clinical-guide
.jrt-guide-card h3 {
  margin:
    0
    0
    18px;

  color:
    var(--jrt-guide-green);

  -webkit-text-fill-color:
    var(--jrt-guide-green);

  font-family:
    var(
      --jrt-font-serif,
      var(--jrt-font-heading, Georgia, serif)
    );

  font-size:
    clamp(1.45rem, 2.5vw, 2.05rem);

  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.025em;
}

main#main-content.jrt-clinical-guide
.jrt-guide-card p {
  margin:
    0
    0
    1.2em;

  color:
    var(--jrt-guide-muted);

  line-height: 1.72;
}

main#main-content.jrt-clinical-guide
.jrt-guide-card__link {
  display: inline-flex;
  align-items: center;

  gap: 10px;

  width: fit-content;

  margin-top: auto;
  padding-top: 26px;

  color:
    var(--jrt-guide-green) !important;

  -webkit-text-fill-color:
    var(--jrt-guide-green) !important;

  font-family:
    var(--jrt-font-sans, Arial, sans-serif);

  font-size: 0.76rem;
  font-weight: 700;

  text-decoration: none !important;
}

main#main-content.jrt-clinical-guide
.jrt-guide-card__link:hover {
  color:
    var(--jrt-guide-brown) !important;

  -webkit-text-fill-color:
    var(--jrt-guide-brown) !important;
}


/* =========================================================
   12 — DARK STATEMENT
========================================================= */

main#main-content.jrt-clinical-guide
.jrt-guide-statement {
  max-width: 900px;

  margin-inline: auto;

  text-align: center;
}

main#main-content.jrt-clinical-guide
.jrt-guide-statement h2 {
  max-width: 14em;

  margin:
    0
    auto
    clamp(30px, 5vw, 52px);

  color:
    #faf8f3;

  -webkit-text-fill-color:
    #faf8f3;

  font-family:
    var(
      --jrt-font-serif,
      var(--jrt-font-heading, Georgia, serif)
    );

  font-size:
    clamp(2.5rem, 5vw, 4.8rem);

  font-weight: 400;
  line-height: 1.06;
  letter-spacing: -0.045em;

  text-wrap: balance;
}

main#main-content.jrt-clinical-guide
.jrt-guide-statement p {
  max-width: 700px;

  margin:
    0
    auto
    1.25rem;

  color:
    var(--jrt-guide-dark-copy);

  -webkit-text-fill-color:
    var(--jrt-guide-dark-copy);

  line-height: 1.8;
}


/* =========================================================
   13 — OBSERVATION FLOW
========================================================= */

main#main-content.jrt-clinical-guide
.jrt-guide-flow {
  display: grid;

  border-top:
    1px solid
    var(--jrt-guide-line);

  border-left:
    1px solid
    var(--jrt-guide-line);
}

main#main-content.jrt-clinical-guide
.jrt-guide-flow--four {
  grid-template-columns:
    repeat(4, minmax(0, 1fr));
}

main#main-content.jrt-clinical-guide
.jrt-guide-flow__item {
  min-height: 300px;

  padding:
    clamp(28px, 4vw, 38px);

  border-right:
    1px solid
    var(--jrt-guide-line);

  border-bottom:
    1px solid
    var(--jrt-guide-line);
}

main#main-content.jrt-clinical-guide
.jrt-guide-flow__number {
  display: block;

  margin-bottom:
    52px;

  color:
    var(--jrt-guide-brown);

  -webkit-text-fill-color:
    var(--jrt-guide-brown);

  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
}

main#main-content.jrt-clinical-guide
.jrt-guide-flow__item h3 {
  margin:
    0
    0
    16px;

  color:
    var(--jrt-guide-green);

  -webkit-text-fill-color:
    var(--jrt-guide-green);

  font-family:
    var(
      --jrt-font-serif,
      var(--jrt-font-heading, Georgia, serif)
    );

  font-size:
    clamp(1.4rem, 2.3vw, 1.9rem);

  font-weight: 400;
  line-height: 1.2;
}

main#main-content.jrt-clinical-guide
.jrt-guide-flow__item p {
  margin: 0;

  color:
    var(--jrt-guide-muted);

  line-height: 1.72;
}


/* =========================================================
   14 — TEXT LINK
========================================================= */

main#main-content.jrt-clinical-guide
.jrt-guide-text-link {
  display: inline-flex;
  align-items: center;

  gap: 10px;

  margin-top:
    12px;

  color:
    var(--jrt-guide-green) !important;

  -webkit-text-fill-color:
    var(--jrt-guide-green) !important;

  font-weight: 700;

  text-decoration:
    underline;

  text-decoration-color:
    rgba(52, 91, 83, 0.36);

  text-underline-offset:
    0.2em;
}


/* =========================================================
   15 — SAFETY PANEL
========================================================= */

main#main-content.jrt-clinical-guide
.jrt-guide-safety {
  max-width: 900px;

  margin-inline: auto;
}

main#main-content.jrt-clinical-guide
.jrt-guide-safety h2 {
  max-width: 13em;

  margin:
    0
    0
    30px;

  color:
    #faf8f3;

  -webkit-text-fill-color:
    #faf8f3;

  font-family:
    var(
      --jrt-font-serif,
      var(--jrt-font-heading, Georgia, serif)
    );

  font-size:
    clamp(2.35rem, 4.7vw, 4.4rem);

  font-weight: 400;
  line-height: 1.06;
  letter-spacing: -0.043em;
}

main#main-content.jrt-clinical-guide
.jrt-guide-safety__lead {
  max-width: 720px;

  margin:
    0
    0
    36px;

  color:
    var(--jrt-guide-dark-copy);

  -webkit-text-fill-color:
    var(--jrt-guide-dark-copy);

  font-size:
    clamp(1.14rem, 1.8vw, 1.4rem);

  line-height: 1.72;
}

main#main-content.jrt-clinical-guide
.jrt-guide-safety__list {
  margin: 0;
  padding: 0;

  border-top:
    1px solid
    rgba(250, 248, 243, 0.18);

  list-style: none;
}

main#main-content.jrt-clinical-guide
.jrt-guide-safety__list li {
  position: relative;

  margin: 0;

  padding:
    22px
    0
    22px
    34px;

  color:
    var(--jrt-guide-dark-copy);

  -webkit-text-fill-color:
    var(--jrt-guide-dark-copy);

  border-bottom:
    1px solid
    rgba(250, 248, 243, 0.18);

  line-height: 1.72;

  list-style: none;
}

main#main-content.jrt-clinical-guide
.jrt-guide-safety__list li::before {
  position: absolute;

  top: 31px;
  left: 4px;

  width: 8px;
  height: 8px;

  border-radius: 50%;

  background:
    #d4b878;

  content: "";
}


/* =========================================================
   16 — RELATED LINKS
========================================================= */

main#main-content.jrt-clinical-guide
.jrt-guide-links {
  display: grid;

  border-top:
    1px solid
    var(--jrt-guide-line);

  border-left:
    1px solid
    var(--jrt-guide-line);
}

main#main-content.jrt-clinical-guide
.jrt-guide-links--four {
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
}

main#main-content.jrt-clinical-guide
.jrt-guide-links__item {
  min-width: 0;

  display: grid;

  grid-template-columns:
    38px
    minmax(0, 1fr)
    auto;

  gap:
    18px;

  align-items: center;

  min-height: 140px;

  padding:
    clamp(26px, 4vw, 40px);

  color:
    inherit;

  background:
    rgba(250, 248, 243, 0.28);

  border-right:
    1px solid
    var(--jrt-guide-line);

  border-bottom:
    1px solid
    var(--jrt-guide-line);

  text-decoration: none !important;
}

main#main-content.jrt-clinical-guide
.jrt-guide-links__item:hover {
  background:
    rgba(230, 236, 230, 0.72);
}

main#main-content.jrt-clinical-guide
.jrt-guide-links__item > span:first-child {
  align-self: start;

  padding-top: 4px;

  color:
    var(--jrt-guide-brown);

  -webkit-text-fill-color:
    var(--jrt-guide-brown);

  font-size: 0.68rem;
  font-weight: 700;
}

main#main-content.jrt-clinical-guide
.jrt-guide-links__item small,
main#main-content.jrt-clinical-guide
.jrt-guide-links__item strong {
  display: block;
}

main#main-content.jrt-clinical-guide
.jrt-guide-links__item small {
  margin-bottom:
    7px;

  color:
    var(--jrt-guide-muted);

  -webkit-text-fill-color:
    var(--jrt-guide-muted);

  font-family:
    var(--jrt-font-sans, Arial, sans-serif);

  font-size: 0.66rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

main#main-content.jrt-clinical-guide
.jrt-guide-links__item strong {
  color:
    var(--jrt-guide-green);

  -webkit-text-fill-color:
    var(--jrt-guide-green);

  font-family:
    var(
      --jrt-font-serif,
      var(--jrt-font-heading, Georgia, serif)
    );

  font-size:
    clamp(1.35rem, 2.2vw, 1.85rem);

  font-weight: 400;
  line-height: 1.22;
}


/* =========================================================
   17 — CTA
========================================================= */

main#main-content.jrt-clinical-guide
.jrt-guide-cta {
  max-width: 860px;

  margin-inline: auto;

  text-align: center;
}

main#main-content.jrt-clinical-guide
.jrt-guide-cta h2 {
  max-width: 13em;

  margin:
    0
    auto
    30px;

  color:
    var(--jrt-guide-green);

  -webkit-text-fill-color:
    var(--jrt-guide-green);

  font-family:
    var(
      --jrt-font-serif,
      var(--jrt-font-heading, Georgia, serif)
    );

  font-size:
    clamp(2.45rem, 4.8vw, 4.6rem);

  font-weight: 400;
  line-height: 1.06;
  letter-spacing: -0.043em;

  text-wrap: balance;
}

main#main-content.jrt-clinical-guide
.jrt-guide-cta__lead {
  max-width: 700px;

  margin:
    0
    auto;

  color:
    var(--jrt-guide-muted);

  font-size:
    clamp(1.08rem, 1.7vw, 1.3rem);

  line-height: 1.76;
}

main#main-content.jrt-clinical-guide
.jrt-guide-cta__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;

  gap: 14px;

  margin-top:
    38px;
}


/* =========================================================
   18 — DARK SURFACE PROTECTION
========================================================= */

main#main-content.jrt-clinical-guide
.jrt-guide-section--dark
:is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6
) {
  color:
    #faf8f3 !important;

  -webkit-text-fill-color:
    #faf8f3 !important;
}

main#main-content.jrt-clinical-guide
.jrt-guide-section--dark
:is(
  p,
  li
) {
  color:
    var(--jrt-guide-dark-copy);

  -webkit-text-fill-color:
    var(--jrt-guide-dark-copy);
}


/* =========================================================
   19 — TABLET
========================================================= */

@media (max-width: 1100px) {

  main#main-content.jrt-clinical-guide
  .jrt-guide-grid--four,
  main#main-content.jrt-clinical-guide
  .jrt-guide-flow--four {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

}

@media (max-width: 980px) {

  main#main-content.jrt-clinical-guide
  .jrt-guide-hero__grid,
  main#main-content.jrt-clinical-guide
  .jrt-guide-hero__statement,
  main#main-content.jrt-clinical-guide
  .jrt-guide-heading--split,
  main#main-content.jrt-clinical-guide
  .jrt-guide-reading {
    grid-template-columns:
      1fr;
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-hero__media {
    max-width:
      760px;
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-hero__statement > p {
    max-width:
      650px;
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-heading--split
  .jrt-guide-heading__intro {
    max-width:
      680px;
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-grid--three {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

}


/* =========================================================
   20 — MOBILE
========================================================= */

@media (max-width: 767px) {

  main#main-content.jrt-clinical-guide {
    --jrt-guide-section-large:
      clamp(64px, 16vw, 88px);

    --jrt-guide-section-medium:
      clamp(56px, 14vw, 76px);
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-container,
  main#main-content.jrt-clinical-guide
  .jrt-guide-container--reading {
    width:
      min(
        calc(100% - 32px),
        620px
      );
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-breadcrumb-wrap {
    padding:
      14px
      0;
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-hero {
    padding:
      54px
      0
      72px;
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-hero__top {
    align-items:
      flex-start;

    flex-direction:
      column;

    margin-bottom:
      42px;
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-hero__grid {
    gap:
      38px;
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-hero h1 {
    max-width:
      100%;

    font-size:
      clamp(2.75rem, 13vw, 4.2rem);

    line-height:
      1;
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-hero__lead {
    font-size:
      1.05rem;
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-hero__actions {
    display:
      grid;

    grid-template-columns:
      1fr;

    width:
      100%;
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-button {
    width:
      100%;
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-button--text {
    justify-content:
      flex-start;
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-hero__media {
    border-radius:
      22px;
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-hero__statement {
    margin-top:
      42px;

    padding:
      30px
      0;

    gap:
      24px;
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-hero__statement blockquote {
    font-size:
      clamp(1.8rem, 8.5vw, 2.8rem);
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-heading {
    margin-bottom:
      34px;
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-heading h2 {
    max-width:
      100%;

    font-size:
      clamp(2.1rem, 10.5vw, 3.25rem);
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-grid--two,
  main#main-content.jrt-clinical-guide
  .jrt-guide-grid--three,
  main#main-content.jrt-clinical-guide
  .jrt-guide-grid--four,
  main#main-content.jrt-clinical-guide
  .jrt-guide-flow--four,
  main#main-content.jrt-clinical-guide
  .jrt-guide-links--four {
    grid-template-columns:
      1fr;
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-card {
    min-height:
      0;

    padding:
      27px
      22px;
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-flow__item {
    min-height:
      0;

    padding:
      28px
      22px;
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-flow__number {
    margin-bottom:
      32px;
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-statement,
  main#main-content.jrt-clinical-guide
  .jrt-guide-cta {
    text-align:
      left;
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-statement h2,
  main#main-content.jrt-clinical-guide
  .jrt-guide-statement p,
  main#main-content.jrt-clinical-guide
  .jrt-guide-cta h2,
  main#main-content.jrt-clinical-guide
  .jrt-guide-cta__lead {
    max-width:
      100%;

    margin-left:
      0;

    margin-right:
      0;

    text-align:
      left;
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-safety h2 {
    max-width:
      100%;

    font-size:
      clamp(2.1rem, 10vw, 3.3rem);
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-links__item {
    min-height:
      110px;

    padding:
      24px
      20px;
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-cta__actions {
    display:
      grid;

    grid-template-columns:
      1fr;

    justify-content:
      stretch;
  }

}


/* =========================================================
   21 — SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

  main#main-content.jrt-clinical-guide
  .jrt-guide-container,
  main#main-content.jrt-clinical-guide
  .jrt-guide-container--reading {
    width:
      calc(100% - 28px);
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-hero h1 {
    font-size:
      2.7rem;
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-links__item {
    grid-template-columns:
      30px
      minmax(0, 1fr)
      auto;

    gap:
      12px;
  }

}


/* =========================================================
   22 — REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  main#main-content.jrt-clinical-guide *,
  main#main-content.jrt-clinical-guide *::before,
  main#main-content.jrt-clinical-guide *::after {
    scroll-behavior:
      auto !important;

    transition-duration:
      0.01ms !important;

    animation-duration:
      0.01ms !important;

    animation-iteration-count:
      1 !important;
  }

}


/* =========================================================
   23 — PRINT
========================================================= */

@media print {

  main#main-content.jrt-clinical-guide {
    width:
      100% !important;

    color:
      #111;

    background:
      #fff;
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-breadcrumb-wrap,
  main#main-content.jrt-clinical-guide
  .jrt-guide-hero__actions,
  main#main-content.jrt-clinical-guide
  .jrt-guide-cta__actions,
  main#main-content.jrt-clinical-guide
  .jrt-guide-links {
    display:
      none !important;
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-hero,
  main#main-content.jrt-clinical-guide
  .jrt-guide-section {
    padding:
      32px
      0 !important;

    color:
      #111 !important;

    background:
      #fff !important;
  }

  main#main-content.jrt-clinical-guide
  :is(
    h1,
    h2,
    h3,
    p,
    li,
    blockquote,
    span,
    strong
  ) {
    color:
      #111 !important;

    -webkit-text-fill-color:
      #111 !important;
  }

  main#main-content.jrt-clinical-guide
  .jrt-guide-card,
  main#main-content.jrt-clinical-guide
  .jrt-guide-reading__note {
    box-shadow:
      none !important;

    background:
      #fff !important;
  }

}

/* =========================================================
   LIGHT EDITORIAL STATEMENT
   For reflective text placed on paper/light surfaces
========================================================= */

main#main-content.jrt-clinical-guide
.jrt-guide-section--paper
.jrt-guide-reading__content > h2 {
  max-width: 13em;

  margin:
    0
    0
    30px;

  color:
    var(--jrt-guide-green) !important;

  -webkit-text-fill-color:
    var(--jrt-guide-green) !important;

  font-family:
    var(
      --jrt-font-serif,
      var(--jrt-font-heading, Georgia, serif)
    );

  font-size:
    clamp(2.35rem, 4.7vw, 4.45rem);

  font-weight: 400;
  line-height: 1.07;
  letter-spacing: -0.043em;

  text-wrap: balance;
}

main#main-content.jrt-clinical-guide
.jrt-guide-section--paper
.jrt-guide-reading__content
.jrt-guide-reading__lead {
  max-width: 720px;

  margin-bottom: 1.4em;

  color:
    var(--jrt-guide-green) !important;

  -webkit-text-fill-color:
    var(--jrt-guide-green) !important;

  font-size:
    clamp(1.4rem, 2.4vw, 2rem) !important;

  line-height: 1.5 !important;
}

main#main-content.jrt-clinical-guide
.jrt-guide-section--paper
.jrt-guide-reading__content > p:not(
  .jrt-guide-eyebrow
):not(
  .jrt-guide-reading__lead
) {
  max-width: 720px;

  color:
    var(--jrt-guide-copy) !important;

  -webkit-text-fill-color:
    var(--jrt-guide-copy) !important;

  font-size:
    clamp(1.03rem, 1.4vw, 1.17rem);

  line-height: 1.82;
}

/* =========================================================
   V1.1 — JRT TYPOGRAPHY V5.1
   Clinical Guide Readability Edition
========================================================= */


/* Hero */

main#main-content.jrt-clinical-guide
.jrt-guide-hero__lead {
  font-size: clamp(1.16rem, 1.7vw, 1.4rem);
  line-height: 1.8;
}

main#main-content.jrt-clinical-guide
.jrt-guide-hero__statement > p {
  font-size: 1.05rem;
  line-height: 1.82;
}


/* Section introductions */

main#main-content.jrt-clinical-guide
.jrt-guide-heading__intro,
main#main-content.jrt-clinical-guide
.jrt-guide-cta__lead {
  font-size: 1.06rem;
  line-height: 1.84;
}


/* Main reading body */

main#main-content.jrt-clinical-guide
.jrt-guide-reading__content p {
  font-size: clamp(1.1rem, 1.4vw, 1.22rem);
  line-height: 1.9;
}

main#main-content.jrt-clinical-guide
.jrt-guide-reading__note p:not(
  .jrt-guide-reading__note-label
) {
  font-size: 1.03rem;
  line-height: 1.8;
}


/* Cards and flow */

main#main-content.jrt-clinical-guide
.jrt-guide-card p,
main#main-content.jrt-clinical-guide
.jrt-guide-flow__item p {
  font-size: 1.03rem;
  line-height: 1.8;
}


/* Dark statements and safety */

main#main-content.jrt-clinical-guide
.jrt-guide-statement p,
main#main-content.jrt-clinical-guide
.jrt-guide-safety__list li {
  font-size: 1.04rem;
  line-height: 1.82;
}

main#main-content.jrt-clinical-guide
.jrt-guide-safety__lead {
  font-size: clamp(1.2rem, 1.8vw, 1.46rem);
  line-height: 1.78;
}


/* Small labels */

main#main-content.jrt-clinical-guide
.jrt-guide-eyebrow {
  font-size: 0.78rem;
  line-height: 1.5;
}

main#main-content.jrt-clinical-guide :is(
  .jrt-guide-identity,
  .jrt-guide-hero__context,
  .jrt-guide-reading__note-label,
  .jrt-guide-card__number,
  .jrt-guide-card__eyebrow,
  .jrt-guide-flow__number,
  .jrt-guide-links__item > span:first-child,
  .jrt-guide-links__item small
) {
  font-size: 0.75rem;
}


/* Breadcrumb and captions */

main#main-content.jrt-clinical-guide :is(
  .jrt-guide-breadcrumb__link,
  .jrt-guide-breadcrumb__current,
  .jrt-guide-breadcrumb__separator
) {
  font-size: 0.8rem;
}


/* Buttons and text links */

main#main-content.jrt-clinical-guide
.jrt-guide-button,
main#main-content.jrt-clinical-guide
.jrt-guide-card__link {
  font-size: 0.88rem;
}


/* Paper-surface editorial block */

main#main-content.jrt-clinical-guide
.jrt-guide-section--paper
.jrt-guide-reading__content > p:not(
  .jrt-guide-eyebrow
):not(
  .jrt-guide-reading__lead
) {
  font-size: clamp(1.1rem, 1.4vw, 1.22rem);
  line-height: 1.9;
}


/* Mobile */

@media (max-width: 767px) {

  main#main-content.jrt-clinical-guide
  .jrt-guide-hero__lead,
  main#main-content.jrt-clinical-guide
  .jrt-guide-hero__statement > p,
  main#main-content.jrt-clinical-guide
  .jrt-guide-heading__intro,
  main#main-content.jrt-clinical-guide
  .jrt-guide-reading__content p,
  main#main-content.jrt-clinical-guide
  .jrt-guide-reading__note p:not(
    .jrt-guide-reading__note-label
  ),
  main#main-content.jrt-clinical-guide
  .jrt-guide-card p,
  main#main-content.jrt-clinical-guide
  .jrt-guide-flow__item p,
  main#main-content.jrt-clinical-guide
  .jrt-guide-statement p,
  main#main-content.jrt-clinical-guide
  .jrt-guide-safety__list li,
  main#main-content.jrt-clinical-guide
  .jrt-guide-cta__lead,
  main#main-content.jrt-clinical-guide
  .jrt-guide-section--paper
  .jrt-guide-reading__content > p:not(
    .jrt-guide-eyebrow
  ):not(
    .jrt-guide-reading__lead
  ) {
    font-size: 17px;
    line-height: 1.82;
  }

}