.vp-testosterone {
  --vt-cream: #faf8f1;
  --vt-olive: #586448;
  --vt-ink: #29332b;
  --vt-muted: #515c50;
  --vt-line: #d7dccd;
  --vt-earth: #78583e;
  color: var(--vt-ink);
  min-width: 0;
}

.vp-testosterone :where(section, article, figure, dl, ol, ul, details) {
  min-width: 0;
}

.vp-testosterone :where(h2, h3, p, li, dt, dd, summary, figcaption) {
  overflow-wrap: break-word;
  hyphens: auto;
  -webkit-hyphens: auto;
}

.vp-testosterone > h2 {
  font-size: 1.75rem;
  line-height: 1.24;
  margin: 2.5rem 0 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--vt-line);
  color: var(--vt-ink);
  scroll-margin-top: 1.5rem;
}

.vp-testosterone > p {
  margin: 0 0 1.2rem;
}

.vp-testosterone a {
  text-underline-offset: .2em;
  overflow-wrap: anywhere;
}

.vp-testosterone :where(a, summary):focus-visible {
  outline: 3px solid var(--vt-earth);
  outline-offset: 4px;
}

.vp-testosterone .vt-takeaways {
  margin: 1.6rem 0 2rem;
  padding: 1.25rem 1.4rem;
  border-left: 3px solid #879574;
  background: #f1f3ea;
  border-radius: 0 5px 5px 0;
}

.vp-testosterone .vt-takeaways :where(h2, h3) {
  margin: 0 0 .7rem;
  font-size: 1.2rem;
  line-height: 1.35;
  color: var(--vt-ink);
}

.vp-testosterone .vt-takeaways :where(ul, ol) {
  margin: 0;
  padding-left: 1.25em;
}

.vp-testosterone .vt-takeaways li {
  margin: .5rem 0;
  padding-left: .2em;
}

.vp-testosterone .vt-takeaways > :last-child,
.vp-testosterone .vt-takeaways li:last-child {
  margin-bottom: 0;
}

.vp-testosterone .vt-studies {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
  margin: 1.5rem 0 2rem;
  align-items: start;
}

.vp-testosterone .vt-study {
  padding: 1.3rem;
  background: var(--vt-cream);
  border: 1px solid var(--vt-line);
  border-radius: 5px;
  min-width: 0;
}

.vp-testosterone .vt-study-label {
  display: block;
  margin: 0 0 .65rem;
  font-size: .875rem;
  line-height: 1.45;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: var(--vt-olive);
}

.vp-testosterone .vt-study h3 {
  margin: 0 0 .85rem;
  font-size: 1.25rem;
  line-height: 1.3;
  color: var(--vt-ink);
}

.vp-testosterone .vt-study p {
  font-size: 1rem;
  line-height: 1.65;
  margin: 0 0 .9rem;
}

.vp-testosterone .vt-study > :last-child {
  margin-bottom: 0;
}

.vp-testosterone .vt-study details {
  margin-top: 1.1rem;
  padding-top: .65rem;
  border-top: 1px solid var(--vt-line);
  font-size: .9375rem;
  line-height: 1.6;
}

.vp-testosterone .vt-study summary {
  cursor: pointer;
  padding: .35rem 0;
  color: #405339;
  font-weight: 600;
  line-height: 1.5;
}

.vp-testosterone .vt-study summary::marker {
  color: var(--vt-olive);
}

.vp-testosterone .vt-study details[open] summary {
  margin-bottom: .6rem;
}

.vp-testosterone .vt-study details :where(p, li) {
  font-size: inherit;
  line-height: inherit;
}

.vp-testosterone .vt-study details > :last-child {
  margin-bottom: 0;
}

/* Equal typographic weight: these are distinct study endpoints, not a scale. */
.vp-testosterone .vt-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 1.4rem 0;
  padding: 0;
  border-top: 1px solid var(--vt-line);
  border-bottom: 1px solid var(--vt-line);
}

.vp-testosterone .vt-metric {
  min-width: 0;
  padding: 1rem 1rem 1rem 0;
}

.vp-testosterone .vt-metric + .vt-metric {
  padding-left: 1rem;
  border-left: 1px solid var(--vt-line);
}

.vp-testosterone .vt-metric :where(h3, h4, dt) {
  margin: 0 0 .45rem;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: 0;
  color: var(--vt-ink);
}

.vp-testosterone .vt-metric dd {
  margin: 0;
}

.vp-testosterone .vt-value {
  display: block;
  margin: .25rem 0 .4rem;
  font-size: 1.7rem;
  font-weight: 650;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.02em;
  color: var(--vt-ink);
}

.vp-testosterone .vt-status {
  display: block;
  margin: 0;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.55;
  color: var(--vt-muted);
}

