/* Scoped rhythm and reading hierarchy for the technique guides. */
.learn-guide-hero .hero-copy { max-width: 47rem; }
.learn-guide-hero-note { max-width: 42rem; margin: 1rem auto 0; color: rgba(225, 234, 255, 0.78); }
.learn-guide-section { margin-block: clamp(2.25rem, 4vw, 4rem); }
.learn-guide-section--open { padding-inline: clamp(0.25rem, 2vw, 1.5rem); }
.learn-guide-copy { max-width: 48rem; margin-inline: auto; }
.learn-guide-copy > h2, .learn-guide-panel > h2 { margin-bottom: 0.8rem; }
.learn-guide-copy > p { max-width: 43rem; }
.learn-guide-panel { max-width: 62rem; margin-inline: auto; }
.learn-guide-glance { margin-block: clamp(2.25rem, 4vw, 3.5rem); }
.learn-guide-glance > h2 { margin-bottom: 1rem; }
.learn-guide-prompt { margin-top: 1.1rem; color: rgba(213, 199, 255, 0.95); }
.learn-guide-steps { margin-top: 1.4rem; }
.learn-guide-step { margin: 0; padding: 0.15rem 0 0.15rem 1rem; border-left: 2px solid rgba(145, 94, 255, 0.72); }
.learn-guide-step + .learn-guide-step { margin-top: 1rem; }
.learn-guide-step strong { color: #ffffff; }
.learn-guide-traps, .learn-guide-takeaway { padding-left: 1.25rem; }
.learn-guide-traps li + li, .learn-guide-takeaway li + li { margin-top: 0.75rem; }
.learn-guide-faq + .learn-guide-faq { margin-top: 1.5rem; }
.learn-guide-faq h3 { margin-bottom: 0.4rem; }
.learn-guide-faq p { margin-top: 0; }
@media (max-width: 700px) {
  .learn-guide-section { margin-block: 2.25rem; }
  .learn-guide-section--open { padding-inline: 0; }
  .learn-guide-step { padding-left: 0.8rem; }
}