/* Charity uses the same compact typography and spacing as learning panels. */
html .academy-impact[aria-labelledby="academy-impact-title"]{padding:36px 16px 40px}
html .academy-impact .academy-impact-head{gap:20px;padding-bottom:28px}
html .academy-impact .academy-impact-title{max-width:540px;font-size:22px;font-weight:300;line-height:1.2;letter-spacing:-.025em}
html .academy-impact .academy-impact-copy{font-size:15px;line-height:1.55}
html .academy-impact .academy-impact-steps{gap:12px}
html .academy-impact .academy-impact-step,
html .academy-impact .academy-impact-step:first-child,
html .academy-impact .academy-impact-step:last-child{grid-template-columns:40px minmax(0,1fr);gap:0 12px;padding:17px 20px 20px;min-height:0}
html .academy-impact .academy-impact-step::before{font-size:22px;line-height:1}
html .academy-impact .academy-impact-step h3{font-size:16px;line-height:1.35;min-height:22px}
html .academy-impact .academy-impact-step p{font-size:14px;line-height:1.55;margin-top:16px;padding-top:16px}
html .academy-impact .academy-impact-transaction{margin-top:12px;padding:17px 20px 0;gap:16px}
html .academy-impact .academy-impact-transaction-summary strong{font-size:22px;line-height:1.2}
html .academy-impact .academy-impact-transaction-label,
html .academy-impact .academy-impact-transaction-summary>div>span{font-size:12px}
html .academy-impact .academy-impact-transaction-link{min-height:46px;padding:12px 0;font-size:13px}
/* Keep the section boundary clear of the certificate panel. */
html #investigation-process.learning-process-section{padding-bottom:48px}
@media(max-width:700px){
 html .academy-impact[aria-labelledby="academy-impact-title"]{padding:32px 12px}
 html .academy-impact .academy-impact-head{gap:16px;padding-bottom:24px}
 html .academy-impact .academy-impact-steps{gap:8px}
 html .academy-impact .academy-impact-step,
 html .academy-impact .academy-impact-step:first-child,
 html .academy-impact .academy-impact-step:last-child{grid-template-columns:30px minmax(0,1fr);gap:0 10px;padding:14px 15px 18px}
 html .academy-impact .academy-impact-step::before{font-size:20px}
 html .academy-impact .academy-impact-step h3{font-size:15px;min-height:20px}
 html .academy-impact .academy-impact-step p{font-size:13.5px;margin-top:14px;padding-top:14px}
 html .academy-impact .academy-impact-transaction{margin-top:8px;padding:14px 15px 0;gap:14px}
 html .academy-impact .academy-impact-transaction-summary strong{font-size:20px}
 html .academy-impact .academy-impact-transaction-link{min-height:44px}
 html #investigation-process.learning-process-section{padding-bottom:32px}
}