.vp-testosterone .vt-practical {
  margin: 1.7rem 0 2rem;
  padding: 1.3rem 1.4rem;
  background: #f5f3eb;
  border: 1px solid #dfd8c8;
  border-radius: 5px;
}

.vp-testosterone .vt-practical > :where(h2, h3) {
  margin: 0 0 1rem;
  font-size: 1.35rem;
  line-height: 1.3;
  color: var(--vt-ink);
}

.vp-testosterone .vt-practical ol {
  margin: 0;
  padding-left: 1.4em;
}

.vp-testosterone .vt-practical li {
  margin: 0;
  padding: .85rem 0 .85rem .3em;
  border-top: 1px solid #ded9cc;
}

.vp-testosterone .vt-practical li:first-child {
  padding-top: 0;
  border-top: 0;
}

.vp-testosterone .vt-practical li:last-child {
  padding-bottom: 0;
}

.vp-testosterone .vt-practical li::marker {
  font-weight: 600;
  color: var(--vt-earth);
}

.vp-testosterone .vt-practical li :where(h3, strong) {
  color: var(--vt-ink);
}

.vp-testosterone .vt-practical li h3 {
  margin: 0 0 .4rem;
  font-size: 1.1rem;
  line-height: 1.4;
}

.vp-testosterone .vt-practical li p {
  margin: .4rem 0 0;
}

.vp-testosterone .vt-source-list {
  margin: 1rem 0 1.5rem;
  padding-left: 1.5em;
  font-size: .9375rem;
  line-height: 1.65;
}

.vp-testosterone .vt-source-list li {
  margin: 0 0 .9rem;
  padding-left: .25em;
}

.vp-testosterone .vt-source-list li::marker {
  color: var(--vt-muted);
}

.vp-testosterone .vt-body-figure {
  margin: 2rem 0;
}

.vp-testosterone .vt-body-figure .image-preview {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}

.vp-testosterone .vt-body-figure img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 5px;
}

.vp-testosterone .vt-body-figure figcaption {
  margin: .65rem 0 0;
  padding: 0;
  font-size: .875rem;
  line-height: 1.55;
  color: var(--vt-muted);
  text-align: left;
}

.vp-testosterone .vt-note {
  margin: 1.5rem 0;
  padding: .35rem 0 .35rem 1rem;
  border-left: 2px solid #a1ad95;
  font-size: .9375rem;
  line-height: 1.65;
  color: var(--vt-muted);
}

.vp-testosterone .vt-note p {
  margin: 0 0 .65rem;
}

.vp-testosterone .vt-note > :last-child {
  margin-bottom: 0;
}

@media (max-width: 47.5rem) {
  .vp-testosterone > h2 {
    font-size: 1.55rem;
    margin-top: 2rem;
  }

  .vp-testosterone .vt-studies {
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
  }

  .vp-testosterone :where(.vt-takeaways, .vt-study, .vt-practical) {
    padding: 1.1rem;
  }

  .vp-testosterone .vt-metrics {
    grid-template-columns: minmax(0, 1fr);
  }

  .vp-testosterone .vt-metric,
  .vp-testosterone .vt-metric + .vt-metric {
    padding: 1rem 0;
    border-left: 0;
  }

  .vp-testosterone .vt-metric + .vt-metric {
    border-top: 1px solid var(--vt-line);
  }

  .vp-testosterone .vt-body-figure {
    margin: 1.6rem 0;
  }
}

@media (forced-colors: active) {
  .vp-testosterone :where(.vt-takeaways, .vt-study, .vt-practical, .vt-note) {
    border: 1px solid CanvasText;
  }

  .vp-testosterone :where(a, summary):focus-visible {
    outline-color: Highlight;
  }
}

@media print {
  .vp-testosterone {
    color: #000;
  }

  .vp-testosterone :where(.vt-takeaways, .vt-study, .vt-practical) {
    background: transparent;
    border: 1px solid #888;
    padding: 12pt;
  }

  .vp-testosterone :where(h2, h3, p, li, dt, dd, summary, figcaption,
    .vt-value, .vt-status, .vt-study-label, .vt-note) {
    color: #000;
  }

  .vp-testosterone > h2,
  .vp-testosterone .vt-study h3 {
    break-after: avoid;
  }

  .vp-testosterone .vt-studies {
    display: block;
  }

  .vp-testosterone .vt-study {
    margin: 0 0 14pt;
    break-inside: auto;
  }

  .vp-testosterone .vt-practical li,
  .vp-testosterone .vt-metric,
  .vp-testosterone .vt-body-figure {
    break-inside: avoid;
  }

  .vp-testosterone .vt-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .vp-testosterone .vt-metric {
    padding: 10pt 10pt 10pt 0;
  }

  .vp-testosterone .vt-metric + .vt-metric {
    border-top: 0;
    border-left: 1px solid #aaa;
    padding: 10pt;
  }

  .vp-testosterone details > :not(summary) {
    display: block !important;
  }

  .vp-testosterone details::details-content {
    display: block;
    content-visibility: visible;
    block-size: auto;
    height: auto;
    overflow: visible;
  }

  .vp-testosterone .vt-study summary {
    padding: 4pt 0;
    margin-bottom: 6pt;
    cursor: auto;
  }

  .vp-testosterone .vt-study summary::marker {
    content: "";
  }

  .vp-testosterone .vt-body-figure img {
    max-height: 85mm;
    object-fit: contain;
  }

  .vp-testosterone .vt-body-figure .image-preview {
    overflow: visible;
  }
}

