.opportunity-reading {
  max-width: 54rem;
  margin: clamp(2rem, 5vw, 4rem) auto 0;
  padding: clamp(1.25rem, 4vw, 2.5rem);
  border: 1px solid rgba(107, 80, 58, .16);
  border-radius: 1.5rem;
  background: rgba(255, 255, 255, .42);
  text-wrap: pretty;
  overflow-wrap: anywhere;
}
.opportunity-reading .reading-intro { font-size: 1.1rem; line-height: 1.75; margin: 0; }
.opportunity-reading .reading-section { margin-top: 1.8rem; }
.opportunity-reading h2 { font-size: clamp(1.2rem, 2vw, 1.5rem); line-height: 1.3; margin: 0 0 .8rem; }
.opportunity-reading p { font-size: 1rem; line-height: 1.8; margin: 0 0 .85rem; }
.opportunity-reading a { color: #8b482a; text-decoration: underline; text-underline-offset: .2em; }
.opportunity-reading a:hover { color: #5d2b15; }
.opportunity-reading a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.opportunity-reading a[href^="/blog/"] { display: inline-block; }
.opportunity-reading .related-reading { padding-top: 1.3rem; margin-top: 1.8rem; border-top: 1px solid rgba(107, 80, 58, .16); }
@media (max-width: 600px) {
  .opportunity-reading { border-radius: 1rem; }
  .opportunity-reading .reading-intro { font-size: 1rem; }
}
