/* HCP Site Map redesign (SERB-275)
   Self-contained styles for /Professional/Sitemap. Loaded only on this page.
   The HCP section loads main_style.css, so typography is pinned explicitly
   rather than inherited (main_style.css generic li/a rules would otherwise win).
   Figma node 4043:21875: H1 Gotham-Black 40px; list Gotham-Book 16px/30px,
   all entries are #337AB7 underlined links; children indented one level. */

.vg-hcp {
  --vg-dark-blue: #12365E;
  --vg-text: #333333;
  --vg-link: #337AB7;
  --vg-font-black: 'Gotham-Black', Arial, sans-serif;
  --vg-font-book: 'Gotham-Book', Arial, sans-serif;
  color: var(--vg-text);
}

.vg-hcp * { box-sizing: border-box; }

.vg-hcp__container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 50px;
}

.vg-hcp__section { padding: 40px 0 64px; }

/* ---------- H1 ---------- */
.vg-hcp__h1 {
  font-family: var(--vg-font-black);
  font-size: 40px;
  line-height: 83px;
  font-weight: normal;
  text-transform: uppercase;
  color: var(--vg-dark-blue);
  margin: 0 0 8px;
}

/* ---------- SITE MAP LIST ---------- */
/* Flat-looking nested list; markers hidden, children indented ~24px.
   Pin font/size/line-height on the <a> so main_style.css can't override. */
.vg-hcp__sitemap,
.vg-hcp__sitemap ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.vg-hcp__sitemap ul { padding-left: 24px; }

.vg-hcp__sitemap li { margin: 0; }

.vg-hcp__sitemap a {
  display: inline-block;
  font-family: var(--vg-font-book);
  font-size: 16px;
  line-height: 30px;
  font-weight: normal;
  color: var(--vg-link);
  text-decoration: underline;
}
.vg-hcp__sitemap a:hover { color: #08213d; }

/* SERB-328: parent group labels ("About Vistogard®", "Efficacy") are not
   destinations, so they render as non-link spans. Keep the list's font/size/
   line-height (pinned so main_style.css can't override) but drop the link
   color + underline. */
.vg-hcp__sitemap-label {
  display: inline-block;
  font-family: var(--vg-font-book);
  font-size: 16px;
  line-height: 30px;
  font-weight: normal;
  color: var(--vg-text);
  text-decoration: none;
}

.vg-hcp__sitemap sup { font-size: 65%; vertical-align: super; top: 0; color: inherit; }

/* ---------- RESPONSIVE ---------- */
@media (max-width: 991px) {
  .vg-hcp__container { padding: 0 24px; }
  .vg-hcp__h1 { font-size: 30px; line-height: 1.4; }
}