/* pages-extra-pricing.css — pricing pages only (/pricing/ + maintenance/renewal derivatives). */

/* Title + small right-aligned eyebrow row above a section's content.
   Used at the top of "Maintenance plans" + "Other .NET Library pricing". */
.spdf-doc-header-row {
  display: flex; justify-content: space-between; align-items: baseline;
  flex-wrap: wrap; gap: 16px; margin-bottom: 24px;
}

/* "← Back to .NET Library pricing" link variant on derivative pages. */
.spdf-pricing-back-link {
  display: inline-block; margin-top: 16px;
  font-size: 14px; font-weight: 500;
}
.spdf-maint-term {
  font-family: var(--spdf-font-mono); font-size: 11px;
  color: var(--spdf-accent); letter-spacing: 0.14em;
}
.spdf-maint-title {
  font-family: var(--spdf-font-display); font-weight: var(--spdf-display-weight);
  font-size: 22px; letter-spacing: -0.02em; line-height: 1.15;
  color: var(--spdf-text); margin: 0;
}
.spdf-maint-body {
  font-family: var(--spdf-font-body); font-size: 13px;
  color: var(--spdf-text-dim); line-height: 1.55;
  margin: 0; flex: 1;
}
.spdf-maint-cta {
  font-family: inherit; font-size: 13px; font-weight: 600;
  color: var(--spdf-text); margin-top: 4px; text-decoration: none;
}
.spdf-maint-cta:hover { color: var(--spdf-accent); }

/* "What every license includes" addon table */
.spdf-pricing-addons {
  border: 1px solid var(--spdf-line); border-radius: 12px; overflow: hidden;
  background: var(--spdf-bg);
}
.spdf-pricing-addon-tag {
  font-family: var(--spdf-font-mono); font-size: 10.5px;
  color: var(--spdf-chip-text); background: var(--spdf-chip);
  padding: 4px 10px; border-radius: 4px; letter-spacing: 0.1em;
  justify-self: start;
}
.spdf-pricing-addon-name {
  font-family: var(--spdf-font-display); font-weight: var(--spdf-display-weight);
  font-size: 22px; letter-spacing: -0.02em; line-height: 1.15;
  color: var(--spdf-text); margin: 0;
}
.spdf-pricing-addon-desc {
  font-family: var(--spdf-font-body); font-size: 13.5px;
  color: var(--spdf-text-dim); margin: 4px 0 0; line-height: 1.55;
}

/* Cross-nav row used on the 5 derivative pages (laterally link the
   variants — Standard / 3yr / 5yr / Early / Late / 3yr-Renew). */
.spdf-pricing-cross-nav {
  display: flex; gap: 8px; flex-wrap: wrap;
}
.spdf-pricing-cross-nav-chip {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 8px 14px; border-radius: 999px;
  border: 1px solid var(--spdf-line); background: var(--spdf-bg);
  font-family: inherit; font-size: 13px; font-weight: 500;
  color: var(--spdf-text-dim); text-decoration: none;
  transition: background .12s, color .12s;
}
.spdf-pricing-cross-nav-chip:hover {
  background: var(--spdf-chip); color: var(--spdf-text);
}
.spdf-pricing-cross-nav-chip.is-current {
  background: var(--spdf-accent); color: var(--spdf-accent-ink);
  border-color: var(--spdf-accent);
}
.spdf-pricing-cross-nav-chip .price {
  font-family: var(--spdf-font-mono); font-size: 11.5px;
  color: var(--spdf-text-mute); letter-spacing: 0.04em;
}
.spdf-pricing-cross-nav-chip.is-current .price { color: var(--spdf-accent-ink); opacity: 0.85; }