/* Reusable rich blocks for data-driven articles, guides, and case studies. */
.article-content .article-lead { color: #1f2f49; font-size: 1.0625rem; line-height: 1.7; }
.article-content .article-rich-figure { margin: 1.625rem 0; overflow: hidden; border-radius: 0.875rem; background: #071526; }
.article-rich-figure img { display: block; width: 100%; object-fit: cover; }
.article-rich-figure figcaption { padding: 0.75rem 1rem; color: #b9c8db; background: #0a2036; font: 500 0.75rem/1.45 'IBM Plex Mono', monospace; }
.article-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.75rem; margin: 1.375rem 0; }
.article-stat { position: relative; overflow: hidden; padding: 1.125rem 0.875rem; border: 1px solid #dce4ee; border-radius: 0.8125rem; background: linear-gradient(160deg, #fff, #f2f6fc); box-shadow: 0 0.625rem 1.625rem rgba(24, 48, 81, 0.06); }
.article-stat::before { position: absolute; inset: 0 0 auto; height: 0.1875rem; background: linear-gradient(90deg, #1677ff, #0ea5e9); content: ''; }
.article-stat strong { display: block; color: #0c1d36; font-size: clamp(1.5rem, 3vw, 2.125rem); letter-spacing: -0.04em; line-height: 1; }
.article-stat span { display: block; margin-top: 0.5625rem; color: #5b6b82; font: 500 0.75rem/1.35 'IBM Plex Mono', monospace; }
.article-callout { margin: 1.5rem 0; padding: 1.125rem 1.25rem; border-left: 0.1875rem solid #1677ff; border-radius: 0.75rem; background: #eef5ff; }
.article-callout--note { border-left-color: #8b9cb4; background: #f4f6f8; }
.article-callout span { display: block; margin-bottom: 0.375rem; color: #1677ff; font: 600 0.6875rem/1.3 'IBM Plex Mono', monospace; letter-spacing: 0.1em; text-transform: uppercase; }
.article-callout--note span { color: #4b5c74; }
.article-callout p { margin: 0 !important; color: #1d3557; line-height: 1.6 !important; }
.article-callout--note p { color: #40506a; }
.article-content .article-section p a, .article-content .article-section li a { color: #1677ff; font-weight: 600; text-decoration: underline; text-decoration-color: rgba(22, 119, 255, 0.35); text-decoration-thickness: 0.0625rem; text-underline-offset: 0.1875rem; word-break: break-word; }
.article-content .article-section p a:hover, .article-content .article-section li a:hover { color: #0d5fdb; text-decoration-color: #0d5fdb; }
.article-content .article-callout p a { color: #1677ff; font-weight: 600; text-decoration: underline; text-underline-offset: 0.1875rem; }
.article-table { margin: 1.375rem 0; overflow-x: auto; border: 1px solid #dce4ee; border-radius: 0.75rem; }
.article-table table { width: 100%; border-collapse: collapse; font-size: 0.8125rem; }
.article-table th { padding: 0.8125rem 0.875rem; color: #fff; background: #0b2a4a; font: 600 0.75rem/1.3 'Space Grotesk', sans-serif; letter-spacing: 0.03em; text-align: left; text-transform: uppercase; }
.article-table td { padding: 0.75rem 0.875rem; border-top: 1px solid #e6ebf1; color: #33455e; vertical-align: top; }
.article-table tr:nth-child(even) { background: #f7f9fc; }
.article-table td:first-child { color: #13213a; font-weight: 600; }
.mega-bess-coil-model { margin: 1.5rem 0; overflow: hidden; border: 1px solid #b8d0ef; border-radius: 1rem; background: linear-gradient(145deg, #071a31, #0d3157); box-shadow: 0 1rem 2.5rem rgba(9, 41, 74, 0.16); color: #edf7ff; }
.mega-bess-coil-model__head { padding: 1.25rem 1.25rem 0.5rem; }
.mega-bess-coil-model__head h3 { margin: 0; color: #fff; font-size: 1.1rem; }
.mega-bess-coil-model__head p { margin: 0.35rem 0 0 !important; color: #b9d4ee; font-size: 0.78rem !important; }
.mega-bess-coil-model__controls { display: flex; flex-wrap: wrap; gap: 0.5rem; padding: 0.875rem 1.25rem; }
.mega-bess-coil-model__controls button { min-height: 2.35rem; padding: 0.5rem 0.75rem; border: 1px solid #6b9bc7; border-radius: 999px; background: transparent; color: #eaf6ff; cursor: pointer; font: 600 0.75rem/1.2 'Space Grotesk', sans-serif; }
.mega-bess-coil-model__controls button[aria-pressed='true'] { border-color: #39bbff; background: #1677ff; color: #fff; }
.mega-bess-coil-model__route { display: grid; grid-template-columns: minmax(5rem, 1fr) 1.75rem minmax(5rem, 1fr) 1.75rem minmax(5rem, 1fr) 1.75rem minmax(5rem, 1fr); align-items: center; gap: 0.25rem; padding: 1.25rem; }
.mega-bess-coil-model__stage { min-height: 5.75rem; display: grid; align-content: center; gap: 0.35rem; padding: 0.75rem; border: 1px solid rgba(139, 202, 255, 0.62); border-radius: 0.75rem; background: rgba(255,255,255,0.06); text-align: center; transition: border-color 180ms ease, background 180ms ease, transform 180ms ease; }
.mega-bess-coil-model__stage b { color: #fff; font-size: 0.85rem; }
.mega-bess-coil-model__stage span { color: #b8d9f2; font: 500 0.68rem/1.35 'IBM Plex Mono', monospace; }
.mega-bess-coil-model__route i { position: relative; height: 0.25rem; border-radius: 1rem; background: linear-gradient(90deg, #20d7ff, #73b9ff); animation: mega-coil-flow 1.4s linear infinite; }
.mega-bess-coil-model__route i::after { position: absolute; right: -0.05rem; top: -0.22rem; border-block: 0.35rem solid transparent; border-left: 0.45rem solid #73b9ff; content: ''; }
.mega-bess-coil-model__result { margin: 0 1.25rem 1.25rem; padding: 0.875rem 1rem; border-left: 0.2rem solid #3ec8ff; border-radius: 0.5rem; background: rgba(0,0,0,0.18); }
.mega-bess-coil-model__result strong { color: #fff; font-size: 0.86rem; }
.mega-bess-coil-model__result p { margin: 0.35rem 0 0 !important; color: #c7deef; font-size: 0.78rem !important; line-height: 1.5 !important; }
.mega-bess-coil-model[data-state='loaded'] [data-filter] { border-color: #ffab55; background: rgba(255,130,38,0.14); transform: translateY(-0.12rem); }
.mega-bess-coil-model[data-state='loaded'] .mega-bess-coil-model__route i { background: linear-gradient(90deg, #eaa04c, #f6cb72); animation-duration: 2.25s; }
.mega-bess-coil-model[data-state='loaded'] .mega-bess-coil-model__route i::after { border-left-color: #f6cb72; }
.mega-bess-coil-model[data-state='reduced'] [data-fan] { border-color: #ff6e75; background: rgba(255,79,92,0.14); transform: translateY(-0.12rem); }
.mega-bess-coil-model[data-state='reduced'] .mega-bess-coil-model__route i { opacity: 0.45; animation-duration: 2.1s; }
.mega-bess-auxiliary { margin: 1.5rem 0; overflow: hidden; border: 1px solid #b8d0ef; border-radius: 1rem; background: linear-gradient(145deg, #071a31, #0c3b60); box-shadow: 0 1rem 2.5rem rgba(9, 41, 74, 0.16); color: #edf7ff; }
.mega-bess-auxiliary__head { padding: 1.25rem 1.25rem 0.35rem; }
.mega-bess-auxiliary__head h3 { margin: 0; color: #fff; font-size: 1.1rem; }
.mega-bess-auxiliary__head p { margin: 0.35rem 0 0 !important; color: #b9d4ee; font-size: 0.78rem !important; }
.mega-bess-auxiliary__controls { display: flex; flex-wrap: wrap; gap: 0.5rem; padding: 0.875rem 1.25rem; }
.mega-bess-auxiliary__controls button { min-height: 2.35rem; padding: 0.5rem 0.75rem; border: 1px solid #6b9bc7; border-radius: 999px; background: transparent; color: #eaf6ff; cursor: pointer; font: 600 0.75rem/1.2 'Space Grotesk', sans-serif; }
.mega-bess-auxiliary__controls button[aria-pressed='true'] { border-color: #39bbff; background: #1677ff; color: #fff; }
.mega-bess-auxiliary__grid { display: grid; grid-template-columns: minmax(6.25rem, 1fr) 1.75rem minmax(6.25rem, 1fr) 1.75rem minmax(6.25rem, 1fr); align-items: center; gap: 0.25rem; padding: 1.25rem; }
.mega-bess-auxiliary__grid > div { min-height: 5.75rem; display: grid; align-content: center; gap: 0.4rem; padding: 0.75rem; border: 1px solid rgba(139, 202, 255, 0.62); border-radius: 0.75rem; background: rgba(255,255,255,0.06); text-align: center; transition: border-color 180ms ease, background 180ms ease, transform 180ms ease; }
.mega-bess-auxiliary__grid span { color: #b8d9f2; font: 500 0.68rem/1.35 'IBM Plex Mono', monospace; }
.mega-bess-auxiliary__grid b { color: #fff; font-size: 0.85rem; }
.mega-bess-auxiliary__grid i { position: relative; height: 0.25rem; border-radius: 1rem; background: linear-gradient(90deg, #20d7ff, #73b9ff); animation: mega-coil-flow 1.45s linear infinite; }
.mega-bess-auxiliary__grid i::after { position: absolute; right: -0.05rem; top: -0.22rem; border-block: 0.35rem solid transparent; border-left: 0.45rem solid #73b9ff; content: ''; }
.mega-bess-auxiliary__result { margin: 0 1.25rem 1.25rem; padding: 0.875rem 1rem; border-left: 0.2rem solid #3ec8ff; border-radius: 0.5rem; background: rgba(0,0,0,0.18); }
.mega-bess-auxiliary__result strong { color: #fff; font-size: 0.86rem; }
.mega-bess-auxiliary__result p { margin: 0.35rem 0 0 !important; color: #c7deef; font-size: 0.78rem !important; line-height: 1.5 !important; }
.mega-bess-auxiliary[data-state='hot'] .mega-bess-auxiliary__grid > div { border-color: #f6be68; background: rgba(234, 160, 76, 0.12); transform: translateY(-0.12rem); }
.mega-bess-auxiliary[data-state='hot'] .mega-bess-auxiliary__grid i { background: linear-gradient(90deg, #f3a53f, #ffda7a); animation-duration: 1.9s; }
.mega-bess-auxiliary[data-state='hot'] .mega-bess-auxiliary__grid i::after { border-left-color: #ffda7a; }
.mega-bess-auxiliary[data-state='service'] .mega-bess-auxiliary__grid > div:nth-of-type(2) { border-color: #ff8c65; background: rgba(255, 100, 72, 0.13); transform: translateY(-0.12rem); }
.mega-bess-auxiliary[data-state='service'] .mega-bess-auxiliary__grid i { opacity: 0.52; animation-duration: 2.3s; }
@media (max-width: 680px) { .mega-bess-auxiliary__grid { grid-template-columns: 1fr; } .mega-bess-auxiliary__grid i { width: 0.25rem; height: 1.25rem; justify-self: center; background: linear-gradient(#20d7ff, #73b9ff); } .mega-bess-auxiliary__grid i::after { right: -0.1rem; top: auto; bottom: -0.05rem; border-inline: 0.35rem solid transparent; border-top: 0.45rem solid #73b9ff; border-left: 0; } }
.mega-bess-array { margin: 1.5rem 0; overflow: hidden; border: 1px solid #b8d0ef; border-radius: 1rem; background: linear-gradient(145deg, #071a31, #123a5c); box-shadow: 0 1rem 2.5rem rgba(9, 41, 74, 0.16); color: #edf7ff; }
.mega-bess-array__head { padding: 1.25rem 1.25rem 0.35rem; }.mega-bess-array__head h3 { margin: 0; color: #fff; font-size: 1.1rem; }.mega-bess-array__head p { margin: .35rem 0 0 !important; color: #b9d4ee; font-size: .78rem !important; }
.mega-bess-array__controls { display: flex; flex-wrap: wrap; gap: .5rem; padding: .875rem 1.25rem; }.mega-bess-array__controls button { min-height: 2.35rem; padding: .5rem .75rem; border: 1px solid #6b9bc7; border-radius: 999px; background: transparent; color: #eaf6ff; cursor: pointer; font: 600 .75rem/1.2 'Space Grotesk', sans-serif; }.mega-bess-array__controls button[aria-pressed='true'] { border-color: #39bbff; background: #1677ff; color: #fff; }
.mega-bess-array__flow { display:grid; grid-template-columns: minmax(7rem,1fr) 1.75rem minmax(7rem,1fr) 1.75rem minmax(7rem,1fr); align-items:center; gap:.25rem; padding:1.25rem; }.mega-bess-array__fans { display:grid; grid-template-columns:repeat(2,1fr); gap:.5rem; padding:.75rem; border:1px solid rgba(139,202,255,.62); border-radius:.75rem; background:rgba(255,255,255,.06); }.mega-bess-array__fans span { aspect-ratio:1; border:2px solid #86c5f6; border-radius:50%; background:radial-gradient(circle, #94d8ff 0 .14rem, transparent .16rem), repeating-conic-gradient(from 0deg, rgba(83,199,255,.85) 0 20deg, rgba(15,67,108,.7) 23deg 55deg); box-shadow:inset 0 0 0 .22rem #0a2744; animation:mega-array-spin 1.7s linear infinite; }.mega-bess-array__flow > i { position:relative; height:.25rem; border-radius:1rem; background:linear-gradient(90deg,#20d7ff,#73b9ff); animation:mega-coil-flow 1.4s linear infinite; }.mega-bess-array__flow > i::after { position:absolute; right:-.05rem; top:-.22rem; border-block:.35rem solid transparent; border-left:.45rem solid #73b9ff; content:''; }.mega-bess-array__coil,.mega-bess-array__duty { min-height:5.5rem; display:grid; align-content:center; gap:.4rem; padding:.8rem; border:1px solid rgba(139,202,255,.62); border-radius:.75rem; background:rgba(255,255,255,.06); text-align:center; }.mega-bess-array__coil b,.mega-bess-array__duty b { color:#fff; font-size:.84rem; }.mega-bess-array__coil small,.mega-bess-array__duty small { color:#b8d9f2; font:500 .68rem/1.35 'IBM Plex Mono',monospace; }.mega-bess-array__result { margin:0 1.25rem 1.25rem; padding:.875rem 1rem; border-left:.2rem solid #3ec8ff; border-radius:.5rem; background:rgba(0,0,0,.18); }.mega-bess-array__result strong { color:#fff; font-size:.86rem; }.mega-bess-array__result p { margin:.35rem 0 0 !important; color:#c7deef; font-size:.78rem !important; line-height:1.5 !important; }
.mega-bess-array[data-state='fault'] .mega-bess-array__fans span[data-fan='4'] { border-color:#ff9b56; filter:saturate(.2) brightness(.65); animation-play-state:paused; }.mega-bess-array[data-state='fault'] .mega-bess-array__flow > i { background:linear-gradient(90deg,#f1a647,#ffd57b); animation-duration:2.05s; }.mega-bess-array[data-state='fault'] .mega-bess-array__flow > i::after { border-left-color:#ffd57b; }.mega-bess-array[data-state='service'] .mega-bess-array__fans span[data-fan='4'] { border-color:#ff6e75; filter:saturate(.12) brightness(.52); animation-play-state:paused; }.mega-bess-array[data-state='service'] .mega-bess-array__coil { border-color:#ff9468; background:rgba(255,100,72,.12); }.mega-bess-array[data-state='service'] .mega-bess-array__flow > i { opacity:.48; animation-duration:2.35s; }
@keyframes mega-array-spin { to { transform:rotate(360deg); } } @media (max-width:680px) { .mega-bess-array__flow { grid-template-columns:1fr; }.mega-bess-array__flow > i { width:.25rem; height:1.25rem; justify-self:center; background:linear-gradient(#20d7ff,#73b9ff); }.mega-bess-array__flow > i::after { right:-.1rem; top:auto; bottom:-.05rem; border-inline:.35rem solid transparent; border-top:.45rem solid #73b9ff; border-left:0; } }
.mega-bess-commissioning { margin: 1.5rem 0; overflow: hidden; border: 1px solid #b8d0ef; border-radius: 1rem; background: linear-gradient(145deg, #071a31, #123e68); box-shadow: 0 1rem 2.5rem rgba(9,41,74,0.16); color: #edf7ff; }
.mega-bess-commissioning__head { padding: 1.25rem 1.25rem 0.35rem; }.mega-bess-commissioning__head h3 { margin:0; color:#fff; font-size:1.1rem; }.mega-bess-commissioning__head p { margin:.35rem 0 0 !important; color:#b9d4ee; font-size:.78rem !important; }
.mega-bess-commissioning__controls { display:flex; flex-wrap:wrap; gap:.5rem; padding:.875rem 1.25rem; }.mega-bess-commissioning__controls button { min-height:2.35rem; padding:.5rem .75rem; border:1px solid #6b9bc7; border-radius:999px; background:transparent; color:#eaf6ff; cursor:pointer; font:600 .75rem/1.2 'Space Grotesk',sans-serif; }.mega-bess-commissioning__controls button[aria-pressed='true'] { border-color:#39bbff; background:#1677ff; color:#fff; }
.mega-bess-commissioning__grid { display:grid; grid-template-columns:.8fr 1.45fr 1fr; gap:.75rem; align-items:stretch; padding:.35rem 1.25rem 1.25rem; }.mega-bess-commissioning__load,.mega-bess-commissioning__signals { display:grid; align-content:center; gap:.45rem; padding:.9rem; border:1px solid rgba(139,202,255,.62); border-radius:.75rem; background:rgba(255,255,255,.06); }.mega-bess-commissioning__load span,.mega-bess-commissioning__signals span { color:#8ed4ff; font:600 .65rem/1.3 'IBM Plex Mono',monospace; letter-spacing:.08em; text-transform:uppercase; }.mega-bess-commissioning__load b,.mega-bess-commissioning__signals b { color:#fff; font-size:.78rem; line-height:1.4; }
.mega-bess-commissioning__chart { position:relative; display:flex; align-items:end; gap:.35rem; min-height:6.5rem; padding:.85rem; border-bottom:1px solid #75bcec; border-left:1px solid #75bcec; background:rgba(0,0,0,.13); }.mega-bess-commissioning__chart i { display:block; flex:1; height:26%; border-radius:.25rem .25rem 0 0; background:linear-gradient(#35d9ff,#1677ff); transition:height .32s ease,background .32s ease; }.mega-bess-commissioning__chart i:nth-child(2){height:38%}.mega-bess-commissioning__chart i:nth-child(3){height:46%}.mega-bess-commissioning__chart i:nth-child(4){height:51%}.mega-bess-commissioning__chart i:nth-child(5){height:54%}.mega-bess-commissioning__chart em { position:absolute; right:.7rem; top:.55rem; color:#c4e6fb; font:500 .64rem/1.3 'IBM Plex Mono',monospace; font-style:normal; text-align:right; }
.mega-bess-commissioning__result { margin:0 1.25rem 1.25rem; padding:.875rem 1rem; border-left:.2rem solid #3ec8ff; border-radius:.5rem; background:rgba(0,0,0,.18); }.mega-bess-commissioning__result strong { color:#fff; font-size:.86rem; }.mega-bess-commissioning__result p { margin:.35rem 0 0 !important; color:#c7deef; font-size:.78rem !important; line-height:1.5 !important; }
.mega-bess-commissioning[data-state='step'] .mega-bess-commissioning__chart i:nth-child(1){height:20%}.mega-bess-commissioning[data-state='step'] .mega-bess-commissioning__chart i:nth-child(2){height:84%}.mega-bess-commissioning[data-state='step'] .mega-bess-commissioning__chart i:nth-child(3){height:62%}.mega-bess-commissioning[data-state='step'] .mega-bess-commissioning__chart i:nth-child(4){height:48%}.mega-bess-commissioning[data-state='step'] .mega-bess-commissioning__chart i:nth-child(5){height:42%}
.mega-bess-commissioning[data-state='restricted'] .mega-bess-commissioning__chart i { background:linear-gradient(#ffc46b,#ff6d61); }.mega-bess-commissioning[data-state='restricted'] .mega-bess-commissioning__chart i:nth-child(1){height:25%}.mega-bess-commissioning[data-state='restricted'] .mega-bess-commissioning__chart i:nth-child(2){height:76%}.mega-bess-commissioning[data-state='restricted'] .mega-bess-commissioning__chart i:nth-child(3){height:82%}.mega-bess-commissioning[data-state='restricted'] .mega-bess-commissioning__chart i:nth-child(4){height:87%}.mega-bess-commissioning[data-state='restricted'] .mega-bess-commissioning__chart i:nth-child(5){height:90%}
@media (max-width:700px) { .mega-bess-commissioning__grid { grid-template-columns:1fr; }.mega-bess-commissioning__chart { min-height:7rem; } }
.mega-bess-ambient{margin:1.5rem 0;overflow:hidden;border:1px solid #b8d0ef;border-radius:1rem;background:linear-gradient(145deg,#09213a,#15517a);box-shadow:0 1rem 2.5rem rgba(9,41,74,.16);color:#edf7ff}.mega-bess-ambient__head{padding:1.25rem 1.25rem .35rem}.mega-bess-ambient__head h3{margin:0;color:#fff;font-size:1.1rem}.mega-bess-ambient__head p{margin:.35rem 0 0!important;color:#b9d4ee;font-size:.78rem!important}.mega-bess-ambient__controls{display:flex;flex-wrap:wrap;gap:.5rem;padding:.875rem 1.25rem}.mega-bess-ambient__controls button{min-height:2.35rem;padding:.5rem .75rem;border:1px solid #6b9bc7;border-radius:999px;background:transparent;color:#eaf6ff;cursor:pointer;font:600 .75rem/1.2 'Space Grotesk',sans-serif}.mega-bess-ambient__controls button[aria-pressed='true']{border-color:#39bbff;background:#1677ff;color:#fff}.mega-bess-ambient__grid{display:grid;grid-template-columns:1fr 2rem 1fr 2rem 1fr;gap:.45rem;align-items:center;padding:.4rem 1.25rem 1.25rem}.mega-bess-ambient__grid>div{display:grid;min-height:5.2rem;align-content:center;gap:.45rem;padding:.8rem;border:1px solid rgba(139,202,255,.62);border-radius:.75rem;background:rgba(255,255,255,.06);text-align:center}.mega-bess-ambient__grid span{color:#8ed4ff;font:600 .65rem/1.3 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.mega-bess-ambient__grid b{color:#fff;font-size:.78rem;line-height:1.4}.mega-bess-ambient__grid i{position:relative;height:.22rem;border-radius:1rem;background:linear-gradient(90deg,#20d7ff,#73b9ff)}.mega-bess-ambient__grid i::after{position:absolute;right:-.05rem;top:-.22rem;border-block:.35rem solid transparent;border-left:.45rem solid #73b9ff;content:''}.mega-bess-ambient__result{margin:0 1.25rem 1.25rem;padding:.875rem 1rem;border-left:.2rem solid #3ec8ff;border-radius:.5rem;background:rgba(0,0,0,.18)}.mega-bess-ambient__result strong{color:#fff;font-size:.86rem}.mega-bess-ambient__result p{margin:.35rem 0 0!important;color:#c7deef;font-size:.78rem!important;line-height:1.5!important}.mega-bess-ambient[data-state='recirc'] .mega-bess-ambient__grid>div:first-child{border-color:#ffbd67;background:rgba(255,167,65,.15)}.mega-bess-ambient[data-state='combined'] .mega-bess-ambient__grid>div{border-color:#ff7e72;background:rgba(255,94,75,.12)}.mega-bess-ambient[data-state='combined'] .mega-bess-ambient__grid i{background:linear-gradient(90deg,#ffb35a,#ff6d61)}.mega-bess-ambient[data-state='combined'] .mega-bess-ambient__grid i::after{border-left-color:#ff6d61}@media(max-width:700px){.mega-bess-ambient__grid{grid-template-columns:1fr;gap:.4rem}.mega-bess-ambient__grid i{width:.22rem;height:1rem;justify-self:center;background:linear-gradient(#20d7ff,#73b9ff)}.mega-bess-ambient__grid i::after{top:auto;right:-.15rem;bottom:-.05rem;border:.35rem solid transparent;border-top:.45rem solid #73b9ff}}
@keyframes mega-coil-flow { from { background-position: 0 0; } to { background-position: 2.2rem 0; } }
@media (prefers-reduced-motion: reduce) { .mega-bess-coil-model__route i { animation: none; } }
@media (max-width: 700px) { .mega-bess-coil-model__route { grid-template-columns: 1fr; gap: 0.4rem; } .mega-bess-coil-model__route i { width: 0.25rem; height: 1rem; justify-self: center; background: linear-gradient(#20d7ff, #73b9ff); } .mega-bess-coil-model__route i::after { top: auto; right: -0.15rem; bottom: -0.05rem; border: 0.35rem solid transparent; border-top: 0.45rem solid #73b9ff; } }
@media (max-width: 700px) { .article-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .article-table { margin-inline: -0.25rem; } }
.mega-bess-rpm-diagnostic{margin:1.5rem 0;overflow:hidden;border:1px solid #b8d0ef;border-radius:1rem;background:linear-gradient(145deg,#071a31,#124565);box-shadow:0 1rem 2.5rem rgba(9,41,74,.16);color:#edf7ff}.mega-bess-rpm-diagnostic__head{padding:1.25rem 1.25rem .35rem}.mega-bess-rpm-diagnostic__head h3{margin:0;color:#fff;font-size:1.1rem}.mega-bess-rpm-diagnostic__head p{margin:.35rem 0 0!important;color:#b9d4ee;font-size:.78rem!important}.mega-bess-rpm-diagnostic__controls{display:flex;flex-wrap:wrap;gap:.5rem;padding:.875rem 1.25rem}.mega-bess-rpm-diagnostic__controls button{min-height:2.35rem;padding:.5rem .75rem;border:1px solid #6b9bc7;border-radius:999px;background:transparent;color:#eaf6ff;cursor:pointer;font:600 .75rem/1.2 'Space Grotesk',sans-serif}.mega-bess-rpm-diagnostic__controls button[aria-pressed='true']{border-color:#39bbff;background:#1677ff;color:#fff}.mega-bess-rpm-diagnostic__flow{display:grid;grid-template-columns:minmax(8rem,1fr) 1.75rem minmax(9rem,1.22fr) 1.75rem minmax(9rem,1.1fr);align-items:center;gap:.25rem;padding:.35rem 1.25rem 1.25rem}.mega-bess-rpm-diagnostic__fan,.mega-bess-rpm-diagnostic__path,.mega-bess-rpm-diagnostic__duty{min-height:6rem;display:grid;align-content:center;gap:.42rem;padding:.8rem;border:1px solid rgba(139,202,255,.62);border-radius:.75rem;background:rgba(255,255,255,.06);text-align:center}.mega-bess-rpm-diagnostic__fan span{justify-self:center;width:2.55rem;aspect-ratio:1;border:2px solid #86c5f6;border-radius:50%;background:radial-gradient(circle,#94d8ff 0 .14rem,transparent .16rem),repeating-conic-gradient(from 0deg,rgba(83,199,255,.85) 0 20deg,rgba(15,67,108,.7) 23deg 55deg);box-shadow:inset 0 0 0 .22rem #0a2744;animation:mega-array-spin 1.7s linear infinite}.mega-bess-rpm-diagnostic__path{position:relative}.mega-bess-rpm-diagnostic__path::before{position:absolute;inset:.72rem 1.15rem auto;height:.3rem;border-radius:2rem;background:repeating-linear-gradient(90deg,#8ed4ff 0 .2rem,transparent .2rem .43rem);content:''}.mega-bess-rpm-diagnostic__path b{margin-top:.6rem}.mega-bess-rpm-diagnostic__fan b,.mega-bess-rpm-diagnostic__path b,.mega-bess-rpm-diagnostic__duty b{color:#fff;font-size:.82rem}.mega-bess-rpm-diagnostic__fan small,.mega-bess-rpm-diagnostic__path small,.mega-bess-rpm-diagnostic__duty small{color:#b8d9f2;font:500 .68rem/1.35 'IBM Plex Mono',monospace}.mega-bess-rpm-diagnostic__flow>i{position:relative;height:.25rem;border-radius:1rem;background:linear-gradient(90deg,#20d7ff,#73b9ff);animation:mega-coil-flow 1.4s linear infinite}.mega-bess-rpm-diagnostic__flow>i::after{position:absolute;right:-.05rem;top:-.22rem;border-block:.35rem solid transparent;border-left:.45rem solid #73b9ff;content:''}.mega-bess-rpm-diagnostic__result{margin:0 1.25rem 1.25rem;padding:.875rem 1rem;border-left:.2rem solid #3ec8ff;border-radius:.5rem;background:rgba(0,0,0,.18)}.mega-bess-rpm-diagnostic__result strong{color:#fff;font-size:.86rem}.mega-bess-rpm-diagnostic__result p{margin:.35rem 0 0!important;color:#c7deef;font-size:.78rem!important;line-height:1.5!important}.mega-bess-rpm-diagnostic[data-state='restriction'] .mega-bess-rpm-diagnostic__path{border-color:#ffbe68;background:rgba(234,160,76,.13)}.mega-bess-rpm-diagnostic[data-state='restriction'] .mega-bess-rpm-diagnostic__path::before{background:repeating-linear-gradient(90deg,#ffc56f 0 .2rem,transparent .2rem .43rem)}.mega-bess-rpm-diagnostic[data-state='restriction'] .mega-bess-rpm-diagnostic__flow>i{background:linear-gradient(90deg,#f1a647,#ffd57b);animation-duration:2.1s}.mega-bess-rpm-diagnostic[data-state='restriction'] .mega-bess-rpm-diagnostic__flow>i::after{border-left-color:#ffd57b}.mega-bess-rpm-diagnostic[data-state='bypass'] .mega-bess-rpm-diagnostic__flow>i{opacity:.32}.mega-bess-rpm-diagnostic[data-state='bypass'] .mega-bess-rpm-diagnostic__path,.mega-bess-rpm-diagnostic[data-state='bypass'] .mega-bess-rpm-diagnostic__duty{border-color:#ff7e72;background:rgba(255,94,75,.13)}@media(max-width:700px){.mega-bess-rpm-diagnostic__flow{grid-template-columns:1fr;gap:.4rem}.mega-bess-rpm-diagnostic__flow>i{width:.25rem;height:1rem;justify-self:center;background:linear-gradient(#20d7ff,#73b9ff)}.mega-bess-rpm-diagnostic__flow>i::after{top:auto;right:-.15rem;bottom:-.05rem;border:.35rem solid transparent;border-top:.45rem solid #73b9ff;border-left:0}}