/* The newly four-part editorial entry stays compact without changing other grids. */
.vt-new-guides .card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 47.5rem) { .vt-new-guides .card-grid { grid-template-columns: minmax(0, 1fr); } }

.vp-testosterone .vt-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}
.vp-testosterone .vt-product{border:1px solid #d8dfcc;border-radius:18px 7px 18px 7px;background:#fcfaf4;padding:22px;display:flex;flex-direction:column;align-items:stretch}
.vp-testosterone .vt-product h3{margin-top:10px}.vp-testosterone .vt-product .ad-label{font-size:12px;color:#556350}.vp-testosterone .vt-product .button{margin-top:auto;font-size:14px;white-space:normal}
.vp-testosterone .vt-product-visual{margin:12px 0 18px}.vp-testosterone .vt-product-visual img{width:100%;height:auto;border-radius:11px}.vp-testosterone .vt-product-visual figcaption{font-size:11px;line-height:1.5;color:#556350;margin-top:7px}.vp-testosterone .vt-product-spec{font-weight:600;color:#214b38;padding-bottom:12px;border-bottom:1px solid #d8dfcc}.vp-testosterone .vt-product p{font-size:14px;line-height:1.7}.vp-testosterone .vt-products>.offer-relationship{font-size:12px}
@media(max-width:650px){.vp-testosterone .vt-product-grid{grid-template-columns:1fr}.vp-testosterone .vt-product{padding:19px}}
@media print{.vp-testosterone .vt-product{break-inside:auto;box-shadow:none}.vp-testosterone .vt-product-grid{display:block}}
/* Explanatory drawings through the long study sections; all results stay native text. */
.vp-testosterone .vt-explainer{margin:26px 0 30px;padding:16px 20px 20px;border:1px solid #d7dccd;border-radius:22px 7px 22px 7px;background:#faf8ef}
.vp-testosterone .vt-explainer>img{display:block;width:100%;max-width:640px;height:auto;margin:0 auto 8px}
.vp-testosterone .vt-explainer figcaption{font-size:13px;line-height:1.6;color:#53604c;margin:10px 0 0}.vp-testosterone .vt-explainer figcaption strong{color:#294e3a}
.vp-testosterone .vt-comparison ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0 0 13px;gap:14px}.vp-testosterone .vt-comparison li{font-size:12px;line-height:1.45;margin:0;text-align:center}.vp-testosterone .vt-comparison li strong,.vp-testosterone .vt-comparison li span{display:block}.vp-testosterone .vt-comparison li strong{color:#294e3a;margin-bottom:3px}
.vp-testosterone .vt-study{position:relative;border-radius:16px 6px 16px 6px}.vp-testosterone .vt-study-icon{position:absolute;top:18px;right:18px;width:64px;height:64px}.vp-testosterone .vt-study-label{padding-right:76px;min-height:58px;display:flex;align-items:center}
.vp-testosterone .vt-metric-icon{display:block;width:64px;height:64px;margin:0 auto 13px}.vp-testosterone .vt-question-icon{float:right;width:64px;height:64px;margin:0 0 12px 16px}
@media(max-width:480px){.vp-testosterone .vt-explainer{padding:12px 10px 16px}.vp-testosterone .vt-comparison ol{gap:7px}.vp-testosterone .vt-comparison li{font-size:11px}.vp-testosterone .vt-study-icon{width:58px;height:58px}.vp-testosterone .vt-study-label{padding-right:68px}.vp-testosterone .vt-question-icon{width:54px;height:54px}}
@media print{.vp-testosterone .vt-explainer{break-inside:avoid;padding:10px}.vp-testosterone .vt-explainer>img{max-width:120mm}.vp-testosterone .vt-product-visual{max-width:70mm}.vp-testosterone .vt-product h3{break-after:avoid}.vp-testosterone .vt-study-icon,.vp-testosterone .vt-metric-icon,.vp-testosterone .vt-question-icon{width:14mm;height:14mm}}