.pilot-hlp { color: #2d203d; max-width: 52rem; margin: 2rem auto; }
.pilot-hlp__intro { border-left: .3rem solid #7a56d8; padding: 1rem 1.25rem; background: #f7f3ff; }
.pilot-hlp__intro h2, .pilot-hlp__activity h3, .pilot-hlp__activity h4 { color: #35234d; }
.pilot-hlp__eyebrow, .pilot-hlp__document-type { color: #6542bd; font-size: .82rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.pilot-hlp__activity { border: 1px solid #d9cceb; border-radius: .75rem; margin-top: 1.5rem; padding: 1.25rem; }
.pilot-hlp__document { background: #fcfbff; border-left: .25rem solid #b99ceb; margin: 1rem 0; padding: 1rem; }
.pilot-hlp__document figcaption { display: grid; gap: .25rem; }
.pilot-hlp__document blockquote { font-family: Georgia, serif; font-size: 1.08rem; line-height: 1.55; margin: 1rem 0; }
.pilot-hlp__source { display: flex; flex-wrap: wrap; gap: .5rem; font-size: .9rem; }
.pilot-hlp__choices { border: 0; display: grid; gap: .6rem; margin: 0; padding: 0; }
.pilot-hlp__choices legend { font-weight: 700; margin-bottom: .5rem; }
.pilot-hlp__choice { background: #fff; border: 1px solid #b5a0d8; border-radius: .5rem; color: inherit; cursor: pointer; padding: .8rem; text-align: left; }
.pilot-hlp__choice:hover, .pilot-hlp__choice:focus-visible { border-color: #6340bd; box-shadow: 0 0 0 3px #e5dcf7; outline: 0; }
.pilot-hlp__choice--correct { border-color: #1b7c57; background: #edf9f3; }
.pilot-hlp__choice--incorrect { border-color: #b5313d; background: #fff1f2; }
.pilot-hlp__feedback { min-height: 1.5rem; margin: 1rem 0 0; }
.pilot-hlp__feedback--correct { color: #146344; }
.pilot-hlp__feedback--incorrect { color: #8e2431; }
.pilot-hlp__counterproof { margin-top: 1rem; }
@media (max-width: 390px) { .pilot-hlp__activity { border-radius: .5rem; padding: 1rem; } .pilot-hlp__choice { padding: .75rem; } }