/* 3058: opt-in content affordances. Load after preflight and page CSS.
 * Explicit content specificity also beats late CDN preflight insertion.
 * Exemptions mirror qa.link_style.EXEMPT_SELECTOR; no !important needed.
 */
/* @sc-tokens:start */
:root, .keep-light { --sc-link: #1d4ed8; }
[data-theme="dark"] { --sc-link: #93c5fd; }
[data-theme="dark"] .keep-light { --sc-link: #1d4ed8; }
/* @sc-tokens:end */

.sc-content-links a[href]:not(:where(nav, [role=navigation], .sr2-sidebar, .sr2-header, .btn, [role=button], .scott-btn, [class^="btn-"], [class*=" btn-"], .nav-link, .nav-item, .sc-home__tile, .sr2-tile, .sc-tile, .tile, [data-sc-link-exempt], :is(nav, [role=navigation], .sr2-sidebar, .sr2-header, .btn, [role=button], .scott-btn, [class^="btn-"], [class*=" btn-"], .nav-link, .nav-item, .sc-home__tile, .sr2-tile, .sc-tile, .tile, [data-sc-link-exempt]) *)),
.sc-content-links a[href]:not(:where(nav, [role=navigation], .sr2-sidebar, .sr2-header, .btn, [role=button], .scott-btn, [class^="btn-"], [class*=" btn-"], .nav-link, .nav-item, .sc-home__tile, .sr2-tile, .sc-tile, .tile, [data-sc-link-exempt], :is(nav, [role=navigation], .sr2-sidebar, .sr2-header, .btn, [role=button], .scott-btn, [class^="btn-"], [class*=" btn-"], .nav-link, .nav-item, .sc-home__tile, .sr2-tile, .sc-tile, .tile, [data-sc-link-exempt]) *)):visited {
  color: var(--sc-link);
  text-decoration: none;
  text-underline-offset: .16em;
}

.sc-content-links a[href]:not(:where(nav, [role=navigation], .sr2-sidebar, .sr2-header, .btn, [role=button], .scott-btn, [class^="btn-"], [class*=" btn-"], .nav-link, .nav-item, .sc-home__tile, .sr2-tile, .sc-tile, .tile, [data-sc-link-exempt], :is(nav, [role=navigation], .sr2-sidebar, .sr2-header, .btn, [role=button], .scott-btn, [class^="btn-"], [class*=" btn-"], .nav-link, .nav-item, .sc-home__tile, .sr2-tile, .sc-tile, .tile, [data-sc-link-exempt]) *)):hover,
.sc-content-links a[href]:not(:where(nav, [role=navigation], .sr2-sidebar, .sr2-header, .btn, [role=button], .scott-btn, [class^="btn-"], [class*=" btn-"], .nav-link, .nav-item, .sc-home__tile, .sr2-tile, .sc-tile, .tile, [data-sc-link-exempt], :is(nav, [role=navigation], .sr2-sidebar, .sr2-header, .btn, [role=button], .scott-btn, [class^="btn-"], [class*=" btn-"], .nav-link, .nav-item, .sc-home__tile, .sr2-tile, .sc-tile, .tile, [data-sc-link-exempt]) *)):focus {
  color: var(--sc-link);
  text-decoration-line: underline;
}

.sc-content-links a[href]:not(:where(nav, [role=navigation], .sr2-sidebar, .sr2-header, .btn, [role=button], .scott-btn, [class^="btn-"], [class*=" btn-"], .nav-link, .nav-item, .sc-home__tile, .sr2-tile, .sc-tile, .tile, [data-sc-link-exempt], :is(nav, [role=navigation], .sr2-sidebar, .sr2-header, .btn, [role=button], .scott-btn, [class^="btn-"], [class*=" btn-"], .nav-link, .nav-item, .sc-home__tile, .sr2-tile, .sc-tile, .tile, [data-sc-link-exempt]) *)):focus-visible {
  outline: 2px solid var(--sc-link);
  outline-offset: 3px;
  border-radius: var(--scott-radius-sm);
}

.sc-section {
  border: 1px solid var(--scott-border-strong);
  border-radius: var(--scott-radius-md);
  background: var(--scott-surface);
  color: var(--scott-ink);
  padding: var(--scott-space-4);
}
.sc-section > h2, .sc-section__heading {
  margin: 0 0 var(--scott-space-3);
  color: var(--scott-ink);
  font-size: var(--scott-text-lg);
  font-weight: var(--scott-weight-semibold);
  line-height: var(--scott-line-heading);
}