/* Explanatory diagrams share the existing light palette; no product controls. */
.knowledge-block{padding:76px 0;border-bottom:1px solid var(--light-line,#dbe1eb);color:var(--light-ink,#192235);overflow:clip}
.knowledge-inner{width:100%;max-width:1240px;margin-inline:auto;padding-inline:40px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:64px}
.knowledge-copy,.knowledge-visual{min-width:0}
.knowledge-number{display:block;font-size:14px;line-height:1;font-weight:700;color:var(--light-teal,#006d68);letter-spacing:.12em;margin-bottom:20px}
.knowledge-block h2{font-family:Inter,Arial,sans-serif;font-size:clamp(28px,3vw,42px);font-weight:900;line-height:1.12;letter-spacing:-.035em;margin:0 0 24px;overflow-wrap:break-word}
.knowledge-prose p{font-size:16px;line-height:1.75;color:var(--light-copy,#4b566b);margin:0 0 16px}
.knowledge-prose p:last-child{margin-bottom:0}
.knowledge-visual{margin:0;padding:30px;background:#fff;border:1px solid var(--light-line,#dbe1eb);border-radius:12px;box-shadow:0 14px 40px #26325007}
.knowledge-visual figcaption{font-size:14px;line-height:1.5;color:#59647a;margin:0 0 26px;max-width:100%;overflow-wrap:anywhere}
.knowledge-visual ol,.knowledge-visual dl,.knowledge-visual dd{padding:0;margin:0;list-style:none}
.knowledge-visual strong,.knowledge-visual dt{font-size:18px;line-height:1.4;font-weight:700;letter-spacing:-.015em;color:#192235;display:block}
.knowledge-visual p,.knowledge-visual dd{font-size:16px;line-height:1.6;color:#4b566b;margin:10px 0 0}
.knowledge-visual li,.knowledge-visual dl>div{min-width:0;overflow-wrap:anywhere}
.visual-order{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#e4f6f1;color:#006d68;font-size:13px;font-weight:700;margin-bottom:16px}
.visual-flow ol{display:grid;gap:24px}
.visual-flow li{display:grid;grid-template-columns:34px 1fr;column-gap:16px;position:relative}
.visual-flow .visual-order{grid-column:1;grid-row:1/3;margin-bottom:0}
.visual-flow li p{grid-column:2;margin-top:4px}
.visual-flow li:not(:last-child)::after{content:'';position:absolute;width:1px;background:#b9d9d4;left:16px;top:42px;bottom:-16px}
.visual-timeline ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.visual-timeline li{padding:24px 22px 0 0;border-top:2px solid #c2b1ed;position:relative}
.visual-timeline li:last-child{padding-right:0}
.visual-timeline li::before{content:'';position:absolute;left:0;top:-6px;width:10px;height:10px;border-radius:50%;background:#7151ac}
.visual-timeline .visual-order{background:transparent;color:#5931bc;justify-content:flex-start;width:auto;height:auto;margin-bottom:12px}
.visual-compare dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.visual-compare dl>div{padding:20px 0;border-top:3px solid #c5cbd6}
.visual-compare dl>div:last-child{border-top-color:#00877b}
.visual-compare dt{font-size:14px;color:#59647a}
.visual-compare dd{font-size:20px;line-height:1.45;font-weight:700;letter-spacing:-.025em;color:#192235;margin-top:18px}
.visual-compare dl>div:last-child dd{color:#006d68}
.visual-script{background:linear-gradient(125deg,#fff 45%,#f4f0fc);border-left:3px solid #9771d6}
.visual-script dl>div{padding:18px 0;border-top:1px dashed #d3c9e7}
.visual-script dt{font-size:13px;letter-spacing:.025em;color:#73588f}
.visual-script dd{font-size:19px;line-height:1.55;color:#242c40;letter-spacing:-.01em;margin-top:8px}
.visual-matrix dl>div{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;padding:20px 0;border-top:1px solid #dbe1eb}
.visual-matrix dd{margin:0}
.visual-matrix dt{font-size:16px;color:#006d68}
.knowledge-band{background:#edf1f8}
.knowledge-band .knowledge-inner{grid-template-columns:1fr;gap:32px}
.knowledge-band .knowledge-copy{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0 64px;align-items:start}
.knowledge-band .knowledge-number{grid-column:1/-1}
.knowledge-band .knowledge-visual{box-shadow:none}
.knowledge-band .visual-flow ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.knowledge-band .visual-flow li{display:block;border-top:1px solid #b9d9d4;padding-top:20px}
.knowledge-band .visual-flow li::after{display:none}
.knowledge-band .visual-flow .visual-order{margin-bottom:16px}
.knowledge-reverse .knowledge-copy{grid-column:2;grid-row:1}
.knowledge-reverse .knowledge-visual{grid-column:1;grid-row:1}
.knowledge-editorial .knowledge-inner{grid-template-columns:1fr;gap:36px;max-width:1080px}
.knowledge-editorial .knowledge-copy h2{max-width:790px}
.knowledge-editorial .knowledge-prose{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.knowledge-editorial .knowledge-prose p{margin:0}
.knowledge-editorial .knowledge-visual{border-radius:0;box-shadow:none;border-width:1px 0;background:transparent;padding:28px 0}
.knowledge-editorial .visual-flow ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.knowledge-editorial .visual-flow li{display:block}
.knowledge-editorial .visual-flow li::after{display:none}
.knowledge-editorial .visual-flow .visual-order{margin-bottom:14px}
/* Animation starts only on intersection; content remains visible without JS. */
@media(prefers-reduced-motion:no-preference){
 .knowledge-block.is-revealed[data-reveal="mask"] .knowledge-visual{animation:knowledge-mask .65s cubic-bezier(.2,.7,.25,1) both}
 .knowledge-block.is-revealed[data-reveal="slide"] .knowledge-visual{animation:knowledge-slide .6s cubic-bezier(.2,.7,.25,1) both}
 .knowledge-block.is-revealed[data-reveal="settle"] .knowledge-visual{animation:knowledge-settle .55s cubic-bezier(.2,.7,.25,1) both}
 .knowledge-block.is-revealed[data-reveal="trace"] .knowledge-visual li,.knowledge-block.is-revealed[data-reveal="trace"] .knowledge-visual dl>div{animation:knowledge-trace .5s ease-out both;animation-delay:calc(var(--step)*90ms)}
 @keyframes knowledge-mask{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
 @keyframes knowledge-slide{from{transform:translateX(20px);opacity:.25}to{transform:translateX(0);opacity:1}}
 @keyframes knowledge-settle{from{transform:scale(.97);opacity:.4}to{transform:scale(1);opacity:1}}
 @keyframes knowledge-trace{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
}
@media(prefers-reduced-motion:reduce){.knowledge-block *{animation:none!important;transition:none!important;transform:none!important;clip-path:none!important}}
@media(max-width:1024px){.knowledge-inner{padding-inline:32px;gap:36px}.knowledge-band .knowledge-copy{gap:0 36px}.knowledge-visual{padding:24px}.visual-compare dl{gap:18px}.visual-compare dd{font-size:18px}.visual-timeline ol{grid-template-columns:1fr;gap:24px}.visual-timeline li{padding:0 0 0 24px;border-top:0;border-left:2px solid #c2b1ed}.visual-timeline li::before{top:4px;left:-6px}.visual-timeline li:last-child{padding-right:0}.visual-timeline .visual-order{margin-bottom:8px}}
@media(max-width:800px){.knowledge-block{padding-block:58px}.knowledge-inner,.knowledge-band .knowledge-copy{grid-template-columns:1fr}.knowledge-copy,.knowledge-reverse .knowledge-copy{grid-column:1;grid-row:1}.knowledge-reverse .knowledge-visual{grid-column:1;grid-row:2}.knowledge-inner{gap:28px}.knowledge-prose{max-width:680px}.knowledge-editorial .knowledge-prose{gap:24px}.knowledge-band .visual-flow ol{gap:22px}.knowledge-band .knowledge-copy h2{margin-bottom:24px}}
@media(max-width:600px){.knowledge-inner{padding-inline:24px}.knowledge-block{padding-block:46px}.knowledge-block h2{font-size:30px}.knowledge-number{margin-bottom:16px}.knowledge-visual{padding:22px}.knowledge-prose p{line-height:1.65}.visual-compare dl,.visual-matrix dl>div,.knowledge-band .visual-flow ol,.knowledge-editorial .visual-flow ol,.knowledge-editorial .knowledge-prose{grid-template-columns:1fr}.visual-compare dl{gap:4px}.visual-compare dl>div{padding-block:18px}.visual-compare dd{margin-top:10px;font-size:20px}.visual-matrix dl>div{gap:8px}.knowledge-editorial .knowledge-prose{gap:16px}.knowledge-visual figcaption{margin-bottom:20px}.visual-script dd{font-size:18px}}
@media(max-width:359px){.knowledge-inner{padding-inline:20px}.knowledge-block h2{font-size:27px}.knowledge-visual{padding:18px}.knowledge-editorial .knowledge-visual{padding-inline:0}}