/* Never changes a lesson's width, typography, grid or navigation. */
.brx-promo{box-sizing:border-box;display:block;max-width:100%;margin:32px 0;background:#fff;border:1px solid #dfd4ec;border-radius:16px;overflow:hidden;color:#222;font:15px/1.6 Poppins,Arial,sans-serif;text-align:left}
.brx-promo *{box-sizing:border-box}
.brx-promo-art{background:#F5F0FC}
.brx-promo-art img{display:block;width:100%;max-width:270px;height:auto;margin:auto}
.brx-promo-copy{padding:20px}
.brx-promo .brx-promo-kicker{margin:0 0 8px;color:#64408b;font-size:11px;letter-spacing:1px;font-weight:700}
.brx-promo h2{font-size:21px;line-height:1.3;margin:0 0 12px;color:#35165C;border:0;padding:0}
.brx-promo p{margin:0 0 16px;font-size:15px;line-height:1.6}
.brx-promo .brx-promo-price{font-size:23px;font-weight:700;color:#35165C;margin:14px 0}
.brx-promo-price span{display:block;font-size:12px;font-weight:400;color:#555}
.brx-promo a.brx-promo-action{display:flex;align-items:center;justify-content:center;gap:4px;min-height:46px;padding:11px 10px;border:2px solid #35165C;border-radius:9px;background:#35165C;color:#fff!important;-webkit-text-fill-color:#fff;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none}
.brx-promo a.brx-promo-action:hover{background:#7545BD;border-color:#7545BD}
.brx-promo a.brx-promo-more{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:13px;color:#35165C;text-decoration:underline;text-underline-offset:3px;padding:8px 0 0}
.brx-promo a:focus-visible{outline:3px solid #7545BD;outline-offset:3px;box-shadow:0 0 0 2px #fff}
.brx-layout-anchor{position:relative}
.brx-promo[data-placement=gutter]{position:absolute;left:calc(100% + 24px);top:0;width:224px;margin:0;z-index:1}
.brx-promo[data-placement=gutter] .brx-promo-art img{width:224px}
.brx-promo[data-placement=gutter] .brx-promo-copy{padding:18px}
.brx-promo[data-placement=gutter] h2{font-size:20px}
.brx-promo[data-placement=inline]{display:grid;grid-template-columns:minmax(140px,210px) minmax(0,1fr)}
.brx-promo[data-placement=inline] .brx-promo-art{display:flex;align-items:center}
@media(max-width:600px){.brx-promo[data-placement=inline]{display:block}.brx-promo-art img{max-width:220px}.brx-promo-copy{padding:20px}.brx-promo h2{font-size:22px}}
@media print{.brx-promo{display:none!important}}