/* Approved Benchley educational story and Shark Learning Hub card. */
.op-benchley-promotion .resource-section__heading { margin-bottom: 1.25rem; }
.op-benchley-story-card {
  display: grid;
  gap: 0.85rem;
  padding: clamp(1.3rem, 3vw, 2rem);
  color: var(--bts-navy);
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(7, 94, 145, 0.24);
  border-top: 0.3rem solid var(--bts-aqua);
  border-radius: var(--radius-large);
  box-shadow: var(--linked-surface-shadow);
  text-decoration: none;
}
.op-benchley-story-card > strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.4rem, 2.8vw, 2rem);
  line-height: 1.2;
}
.op-benchley-story-card > span:not(.text-link) {
  max-width: 60rem;
  color: var(--bts-muted);
  line-height: 1.6;
}
.op-benchley-story-card:hover,
.op-benchley-story-card:focus-visible { box-shadow: var(--linked-surface-hover-shadow); }
.op-benchley-story .learning-story { max-width: 56rem; margin-inline: auto; }
.op-benchley-story .story-introduction { margin-bottom: 2rem; }
.op-benchley-story .story-introduction .lede { color: var(--bts-muted); font-size: 1.15rem; line-height: 1.6; }
.op-benchley-story .learning-story > section { margin-block: 2rem; }
.op-benchley-story .learning-story p { line-height: 1.7; }
.op-benchley-story .reflection {
  margin-block: 2rem;
  padding: clamp(1.3rem, 3vw, 2rem);
  background: var(--bts-seafoam);
  border: 1px solid rgba(7, 94, 145, 0.2);
  border-radius: var(--radius-large);
}
.op-benchley-story .reflection p:last-child { margin-bottom: 0; }
.op-benchley-story .related-reading,
.op-benchley-story .source-note { margin-block: 2rem; padding-top: 1.25rem; border-top: 1px solid rgba(7, 94, 145, 0.2); }
.op-benchley-story .source-note { font-size: 0.875rem; color: var(--bts-muted); }