/* Supplementary explanations and practice, scoped to their own components. */
.learning-widget{--lw-blue:#1646d4;--lw-ink:#192541;--lw-muted:#566176;--lw-line:#dbe1eb;--lw-green:#1a6b53;--lw-warm:#9b5726;position:relative;margin:34px 0 14px;padding:28px;border:1px solid #dce2ec;border-radius:22px;background:#f4f6fa;color:var(--lw-ink);font-family:var(--body);min-width:0;overflow-wrap:anywhere;scroll-margin-top:100px}
.learning-widget,.learning-widget *{box-sizing:border-box}
.learning-widget .lw-header{margin:0 0 22px}
.learning-widget h4{margin:0!important;padding:0!important;font-family:inherit!important;font-size:23px!important;font-weight:700!important;line-height:1.36!important;letter-spacing:-.025em!important;color:var(--lw-ink)!important;max-width:38ch}
.learning-widget h5{margin:0 0 8px!important;font-family:inherit!important;font-size:19px!important;line-height:1.34!important;font-weight:700!important;letter-spacing:-.015em!important;color:inherit!important}
.learning-widget p{margin:0;font-size:max(18px,var(--font,20px));line-height:1.6;color:var(--lw-muted)}
.learning-widget .lw-intro{margin-top:13px;max-width:65ch}
.lw-eyebrow{display:block;margin-bottom:10px;color:var(--lw-blue);font-size:15px;font-weight:700;line-height:1.4;letter-spacing:.055em;text-transform:uppercase}
.lw-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0!important;padding:0!important;list-style:none!important}
.lw-item{position:relative;min-width:0;margin:0!important;padding:21px!important;border:1px solid #e0e5ee;border-radius:15px;background:#fff;list-style:none!important}
.lw-item p{font-size:max(18px,var(--font,20px));line-height:1.57}
.lw-item h5+.lw-tag{margin-top:10px}
.lw-tag{display:block;margin:0 0 12px;font-size:15px;line-height:1.4;color:var(--lw-blue);font-weight:700}
.lw-step{display:flex;width:33px;height:33px;align-items:center;justify-content:center;margin-bottom:16px;border-radius:50%;background:#e9eefc;color:var(--lw-blue);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
.learning-widget .lw-note{position:relative;margin:20px 0 0;padding:0 0 0 16px;border-left:3px solid #b9c8f4;color:var(--lw-muted);font-size:17px;line-height:1.65}
.lw-flow .lw-items,.lw-timeline .lw-items{gap:18px}
.lw-flow .lw-item,.lw-timeline .lw-item{border-top:3px solid #c2cff6}
.lw-flow .lw-item:not(:last-child):after{content:'→';position:absolute;right:-15px;top:23px;z-index:1;font-size:23px;line-height:1;color:var(--lw-blue);background:#f4f6fa}
.lw-flow .lw-item:nth-child(2n):after{display:none}
.lw-timeline .lw-step{background:var(--lw-blue);color:#fff}
.lw-stack .lw-items{grid-template-columns:1fr;gap:0}
.lw-stack .lw-item{display:grid;grid-template-columns:38px 1fr;column-gap:14px;padding:18px 20px!important;border-radius:0;border-bottom:0}
.lw-stack .lw-item:first-child{border-radius:15px 15px 0 0}
.lw-stack .lw-item:last-child{border-radius:0 0 15px 15px;border-bottom:1px solid #e0e5ee}
.lw-stack .lw-item:only-child{border-radius:15px}
.lw-stack .lw-step{grid-column:1;grid-row:1/3;margin:0;align-self:start}
.lw-stack .lw-item h5,.lw-stack .lw-item p{grid-column:2}
.lw-compare .lw-item:first-child{background:#eceff5;border-color:#dce1ea}
.lw-compare .lw-item:last-child{background:#edf3ff;border-color:#d2ddf8}
.lw-compare .lw-item:last-child h5{color:#1646b6!important}
.lw-balance .lw-items{gap:18px}
.lw-balance .lw-item{border-top:4px solid #88a2e8}
.lw-balance .lw-item:last-child{border-top-color:#70a997}
.lw-balance .lw-item:first-child:after{content:'↔';position:absolute;right:-19px;top:22px;z-index:1;border-radius:50%;background:#f4f6fa;padding:2px 5px;color:var(--lw-blue);font-size:24px}
.lw-cycle .lw-item{border-radius:22px 22px 22px 5px}
.lw-cycle .lw-item:nth-child(2){background:#f0f5ff}
.lw-cycle .lw-item:nth-child(3){background:#eff7f3}
.lw-cycle .lw-item:nth-child(4){background:#fff5e9}
.lw-cycle .lw-header:after{content:'↻';position:absolute;right:27px;top:23px;font-size:37px;color:#a6b7e6;line-height:1}
.lw-cycle h4{padding-right:30px!important}
.lw-journey .lw-items{gap:0;grid-template-columns:1fr}
.lw-journey .lw-item{position:relative;border:0;border-radius:0;background:transparent;padding:0 0 23px 51px!important;min-height:62px}
.lw-journey .lw-item:last-child{padding-bottom:0!important}
.lw-journey .lw-step{position:absolute;left:0;top:0;background:#fff;border:1px solid #bfcef3;width:33px;height:33px}
.lw-journey .lw-item:not(:last-child):before{content:'';position:absolute;left:16px;top:34px;bottom:0;border-left:2px solid #cbd5eb}
.lw-journey .lw-item p{max-width:55ch}
.lw-orbit .lw-center{position:relative;display:table;margin:0 auto 26px;padding:15px 24px;border-radius:100px;background:var(--lw-blue);color:#fff;text-align:center;font-size:19px;line-height:1.35;font-weight:700;max-width:100%}
.lw-orbit .lw-center:after{content:'';position:absolute;top:100%;left:50%;height:25px;border-left:2px solid #a3b6ec}
.lw-orbit .lw-item{border-top:3px solid #bacaf3}
.lw-cards .lw-item:nth-child(4n+2),.lw-matrix .lw-item:nth-child(4n+2){background:#eef4ff}
.lw-cards .lw-item:nth-child(4n+3),.lw-matrix .lw-item:nth-child(4n+3){background:#eff6f2}
.lw-cards .lw-item:nth-child(4n+4),.lw-matrix .lw-item:nth-child(4n+4){background:#fff6e9}
.lw-filter .lw-items,.lw-triptych .lw-items{grid-template-columns:repeat(3,minmax(0,1fr))}
.lw-filter .lw-item{border-top:3px solid #8fa7e9}
.lw-filter .lw-item:last-child{border-top-color:#78ad9a}
.lw-filter .lw-step{border-radius:9px}
.lw-triptych .lw-item{padding:19px!important}
.lw-triptych .lw-item:nth-child(2){background:#eef4ff}
.lw-triptych .lw-item:nth-child(3){background:#eff6f2}
.lw-funnel .lw-items{display:flex;flex-direction:column;align-items:center;gap:9px}
.lw-funnel .lw-item{width:100%;text-align:center;border-radius:13px;background:#e2eafa;border-color:#ccd9f4}
.lw-funnel .lw-item:nth-child(2){width:87%;background:#cbdaf8;border-color:#b8ccf3}
.lw-funnel .lw-item:nth-child(3){width:74%;background:#1847ce;border-color:#1847ce;color:#fff}
.lw-funnel .lw-item:nth-child(3) p{color:#f0f3ff}
.lw-funnel .lw-item p{max-width:45ch;margin:0 auto}
.lw-equation .lw-items{gap:23px;grid-template-columns:repeat(var(--lw-count),minmax(0,1fr))}
.lw-equation .lw-item{padding:17px!important}
.lw-equation .lw-item h5{font-size:17px!important}
.lw-equation .lw-item p{font-size:17px}
.lw-operator{position:absolute;right:-21px;top:29px;z-index:1;color:var(--lw-blue);font-size:25px;line-height:1}
.lw-result{display:flex;gap:15px;align-items:center;margin-top:18px;padding:17px 20px;border-radius:12px;background:#e5edff;color:#153d9d;font-size:19px;line-height:1.4}
.lw-result>span{font-size:26px}
.lw-checklist .lw-items{grid-template-columns:1fr;gap:9px}
.lw-checklist .lw-item{padding:17px 18px 17px 63px!important}
.lw-checklist .lw-step{position:absolute;top:19px;left:18px;width:28px;height:28px;background:#e0f2ea;color:#226c54;font-size:17px}
.lw-canvas .lw-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.lw-canvas .lw-item{padding:16px!important}
.lw-canvas .lw-item:nth-child(4),.lw-canvas .lw-item:nth-child(7){background:#e8efff;border-color:#c7d6f8}
.lw-canvas .lw-item:nth-child(8),.lw-canvas .lw-item:nth-child(9){background:#edf5ef}
.lw-canvas .lw-item h5{font-size:18px!important}
.lw-canvas .lw-item p{font-size:17px}
.lw-interactive{padding:28px;background:#fffdf7;border-color:#e0d9bf;box-shadow:0 7px 22px rgba(60,64,85,.035)}
.lw-interactive .lw-eyebrow{color:#84561d}
.lw-choices{display:grid;gap:11px;margin:0;padding:0;min-width:0;border:0}
.lw-choice{position:relative;display:flex;gap:12px;align-items:flex-start;padding:17px;border:1.5px solid #d9dce5;border-radius:13px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s;min-width:0;color:#26334b;font-size:18px;line-height:1.5}
.lw-choice:hover{border-color:#8da6e9;background:#f7f9ff}
.lw-choice input{position:absolute;top:21px;left:20px;width:19px;height:19px;opacity:0;pointer-events:none}
.lw-choice-letter{display:flex;flex:0 0 30px;width:30px;height:30px;align-items:center;justify-content:center;border:1px solid #ccd3e2;border-radius:50%;background:#f4f6fa;font-size:15px;font-weight:700;line-height:1}
.lw-choice-text{flex:1;min-width:0}
.lw-choice-status{width:18px;flex:0 0 18px;font-weight:700;font-size:19px}
.lw-choice:focus-within{outline:3px solid #8ba8fa;outline-offset:3px}
.lw-choice.is-selected{border-color:#6688dd;background:#edf3ff}
.lw-choice.is-correct{border-color:#3a8b6e;background:#eef8f2}
.lw-choice.is-correct .lw-choice-letter{border-color:#2d8060;background:#2d8060;color:#fff}
.lw-choice.is-correct .lw-choice-status{color:#226d50}
.lw-choice.is-reconsider{border-color:#bd8c50;background:#fff5e6}
.lw-choice.is-reconsider .lw-choice-letter{border-color:#bd8c50;background:#fff0d7;color:#86511c}
.lw-feedback{margin-top:17px;padding:18px 20px;border-radius:13px;border:1px solid #cbd8ec;background:#eff4fb;line-height:1.6}
.lw-feedback[hidden]{display:none}
.lw-feedback strong{display:block;margin-bottom:6px;font-size:18px;line-height:1.3}
.lw-feedback p{font-size:17px;color:inherit}
.lw-feedback.is-correct{background:#eaf5ef;border-color:#c5dece;color:#235c46}
.lw-feedback.is-reconsider{background:#fff1dd;border-color:#e6ceaa;color:#774b23}
.lw-case-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px}
.lw-case-hint{font-size:15px;line-height:1.5;color:#69717e}
.lw-reset{flex:0 0 auto;min-height:40px;padding:8px 0;border:0;background:transparent;color:#31509a;font:700 max(15px,calc(var(--font,20px) - 5px))/1.4 var(--body);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.lw-reset[hidden]{display:none}
.lw-reset:hover{color:#183da0}
.lw-reset:focus-visible,.lw-switches button:focus-visible{outline:3px solid #8ba8fa;outline-offset:4px}
.lw-switches{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.lw-switches button{flex:1 1 auto;min-height:48px;padding:11px 17px;border:1px solid #d6dce8;border-radius:11px;background:#fff;color:#33405a;font:700 max(17px,calc(var(--font,20px) - 3px))/1.4 var(--body);cursor:pointer}
.lw-switches button[aria-pressed="true"]{border-color:var(--lw-blue);background:var(--lw-blue);color:#fff}
.lw-layer-panel{padding:23px;background:#f1f5fe;border:1px solid #d8e2f8;border-radius:15px}
.lw-layer-panel h5{font-size:21px!important}
.lw-layer-example{color:#33476e!important}
.lw-layer-panel .lw-note{border-left-color:#9bb2ea}
.lw-ranges{display:grid;gap:24px;padding:22px;border:1px solid #dddccf;border-radius:14px;background:#fff}
.lw-range-heading{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;margin-bottom:12px}
.lw-range-heading label{font-size:17px;font-weight:700;line-height:1.4;max-width:70%}
.lw-range-heading output{flex:0 0 auto;color:var(--lw-blue);font-size:22px;line-height:1.2;font-weight:700;font-variant-numeric:tabular-nums}
.lw-range input{display:block;appearance:auto;width:100%;min-width:0;min-height:30px;accent-color:var(--lw-blue);cursor:pointer;margin:0}
.lw-range input:focus-visible{outline:3px solid #8ba8fa;outline-offset:3px;border-radius:6px}
.lw-range-ends{display:flex;justify-content:space-between;gap:15px;margin-top:4px;color:#697384;font-size:15px;line-height:1.4;font-variant-numeric:tabular-nums}
.lw-simulator-result{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:17px}
.lw-simulator-result>div{min-width:0;padding:18px;border:1px solid #d6e1f6;border-radius:13px;background:#edf3ff}
.lw-simulator-result>div>span{display:block;min-height:42px;font-size:15px;line-height:1.4;color:#4c5c78}
.lw-simulator-result strong{display:block;margin-top:7px;font-size:32px;font-variant-numeric:tabular-nums;line-height:1.15;letter-spacing:-.03em;color:#1a3c91}
.lw-simulator-result .lw-cac-result{grid-column:1/-1;background:#1746ca;border-color:#1746ca}
.lw-simulator-result .lw-cac-result>span,.lw-simulator-result .lw-cac-result strong{color:#fff}
.lw-simulator-result .lw-cac-result>span{min-height:0}
.learning-widget .lw-simulator-insight{grid-column:1/-1;margin-top:8px;color:#5e635f;font-size:17px;line-height:1.6}
.lw-mini-funnel{grid-template-columns:1fr;justify-items:center}
.lw-mini-funnel>div{width:100%;display:flex;align-items:center;gap:20px;justify-content:space-between}
.lw-mini-funnel>div:nth-child(2){width:88%;background:#d7e3fc}
.lw-mini-funnel>div:nth-child(3){width:76%;background:#1746ca;border-color:#1746ca}
.lw-mini-funnel>div:nth-child(3)>span,.lw-mini-funnel>div:nth-child(3)>strong{color:#fff}
.lw-mini-funnel>div>span{min-height:0;max-width:65%}
.lw-mini-funnel strong{margin-top:0}
.lw-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1450px){.lw-flow .lw-items,.lw-timeline .lw-items{grid-template-columns:repeat(var(--lw-count),minmax(0,1fr))}.lw-flow .lw-item:nth-child(2n):after{display:block}.lw-flow .lw-item:last-child:after{display:none}}
@media(max-width:1180px) and (min-width:1001px){.lw-filter .lw-items,.lw-triptych .lw-items{grid-template-columns:1fr}.lw-equation .lw-items{grid-template-columns:1fr;gap:25px}.lw-equation .lw-operator{left:calc(50% - 8px);right:auto;top:calc(100% + 1px)}}
@media(max-width:680px){.learning-widget{margin:27px 0 8px;padding:20px;border-radius:18px}.learning-widget h4{font-size:22px!important;line-height:1.38!important}.learning-widget .lw-header{margin-bottom:19px}.learning-widget p{font-size:17px}.learning-widget h5{font-size:19px!important}.lw-items,.lw-filter .lw-items,.lw-triptych .lw-items,.lw-canvas .lw-items,.lw-equation .lw-items{grid-template-columns:1fr}.lw-item,.lw-triptych .lw-item{padding:18px!important}.lw-item p{font-size:17px}.lw-flow .lw-item:not(:last-child):after{content:'↓';display:block!important;left:calc(50% - 9px);right:auto;top:calc(100% + 1px);font-size:20px;background:transparent}.lw-flow .lw-items{gap:22px}.lw-step{margin-bottom:12px}.lw-cycle .lw-header:after{right:19px;top:21px;font-size:31px}.lw-stack .lw-item{padding:17px 15px!important;column-gap:9px;grid-template-columns:35px 1fr}.lw-stack .lw-item h5,.lw-stack .lw-item p{grid-column:2}.lw-journey .lw-item{padding:0 0 24px 45px!important}.lw-journey .lw-item h5{font-size:18px!important}.lw-journey .lw-step{width:30px;height:30px}.lw-journey .lw-item:not(:last-child):before{left:14px;top:31px}.lw-balance .lw-item:first-child:after{content:'↕';right:auto;left:calc(50% - 13px);top:calc(100% - 3px);font-size:24px;padding:0 5px}.lw-balance .lw-items{gap:22px}.lw-equation .lw-items{gap:26px}.lw-equation .lw-operator{right:auto;left:calc(50% - 8px);top:calc(100% + 1px)}.lw-equation .lw-item h5,.lw-canvas .lw-item h5{font-size:19px!important}.lw-equation .lw-item p,.lw-canvas .lw-item p{font-size:17px}.lw-funnel .lw-item{padding:18px 13px!important}.lw-funnel .lw-item:nth-child(2){width:92%}.lw-funnel .lw-item:nth-child(3){width:84%}.lw-choice{padding:15px 12px;gap:9px;font-size:17px}.lw-choice-letter{flex-basis:27px;width:27px;height:27px;font-size:15px}.lw-choice-status{width:13px;flex-basis:13px;font-size:17px}.lw-feedback{padding:16px}.lw-case-controls{align-items:flex-start;flex-direction:column;gap:7px}.lw-case-hint{font-size:15px}.lw-reset{padding:6px 0;min-height:38px}.lw-switches{gap:7px}.lw-switches button{padding:10px 12px;font-size:17px;min-height:45px}.lw-layer-panel{padding:18px}.lw-layer-panel h5{font-size:20px!important}.lw-ranges{padding:17px;gap:23px}.lw-range-heading label{font-size:17px;max-width:73%}.lw-range-heading output{font-size:21px}.lw-simulator-result>div{padding:15px}.lw-simulator-result strong{font-size:30px}.lw-simulator-result>div>span{font-size:15px;min-height:40px}.lw-mini-funnel>div{gap:12px}.lw-mini-funnel>div:nth-child(2){width:92%}.lw-mini-funnel>div:nth-child(3){width:84%}.lw-mini-funnel>div>span{min-height:0}.lw-mini-funnel strong{font-size:29px}.learning-widget .lw-note{font-size:17px;padding-left:13px}.lw-canvas .lw-items{gap:9px}.lw-canvas .lw-item{padding:17px!important}.lw-center{font-size:18px!important;padding:14px 18px!important}.lw-result{font-size:18px;padding:15px}.lw-checklist .lw-item{padding:17px 16px 17px 56px!important}.lw-checklist .lw-step{left:15px;top:19px}}
/* Match the reading-size control across every explanatory component. */
.learning-widget p,
.learning-widget .lw-item p,
.learning-widget .lw-feedback p,
.learning-widget .lw-equation p,
.learning-widget .lw-canvas p{font-size:max(18px,var(--font,20px))}
.learning-widget .lw-choice{font-size:max(18px,var(--font,20px))}
.learning-widget .lw-note,
.learning-widget .lw-simulator-insight{font-size:max(17px,calc(var(--font,20px) - 3px))}
.learning-widget .lw-eyebrow,
.learning-widget .lw-tag,
.learning-widget .lw-case-hint,
.learning-widget .lw-range-ends,
.learning-widget .lw-simulator-result>div>span{font-size:max(15px,calc(var(--font,20px) - 5px))}
.learning-widget .lw-range-heading label{font-size:max(17px,calc(var(--font,20px) - 3px))}
@media(prefers-reduced-motion:reduce){.lw-choice{transition:none}}
@media print{.learning-widget{break-inside:avoid;background:#fff;box-shadow:none}.lw-range,.lw-switches,.lw-case-controls{display:none}.lw-choice input{opacity:1;position:static;pointer-events:auto;flex:0 0 19px}.lw-choice-letter{display:none}}
