/* V26: section typography and a compact knowledge banner. */
@media(min-width:901px){
 .systems-composition .systems-copy h2{font-size:clamp(43px,5.1vw,76px);line-height:1.04;letter-spacing:-.052em}
 .systems-composition .systems-copy{height:auto;min-height:710px;transform:translateY(-50%)}
 .systems-composition .systems-tabs{width:100%;max-width:100%;gap:clamp(14px,1.4vw,22px);overflow-x:auto;scrollbar-width:none;margin-top:24px}
 .systems-composition .systems-tabs button{font-size:clamp(17px,1.4vw,20px);line-height:1.3;min-height:48px;flex-shrink:0;padding:12px 0 14px}
}
@media(max-width:900px){.mobile-twin-layout .mobile-twin-heading h2{font-size:40px;line-height:1.06}}
@media(max-width:360px){.mobile-twin-layout .mobile-twin-heading h2{font-size:36px}}
.knowledge-band{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;min-height:340px;padding:42px 5.5%;display:grid;grid-template-columns:1fr 1.1fr .85fr;gap:32px;align-items:center;color:#f2f0e4;background:linear-gradient(110deg,#172425,#193333 65%,#142b2c);scroll-margin-top:75px}
.knowledge-particles{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}
.knowledge-band:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#102020b8,transparent 36%,transparent 70%,#122626a6)}
.knowledge-intro{position:relative;min-width:0}
.knowledge-intro .eyebrow{color:#d1ddd4;font-size:10px;letter-spacing:.14em;margin:0 0 16px}
.knowledge-intro h2{font-size:clamp(28px,2.5vw,40px);font-weight:400;line-height:1.08;letter-spacing:-.045em;margin:0 0 17px}
.knowledge-intro h2 em{font-style:normal;color:#cbdcd6}
.knowledge-intro>p:last-child{font-size:15px;line-height:1.55;color:#cbd8d1;margin:0;max-width:390px}
.knowledge-map{position:relative;height:225px;min-width:0}
.knowledge-star{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:112px;min-height:66px;padding:5px 0;border:0;background:transparent;color:#d6e3de;cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent}
.knowledge-star i{font-style:normal;font-size:29px;line-height:1;color:#f0e7c9;text-shadow:0 0 12px #b5ddd9,0 0 26px #b5ddd966;animation:knowledge-shimmer 4s ease-in-out infinite}
.knowledge-star:nth-child(2n) i{animation-delay:-1.8s}
.knowledge-star span{text-align:center;max-width:110px;font-size:11px;line-height:1.35;text-shadow:0 1px 8px #071918,0 0 5px #071918;padding:3px;border-radius:8px;background:#13292996}
.knowledge-star[aria-pressed=true]{color:#fff8e4}
.knowledge-star[aria-pressed=true] i{color:#fff6d9;text-shadow:0 0 10px #f2d99a,0 0 30px #dcf8f2;transform:scale(1.12)}
.knowledge-star[aria-pressed=true] span{box-shadow:0 1px #dcc99788}
.knowledge-star:focus-visible{outline:1px solid #bce4dd;border-radius:12px;outline-offset:2px}
.knowledge-reading{position:relative;min-width:0;border-left:1px solid #c6d8d039;padding-left:24px;display:flex;align-items:flex-start;gap:0;min-height:170px;justify-content:center;flex-direction:column}
.knowledge-reading-mark{display:none}
.knowledge-reading h3{font-size:23px;font-weight:400;line-height:1.15;letter-spacing:-.025em;margin:0 0 13px;color:#f4f1df}
.knowledge-reading p{font-size:15px;line-height:1.55;color:#d0ddd5;margin:0}
@keyframes knowledge-shimmer{0%,100%{opacity:.7}50%{opacity:1}}
@media(min-width:901px) and (max-width:1150px){
 .knowledge-band{gap:22px;padding:32px 4%;grid-template-columns:1fr 1.15fr .9fr}
 .knowledge-star{width:94px}.knowledge-star span{max-width:94px;font-size:10px}
 .knowledge-reading{padding-left:18px}.knowledge-reading h3{font-size:21px}
}
@media(max-width:900px){
 .knowledge-band{padding:29px 24px 24px;display:block;min-height:0}
 .knowledge-intro .eyebrow{font-size:9px;margin-bottom:12px}
 .knowledge-intro h2{font-size:30px;line-height:1.05;margin-bottom:12px}
 .knowledge-intro>p:last-child{font-size:14px;line-height:1.45;max-width:560px}
 .knowledge-map{height:169px;margin:11px 0 5px;max-width:510px}
 .knowledge-star{min-height:58px;width:96px;gap:2px;padding:3px 0}
 .knowledge-star i{font-size:26px}.knowledge-star span{max-width:96px;font-size:10px}
 .knowledge-reading{border-left:0;border-top:1px solid #c6d8d039;min-height:122px;padding:16px 0 0;justify-content:flex-start;box-sizing:border-box}
 .knowledge-reading h3{font-size:20px;margin-bottom:8px}
 .knowledge-reading p{font-size:14px;line-height:1.45;max-width:560px}
 .knowledge-band:after{background:linear-gradient(#1020209c,transparent 40%,transparent 68%,#122626b5)}
}
@media(max-width:360px){.knowledge-band{padding-inline:20px}.knowledge-intro h2{font-size:27px}.knowledge-star{width:86px}.knowledge-star span{max-width:86px}.knowledge-reading{min-height:143px}}
@media(prefers-reduced-motion:reduce){.knowledge-star i{animation:none}}
@media(max-width:900px){
 .knowledge-intro .eyebrow{display:none}
 .knowledge-map{height:150px}
 .knowledge-reading{min-height:110px}
}
