/* Small explanatory visuals: editorial hierarchy, not clickable cards. */
.principle-copy{display:block;min-width:0;flex:1}.principle-copy strong{font-size:15px;line-height:1.4;font-weight:650;display:block}.principle-copy small{display:block;font-size:12px;line-height:1.45;color:#636a76;font-weight:400;margin-top:5px}.principle{gap:12px;padding:14px;align-items:flex-start}.principle .number{margin-top:2px;width:28px;height:28px}.principle-open{display:flex;align-items:center;align-self:center;color:#8c95a3}.principle-open svg{width:17px;height:17px}
.learning-figure{margin:22px 0 24px;padding:20px;background:#f7f9fc;border:1px solid #e7ebf1;border-radius:16px;line-height:1.5;text-align:left;--explain-ink:var(--week-color,#3157ff)}.learning-figure figcaption{font-size:15px;font-weight:650;line-height:1.4;color:#171b23;margin-bottom:16px}.learning-figure figcaption>span{display:block;font-size:9px;font-weight:700;letter-spacing:.09em;color:var(--explain-ink);margin-bottom:5px}.learning-figure ul,.learning-figure ol{list-style:none;margin:0;padding:0}.learning-figure .explain-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;flex:none;color:var(--explain-ink);background:white;border:1px solid #e4e9f1;border-radius:8px}.explain-icon svg{width:17px;height:17px}
.explain-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.explain-kind-pair .explain-cards,.explain-kind-branches .explain-cards:has(>li:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.learning-figure .explain-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:14px;background:white;border:1px solid #e4e9f1;border-radius:10px;min-width:0}.explain-card strong{display:block;font-size:13px;font-weight:650;color:#171b23;line-height:1.4}.explain-card div>span{display:block;font-size:12px;color:#636a76;margin-top:4px;line-height:1.5}.explain-arrow{position:absolute;right:-15px;top:50%;transform:translate(50%,-50%);z-index:1;display:flex;background:#f7f9fc;color:var(--explain-ink)}.explain-arrow svg{width:20px;height:20px}
.learning-figure .explain-note{margin:14px 0 0;padding-top:12px;border-top:1px solid #e2e7ee;font-size:12px!important;line-height:1.55;color:#626b79}.explain-hub{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px;padding:12px 16px;background:white;border:1px solid #cbd5ee;border-radius:10px;font-size:13px;color:#171b23}.explain-hub svg{color:var(--explain-ink);width:19px;height:19px}.explain-kind-branches .explain-cards{padding-top:14px;position:relative}.explain-kind-branches .explain-cards:before{content:'';position:absolute;top:0;height:1px;left:16%;right:16%;background:#cbd5ee}.explain-branches .explain-card:before{content:'';height:14px;width:1px;background:#cbd5ee;position:absolute;top:-15px;left:50%}
.explain-matrix{display:grid;gap:0;border:1px solid #e1e6ef;border-radius:10px;overflow:hidden;background:white}.explain-matrix li{display:grid;grid-template-columns:30px minmax(90px,.7fr) 20px minmax(0,1fr);gap:12px;align-items:center;padding:11px 14px;border-bottom:1px solid #e7ebf1}.explain-matrix li:last-child{border:0}.explain-matrix strong{font-size:13px;line-height:1.4;color:#171b23}.matrix-arrow{display:flex;color:var(--explain-ink)}.matrix-arrow svg{width:18px;height:18px}.matrix-detail{font-size:12px;line-height:1.5;color:#636a76}
.explain-record{margin:0;background:white;border:1px solid #e2e7ee;border-radius:10px;overflow:hidden}.explain-record>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;align-items:center;padding:12px 14px;border-bottom:1px solid #e7ebf1}.explain-record>div:last-child{border:0}.explain-record dt{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:650;color:#171b23}.explain-record dd{margin:0;font-size:12px;color:#636a76;line-height:1.5}
.explain-focus{display:grid;grid-template-columns:1fr 24px 1fr;gap:16px;align-items:center}.focus-inputs{display:grid;gap:7px}.focus-inputs li{border:1px solid #e0e5ec;border-radius:8px;padding:8px 12px;background:white;color:#717986;font-size:12px}.focus-arrow{color:var(--explain-ink);display:flex}.focus-output{padding:18px 14px;border:1px solid #c9d5f4;background:white;border-radius:10px;font-size:14px;display:flex;gap:12px;align-items:center;color:#171b23}.focus-output svg{color:var(--explain-ink);width:20px;height:20px}.resource-explainer{margin:24px 0;display:grid;gap:24px}.resource-explainer h2{font-size:18px;line-height:1.4;margin:0 0 9px;letter-spacing:-.2px}.resource-explainer p{font-size:17px;line-height:1.7;color:#596272;margin:0}.principle-article .article-lead{color:#596272}
@media(max-width:760px){.principle-copy strong{font-size:15px}.principle-copy small{font-size:12px}.learning-figure{padding:16px;margin:18px 0 22px}.learning-figure figcaption{font-size:14px}.explain-cards{gap:12px}.explain-card div>span{font-size:12px}.explain-record>div{grid-template-columns:150px minmax(0,1fr);gap:12px;padding:12px}.explain-matrix li{grid-template-columns:26px minmax(70px,.7fr) 16px minmax(0,1fr);gap:9px;padding:11px}.learning-figure .explain-icon{width:26px;height:26px}.explain-matrix strong{font-size:12px}.matrix-detail{font-size:12px}.resource-explainer p{font-size:16px}.resource-explainer h2{font-size:17px}}
@media(max-width:520px){.explain-cards,.explain-kind-pair .explain-cards,.explain-kind-branches .explain-cards:has(>li:nth-child(2):last-child){grid-template-columns:1fr;gap:12px}.learning-figure .explain-card{flex-direction:row;align-items:flex-start;gap:12px;padding:12px}.explain-card>div{min-width:0;flex:1}.explain-card strong{font-size:13px}.explain-card div>span{font-size:12px}.explain-arrow{right:auto;top:auto;left:25px;bottom:-16px;transform:rotate(90deg)}.explain-kind-branches .explain-cards{padding-top:0}.explain-kind-branches .explain-cards:before,.explain-branches .explain-card:before{display:none}.explain-hub{justify-content:flex-start;font-size:12px}.explain-matrix li{grid-template-columns:26px minmax(0,1fr);gap:7px 10px;align-items:start}.explain-matrix .explain-icon{grid-row:1/3}.matrix-arrow{display:none}.matrix-detail{grid-column:2}.explain-record>div{grid-template-columns:1fr;gap:6px}.explain-record dd{padding-left:36px}.explain-focus{gap:10px;grid-template-columns:1fr 20px 1fr}.focus-inputs li{padding:8px;font-size:11px}.focus-output{flex-direction:column;align-items:flex-start;font-size:12px;padding:14px 10px;gap:10px}.focus-output strong{font-weight:650}.learning-figure .explain-note{font-size:12px!important}}
.explain-focus{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)}.focus-inputs,.focus-output{min-width:0}.focus-inputs li,.focus-output strong{overflow-wrap:anywhere}
@media(max-width:520px){.explain-focus{grid-template-columns:minmax(0,1fr)}.focus-arrow{justify-self:center;transform:rotate(90deg)}.focus-output{flex-direction:row;align-items:center}.focus-inputs li,.focus-output strong{overflow-wrap:normal}}