/* Extra reading uses the same brand tokens as the topic and assessment pages. */
.trig-resources, .trig-help {
  --trig-resource-surface: var(--white);
  --trig-resource-text: var(--navy);
  --trig-resource-muted: var(--text-muted);
  --trig-resource-link: var(--gold);
  --trig-resource-border: var(--border);
  color: var(--trig-resource-text);
  scroll-margin-top: 7rem;
}
.trig-resources-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
  gap: 1.25rem;
  margin-top: 1.25rem;
}
.trig-resources .trig-resource-card {
  min-width: 0;
  padding: 1.25rem;
  background: var(--trig-resource-surface);
  border-color: var(--trig-resource-border);
  scroll-margin-top: 7rem;
}
.trig-resources .trig-resource-card h3 {
  color: var(--trig-resource-text);
  margin-bottom: 0.65rem;
}
.trig-resources .trig-resource-card p, .trig-resource-note {
  color: var(--trig-resource-muted);
  line-height: 1.7;
}
.trig-resource-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.trig-resource-links li + li { margin-top: 0.35rem; }
.trig-resource-links a, .trig-help a, .trig-resources > a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  max-width: 100%;
  padding: 0.4rem 0;
  color: var(--trig-resource-link);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  overflow-wrap: anywhere;
}
.trig-resource-links a:focus-visible, .trig-help a:focus-visible, .trig-resources > a:focus-visible {
  outline: 3px solid var(--trig-resource-link);
  outline-offset: 3px;
  border-radius: 3px;
}
.trig-help {
  margin: 1.25rem 0;
  padding: 1rem 1.25rem;
  border: 1px solid var(--trig-resource-border);
  border-left: 3px solid var(--trig-resource-link);
  border-radius: var(--radius-lg);
  background: var(--trig-resource-surface);
  line-height: 1.7;
}
.trig-help p { margin: 0; color: inherit; }
.trig-help .trig-resource-links { display: flex; flex-wrap: wrap; gap: 0.25rem 1.5rem; margin-top: 0.35rem; }
.trig-help .trig-resource-links li { min-width: 0; margin: 0; }
html.es-dark .trig-resources, html.es-dark .trig-help {
  --trig-resource-surface: var(--navy-light);
  --trig-resource-text: var(--white);
  --trig-resource-muted: var(--white);
  --trig-resource-link: var(--sv-accent-lt, var(--ta-link, var(--white)));
  --trig-resource-border: var(--gold);
}
html.es-dark .trig-resources a,
html.es-dark .trig-resources a:hover,
html.es-dark .trig-help a,
html.es-dark .trig-help a:hover {
  color: var(--trig-resource-link);
}
@media print {
  .trig-resources-grid { display: block; }
  .trig-resources .trig-resource-card { margin-bottom: 1rem; break-inside: avoid; }
  .trig-resources, .trig-help {
    --trig-resource-surface: var(--white);
    --trig-resource-text: var(--navy);
    --trig-resource-muted: var(--navy);
    --trig-resource-link: var(--navy);
  }
}