/* Only the six approved morning lesson pages load these scoped diagram styles. */
.sx-article .sx-figure{margin:28px 0 36px;padding:24px;border:1px solid #c4d4cb;border-radius:16px;background:#f3f6ef;color:#173847}
.sx-article .sx-figure figcaption{font-size:23px;font-weight:700;line-height:1.6;margin:0 0 20px;text-align:left;color:#173847}
.sx-article .sx-figure h3{font-size:20px;line-height:1.6;margin:0 0 16px}
.sx-article .sx-figure p{font-size:16px;line-height:1.85;margin:12px 0}
.sx-article .sx-figure .sx-note{font-size:14px;border-top:1px solid #c4d4cb;padding-top:16px;margin:20px 0 0}
.sx-article .sx-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sx-article .sx-pair>section,.sx-article .sx-exchange>section{min-width:0;background:#fffefa;border:1px solid #c4d4cb;border-radius:10px;padding:16px}
.sx-article .sx-figure svg{display:block;width:100%;height:auto;max-width:420px;margin:0 auto}
.sx-article .sx-pair svg{max-width:270px}
.sx-article .sx-outer{border:3px solid #315f50;border-radius:40%;background:#e2edda;text-align:center;padding:22px 18px;font-size:22px}
.sx-article .sx-fruit{background:#f4df9f;border-color:#88632b}
.sx-article .sx-inner{margin:20px auto 4px;padding:16px 8px;border-radius:50%;border:2px solid #315f50;background:#fffefa;font-size:19px;max-width:140px}
.sx-article .sx-callout{margin:20px 0 0;padding:16px;background:#fffefa;border-left:4px solid #315f50;font-size:17px;line-height:1.85}
.sx-article .sx-exchange{display:grid;gap:18px}
.sx-article .sx-transfer{border-block:1px solid #c4d4cb;padding:12px 0;color:#315f50;font-size:20px!important;font-weight:700}
.sx-article .sx-stages{padding:0;list-style:none;display:grid;gap:38px;margin:20px 0}
.sx-article .sx-stages li{position:relative;margin:0;border:1px solid #315f50;border-radius:10px;background:#eef4e8;padding:12px;text-align:center;font-size:20px}
.sx-article .sx-stages span{position:absolute;bottom:-31px;left:0;width:100%;font-size:15px;color:#173847;line-height:24px}
.sx-article .sx-stages b{font-weight:400}
.sx-article .sx-small{margin-top:18px}
.sx-article .sx-intro{font-weight:600}
@media(max-width:640px){
 .sx-article .sx-figure{padding:18px 14px;margin:24px 0 30px}
 .sx-article .sx-figure figcaption{font-size:21px}
 .sx-article .sx-pair{grid-template-columns:1fr}
 .sx-article .sx-pair>section{padding:16px}
 .sx-article .sx-outer{padding:20px 14px}
}