.article-premium{--article-orange:#ff6a00;--article-line:rgba(92,145,176,.28);--article-card:rgba(6,22,32,.72);position:relative;padding:165px 0 100px;overflow:clip;background:radial-gradient(circle at 85% 12%,rgba(255,101,0,.10),transparent 25rem),radial-gradient(circle at 18% 42%,rgba(29,81,108,.11),transparent 34rem)}
.article-premium::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(83,132,160,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(83,132,160,.045) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 52%);pointer-events:none}
.article-premium .technology-article-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,880px) minmax(260px,360px);gap:72px;align-items:start}
.article-premium .article-main h1{max-width:980px;margin:18px 0 28px;font-size:clamp(58px,6.5vw,104px);line-height:.91;letter-spacing:-.068em}
.article-kicker{display:flex;gap:10px;align-items:center;color:#ff8a32;text-transform:uppercase;font-weight:800;font-size:11px;letter-spacing:.15em}.article-kicker::before{content:"";width:32px;height:2px;background:var(--article-orange)}
.article-deck{max-width:780px;margin:0 0 28px;color:#dfe8ed;font-size:clamp(20px,2vw,26px);line-height:1.48}
.article-intro{max-width:780px;color:#91a6b3;font-size:17px;line-height:1.75}
.article-meta-row{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 0}.article-meta-row span{border:1px solid var(--article-line);border-radius:999px;padding:8px 11px;color:#8fa5b2;font-size:11px;background:rgba(4,16,24,.55)}

.article-section{scroll-margin-top:130px;padding:12px 0 34px;border-top:1px solid rgba(92,145,176,.16)}.article-section:first-of-type{border-top:0}.article-section h2{margin:52px 0 16px!important;font-size:clamp(34px,4vw,52px)!important;line-height:1.04;letter-spacing:-.05em}.article-section .section-number{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:14px;border:1px solid rgba(255,112,22,.45);border-radius:50%;color:#ff8a32;font-size:12px;font-weight:900}.article-section p{font-size:17px!important}.article-section ul{display:grid;gap:9px;margin:18px 0 24px;padding-left:20px;color:#a4b5bf}.article-section li{line-height:1.55}
.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.problem-card{padding:22px;border-radius:20px;background:rgba(7,25,36,.66);border:1px solid rgba(92,145,176,.22)}.problem-card small{display:block;color:#ff8a32;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.problem-card strong{display:block;margin:9px 0 8px;font-size:19px}.problem-card p{margin:0!important;font-size:14px!important;line-height:1.55!important;color:#8fa5b2!important}.problem-card.good{border-color:rgba(255,112,22,.3);background:linear-gradient(145deg,rgba(255,101,0,.07),rgba(7,25,36,.72))}
.article-diagram{margin:34px 0 48px}.article-diagram img{display:block;width:100%;height:auto;border-radius:26px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.article-diagram figcaption{margin-top:12px;color:#708795;font-size:12px;line-height:1.55}
.insight{margin:28px 0;padding:22px 24px;border-left:3px solid var(--article-orange);border-radius:0 18px 18px 0;background:rgba(255,101,0,.055)}.insight b{display:block;margin-bottom:6px;color:#ff9a57;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.insight p{margin:0!important;color:#d5e0e6!important}
.case-study{margin:52px 0;padding:30px;border:1px solid rgba(92,145,176,.27);border-radius:28px;background:linear-gradient(145deg,rgba(10,31,44,.82),rgba(3,13,21,.94));box-shadow:0 26px 70px rgba(0,0,0,.22)}.case-study header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}.case-study .case-label{color:#ff8a32;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.case-study h3{margin:8px 0 0;font-size:32px;letter-spacing:-.045em}.case-study .model-badge{white-space:nowrap;border:1px solid rgba(255,112,22,.35);border-radius:999px;padding:8px 10px;color:#ff9a57;font-size:10px}.case-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.case-flow article{padding:17px;border-radius:17px;background:rgba(4,17,26,.72);border:1px solid rgba(92,145,176,.18)}.case-flow small{color:#768d9b;text-transform:uppercase;font-size:9px;letter-spacing:.12em}.case-flow strong{display:block;margin-top:8px;font-size:15px;line-height:1.4}.case-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.case-metrics div{padding:18px;border-radius:18px;background:rgba(255,101,0,.055);border:1px solid rgba(255,112,22,.18)}.case-metrics b{display:block;color:#ff8a32;font-size:23px}.case-metrics span{display:block;margin-top:5px;color:#859aa7;font-size:11px;line-height:1.4}
.compare-table-wrap{overflow-x:auto;margin:32px 0;border:1px solid rgba(92,145,176,.23);border-radius:22px}.compare-table{width:100%;min-width:760px;border-collapse:collapse;background:rgba(4,16,24,.66)}.compare-table th,.compare-table td{padding:17px 18px;text-align:left;border-bottom:1px solid rgba(92,145,176,.16);vertical-align:top}.compare-table th{background:rgba(15,41,56,.78);color:#dce7ec;font-size:12px}.compare-table td{color:#9db0ba;font-size:14px;line-height:1.5}.compare-table td:first-child{color:#f1f5f7;font-weight:700}.compare-table tr:last-child td{border-bottom:0}.compare-table .bad{color:#d69b87}.compare-table .good{color:#ff9a57}
.decision-framework{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:34px 0}.decision-framework article{position:relative;min-height:180px;padding:22px;border-radius:20px;background:rgba(7,25,36,.68);border:1px solid rgba(92,145,176,.22)}.decision-framework article::after{content:"→";position:absolute;right:-12px;top:50%;transform:translateY(-50%);z-index:2;color:#ff6a00;font-size:22px}.decision-framework article:last-child::after{display:none}.decision-framework b{display:block;color:#ff8128;font-size:11px}.decision-framework strong{display:block;margin:10px 0 8px;font-size:18px}.decision-framework p{margin:0!important;font-size:13px!important;color:#8197a5!important}
.technology-article-toc{position:sticky;top:118px;padding:24px;border:1px solid rgba(92,145,176,.26);border-radius:22px;background:rgba(5,18,27,.78);box-shadow:0 24px 60px rgba(0,0,0,.22)}.technology-article-toc .aside-title{margin-bottom:14px;color:#ff8a32;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.technology-article-toc nav{display:grid;gap:4px}.technology-article-toc nav a{display:block;padding:10px 12px;border-radius:12px;color:#9eb0ba;text-decoration:none;font-size:13px;line-height:1.35;transition:background .2s,color .2s}.technology-article-toc nav a:hover,.technology-article-toc nav a:focus-visible{background:rgba(255,101,0,.08);color:#fff}.aside-divider{height:1px;margin:15px 0;background:rgba(92,145,176,.18)}.aside-note{color:#708895;font-size:11px;line-height:1.55}.technology-article-cta{margin-top:70px;padding:36px;border:1px solid rgba(255,112,22,.25);border-radius:28px;background:radial-gradient(circle at 85% 30%,rgba(255,101,0,.14),transparent 18rem),linear-gradient(145deg,rgba(10,31,44,.82),rgba(3,13,21,.94))}.technology-article-cta h2{margin:0 0 14px!important;font-size:36px!important}.technology-article-cta p{max-width:650px;margin-bottom:22px!important}
@media(max-width:1100px){.article-premium .technology-article-layout{grid-template-columns:1fr;gap:42px}.technology-article-toc{position:relative;top:auto;order:-1}.technology-article-toc nav{grid-template-columns:1fr 1fr}.summary-grid{grid-template-columns:1fr 1fr}.summary-item:last-child{grid-column:1/-1}.case-flow{grid-template-columns:1fr 1fr}.decision-framework{grid-template-columns:1fr 1fr}.decision-framework article:nth-child(2)::after{display:none}}
@media(max-width:700px){.article-premium{padding:126px 0 74px}.article-premium .article-main h1{font-size:clamp(50px,15vw,72px)}.article-deck{font-size:19px}.article-summary{padding:22px;margin:38px 0 54px}.summary-grid{grid-template-columns:1fr}.summary-item:last-child{grid-column:auto}.problem-grid,.case-flow,.case-metrics,.decision-framework{grid-template-columns:1fr}.decision-framework article::after{content:"↓";right:50%;top:auto;bottom:-18px;transform:translateX(50%)}.decision-framework article:nth-child(2)::after{display:block}.decision-framework article:last-child::after{display:none}.technology-article-toc nav{grid-template-columns:1fr}.case-study{padding:22px}.case-study header{display:block}.case-study .model-badge{display:inline-block;margin-top:14px}.article-section h2{font-size:34px!important}.article-diagram{margin-inline:-4px}.technology-article-cta{padding:26px 22px}}


/* v30 article visuals ---------------------------------------------------- */
.article-summary--premium,.article-visual .visual-shell{position:relative;overflow:hidden;border:1px solid rgba(76,139,173,.38);border-radius:30px;background:linear-gradient(135deg,rgba(9,31,45,.93),rgba(2,13,22,.98));box-shadow:0 34px 90px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.035)}
.article-summary--premium::before,.article-visual .visual-shell::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(83,132,160,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(83,132,160,.04) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.12));pointer-events:none}
.article-summary--premium::after,.article-visual .visual-shell::after{content:"";position:absolute;width:170px;height:170px;border:1px solid rgba(255,106,0,.28);border-radius:50%;right:-80px;top:-90px;box-shadow:0 0 42px rgba(255,106,0,.12);pointer-events:none}
.visual-eyebrow{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;color:#ff8128;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.visual-eyebrow::before{content:"";width:34px;height:2px;background:#ff6a00}
.article-summary--premium{margin:54px 0 82px;padding:34px 34px 38px}
.summary-head{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}.summary-head h2{margin:10px 0 0!important;font-size:clamp(30px,3.6vw,46px)!important;letter-spacing:-.05em}.summary-head>p{margin:0!important;max-width:210px;color:#879ba8!important;font-size:13px!important;line-height:1.55!important}.summary-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.summary-item{position:relative;min-height:250px;padding:20px;border:1px solid rgba(76,139,173,.36);border-radius:22px;background:linear-gradient(180deg,rgba(5,23,34,.84),rgba(3,15,23,.74));transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.summary-item:hover{transform:translateY(-4px);border-color:rgba(102,174,210,.55)}.summary-item.is-featured{border-color:#ff6a00;background:radial-gradient(circle at 72% 18%,rgba(255,106,0,.15),transparent 8rem),linear-gradient(180deg,rgba(21,26,31,.96),rgba(8,18,25,.94));box-shadow:0 18px 48px rgba(255,94,0,.12),inset 0 0 0 1px rgba(255,106,0,.05)}.summary-item.is-featured::after{content:"";position:absolute;left:50%;bottom:-1px;width:72px;height:1px;transform:translateX(-50%);background:#ff6a00;box-shadow:0 0 18px #ff6a00}.summary-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.summary-item b{display:block;color:#ff8128;font-size:14px;letter-spacing:.08em}.visual-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 auto;border:1px solid rgba(76,139,173,.34);border-radius:50%;background:rgba(10,35,49,.78);color:#e7f0f4}.visual-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.summary-item strong{display:block;margin-top:24px;font-size:18px;line-height:1.24;letter-spacing:-.025em}.summary-item p{margin:18px 0 0!important;color:#8499a6!important;font-size:13px!important;line-height:1.5!important}
.article-visual{margin:44px 0 68px}.article-visual .visual-shell{padding:34px}.visual-title{position:relative;z-index:1;margin:10px 0 28px;font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:-.04em}.visual-section-head{position:relative;z-index:1;margin-bottom:24px}.visual-section-head span,.architecture-panel-head strong{display:block;color:#ff8128;text-transform:uppercase;font-weight:900;font-size:12px;letter-spacing:.13em}.visual-section-head h3{margin:7px 0 0;font-size:clamp(25px,2.7vw,38px);line-height:1.1;letter-spacing:-.035em}.visual-divider{position:relative;z-index:1;height:1px;margin:30px 0;background:linear-gradient(90deg,rgba(76,139,173,.08),rgba(76,139,173,.45),rgba(76,139,173,.08))}.visual-note{position:relative;z-index:1;margin:26px 0 0!important;padding-top:22px;border-top:1px solid rgba(76,139,173,.28);color:#8299a7!important;font-size:14px!important;line-height:1.55!important}.visual-note strong{color:#dbe6eb}
/* Process before/after */
.process-flow{position:relative;z-index:1;display:flex;align-items:stretch;gap:10px}.process-node{display:flex;align-items:center;gap:12px;min-width:0;flex:1;padding:15px 16px;border:1px solid rgba(76,139,173,.38);border-radius:18px;background:linear-gradient(145deg,rgba(7,27,39,.9),rgba(5,18,27,.86));color:#e5eef2}.process-node .visual-icon{width:40px;height:40px}.process-node .visual-icon svg{width:22px;height:22px}.process-node strong{font-size:14px;line-height:1.25}.process-node small{display:block;margin-left:-2px;color:#8297a4;font-size:11px}.process-flow>i{position:relative;align-self:center;flex:0 0 28px;height:2px;background:linear-gradient(90deg,rgba(113,144,161,.65),rgba(113,144,161,.15))}.process-flow>i::before{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:50%;transform:translate(-50%,-50%);background:#ff6a00;box-shadow:0 0 16px rgba(255,106,0,.85)}.process-flow>i::after{content:"›";position:absolute;right:-3px;top:50%;transform:translateY(-55%);color:#7993a3;font-size:24px}.process-node--primary{flex:1.2;border-color:#ff6a00;background:radial-gradient(circle at 30% 40%,rgba(255,106,0,.18),transparent 7rem),linear-gradient(145deg,rgba(30,25,23,.95),rgba(8,20,29,.94));box-shadow:0 16px 36px rgba(255,82,0,.12),inset 0 0 0 1px rgba(255,106,0,.08)}.process-node--primary .visual-icon{border-color:rgba(255,106,0,.4);background:rgba(255,106,0,.12);color:#ff8a32}.process-node--primary small{color:#ff913e}.process-node--wide{flex:1.15}
/* Tool sprawl */
.architecture-compare{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);align-items:stretch;gap:14px}.architecture-panel{min-width:0;padding:20px;border:1px solid rgba(76,139,173,.30);border-radius:22px;background:rgba(3,17,26,.54)}.architecture-panel-head span{display:block;margin-top:6px;color:#7f96a4;font-size:12px}.architecture-arrow{align-self:center;display:grid;place-items:center;width:42px;height:42px;border:1px solid #ff6a00;border-radius:50%;color:#ff8128;font-size:23px;box-shadow:0 0 24px rgba(255,106,0,.18)}.sprawl-map,.architecture-map{position:relative;height:350px;margin-top:18px}.map-lines,.architecture-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.map-lines path{fill:none;stroke:#6c8290;stroke-width:2.4;stroke-dasharray:7 9;opacity:.7}.system-card,.architecture-node{position:absolute;display:flex;align-items:center;gap:10px;border:1px solid rgba(76,139,173,.38);border-radius:16px;background:linear-gradient(145deg,rgba(8,28,40,.95),rgba(5,18,27,.92));box-shadow:0 14px 30px rgba(0,0,0,.16)}.system-card{width:42%;padding:12px}.system-card .visual-icon{width:38px;height:38px}.system-card strong{font-size:13px}.pos-a{left:3%;top:6%}.pos-b{right:3%;top:1%}.pos-c{left:0;top:53%}.pos-d{right:0;top:49%}.pos-e{left:30%;bottom:0}.architecture-warning{margin:8px 0 0!important;color:#ff7944!important;font-size:12px!important}.architecture-lines path{fill:none;stroke:#ff6a00;stroke-width:2.6;filter:drop-shadow(0 0 7px rgba(255,106,0,.55))}.architecture-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:128px;height:112px;clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%);background:linear-gradient(145deg,rgba(12,33,44,.98),rgba(4,13,20,.98));border:1px solid #ff6a00;box-shadow:0 0 30px rgba(255,106,0,.22);color:#fff;z-index:2}.architecture-core::before{content:"";position:absolute;inset:2px;clip-path:inherit;border:2px solid #ff6a00}.architecture-core b{font-size:23px}.architecture-core span{color:#ff8128;font-size:9px;font-weight:800}.architecture-node{width:38%;padding:11px 12px}.architecture-node .visual-icon{width:36px;height:36px}.architecture-node strong{display:block;font-size:12px}.architecture-node small{display:block;margin-top:3px;color:#7d93a1;font-size:9px;line-height:1.3}.architecture-node.node-a{left:0;top:0}.architecture-node.node-b{right:0;top:0}.architecture-node.node-c{left:0;bottom:9%}.architecture-node.node-d{right:0;bottom:10%}.architecture-node.node-e{left:31%;bottom:-3%;width:38%}.architecture-success{margin:10px 0 0!important;text-align:center;color:#879dab!important;font-size:12px!important}
/* TCO */
.tco-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:30px;align-items:center}.tco-stack{position:relative;height:480px;perspective:900px}.tco-layer{position:absolute;left:50%;display:flex;align-items:center;justify-content:center;width:min(78%,520px);height:145px;transform:translateX(-50%) rotateX(61deg) rotateZ(0deg);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border:1px solid rgba(101,171,213,.62);background:linear-gradient(180deg,rgba(30,66,91,.88),rgba(6,28,43,.96));box-shadow:0 24px 48px rgba(0,0,0,.28);color:#edf4f7}.tco-layer span{transform:rotateX(-61deg);font-size:15px;font-weight:800;text-align:center;letter-spacing:-.01em}.tco-layer small{position:absolute;left:50%;bottom:17px;transform:translateX(-50%) rotateX(-61deg);color:#8095a2;font-size:10px;white-space:nowrap}.tco-layer--1{top:5px;background:linear-gradient(180deg,#ff8d32,#ff6500);border-color:#ffb06f;color:white;box-shadow:0 18px 50px rgba(255,89,0,.26),0 0 18px rgba(255,106,0,.32)}.tco-layer--2{top:100px}.tco-layer--3{top:198px}.tco-layer--4{top:298px;width:min(90%,590px)}.tco-callouts{display:grid;align-content:space-between;height:300px}.tco-callout{display:flex;align-items:center;gap:14px;color:#91a5b2;font-size:13px}.tco-callout i{position:relative;width:56px;height:1px;background:#718b9b}.tco-callout i::before{content:"";position:absolute;left:-8px;top:50%;width:9px;height:9px;border:1px solid currentColor;border-radius:50%;transform:translateY(-50%);background:#07131d}.tco-callout--top{color:#ff8a32}.tco-callout--top i{background:#ff6a00}
@media(max-width:1100px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-item:last-child{grid-column:auto}.summary-item{min-height:220px}.architecture-compare{grid-template-columns:1fr}.architecture-arrow{margin:auto;transform:rotate(90deg)}.tco-layout{grid-template-columns:1fr}.tco-callouts{height:auto;grid-template-columns:1fr 1fr;gap:24px}.tco-callout--bottom{justify-self:end}.process-flow{flex-wrap:wrap}.process-flow>i{display:none}.process-node{min-width:calc(33.333% - 10px)}.process-flow--before .process-node:last-child{min-width:calc(33.333% - 10px)}}
@media(max-width:700px){.article-summary--premium,.article-visual .visual-shell{border-radius:24px}.article-summary--premium{padding:24px 18px 22px}.summary-head{display:block}.summary-head>p{margin-top:14px!important}.summary-grid{grid-template-columns:1fr}.summary-item{min-height:0;padding:18px}.summary-item strong{margin-top:17px}.article-visual .visual-shell{padding:24px 16px}.process-flow{display:grid;grid-template-columns:1fr;gap:10px}.process-node,.process-flow--before .process-node:last-child{min-width:0;width:100%}.architecture-panel{padding:16px 12px}.sprawl-map,.architecture-map{height:430px}.system-card{width:46%;padding:10px}.architecture-node{width:46%;padding:9px}.architecture-node.node-e{left:27%;width:46%}.architecture-core{width:110px;height:96px}.tco-stack{height:390px}.tco-layer{height:120px;width:88%}.tco-layer--2{top:78px}.tco-layer--3{top:157px}.tco-layer--4{top:238px;width:98%}.tco-layer span{font-size:12px}.tco-layer small{font-size:8px}.tco-callouts{grid-template-columns:1fr}.tco-callout--bottom{justify-self:start}}


/* v30.2 image-first article diagrams ------------------------------------ */
.article-summary--image{padding:34px 34px 24px}
.article-diagram--premium{margin:34px 0 56px}
.article-diagram--flush{margin-bottom:0}
.article-diagram--premium img{border:1px solid rgba(76,139,173,.34);background:linear-gradient(145deg,rgba(7,25,36,.82),rgba(3,13,21,.92));box-shadow:0 34px 90px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.03)}
.article-diagram--premium figcaption strong{color:#dbe6eb}
@media(max-width:700px){.article-summary--image{padding:24px 18px 20px}.article-diagram--premium{margin:26px 0 42px}}


/* v30.3 proportions + sticky article navigation ------------------------ */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.article-summary--image{position:relative;margin:54px 0 82px;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}
.article-summary--image::before,.article-summary--image::after{display:none!important}
.article-diagram--premium picture{display:block;width:100%;aspect-ratio:16/9}
.article-diagram--premium picture img,.article-diagram--premium>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:24px}
.technology-article-toc{position:sticky;top:112px;align-self:start;height:max-content;max-height:calc(100vh - 132px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;z-index:3}
@media(max-width:1100px){.technology-article-toc{position:relative;top:auto;max-height:none;overflow:visible;order:-1}}
@media(max-width:700px){.article-summary--image{margin:38px 0 54px}.article-diagram--premium picture img,.article-diagram--premium>img{border-radius:20px}}


/* v30.6 — EN image parity + mobile article fixes ------------------------- */
.article-main,.technology-article-layout > *{min-width:0}
.article-diagram--premium picture{display:block;width:100%;aspect-ratio:auto!important}
.article-diagram--premium picture img,.article-diagram--premium>img{display:block;width:100%;height:auto;aspect-ratio:auto!important;object-fit:contain!important;object-position:center top}
@media(max-width:1100px){
  .article-premium .technology-article-layout{grid-template-columns:minmax(0,1fr);gap:38px}
  .technology-article-toc{position:relative;top:auto;max-height:none;overflow:visible;order:0;margin-top:6px}
}
@media(max-width:700px){
  .article-premium{padding:112px 0 68px}
  .article-premium .technology-article-layout{gap:28px}
  .article-premium .article-main h1{margin:14px 0 20px;font-size:clamp(38px,11.8vw,52px);line-height:.96;letter-spacing:-.052em}
  .article-deck{margin-bottom:18px;font-size:17px;line-height:1.5}
  .article-intro{font-size:15px;line-height:1.66}
  .article-meta-row{gap:8px;margin-top:22px}
  .article-meta-row span{padding:7px 10px;font-size:10px}
  .article-section{padding:8px 0 26px}
  .article-section h2{margin:34px 0 14px!important;font-size:clamp(28px,8.4vw,36px)!important;line-height:1.08}
  .problem-card,.case-flow article,.case-metrics div,.decision-framework article{padding:18px}
  .case-study{margin:34px 0;padding:18px;border-radius:24px}
  .case-study h3{font-size:28px}
  .compare-table{min-width:640px}
  .article-diagram--premium{margin:24px 0 34px}
  .article-diagram--premium picture img,.article-diagram--premium>img{border-radius:18px;box-shadow:0 20px 54px rgba(0,0,0,.24)}
  .technology-article-toc{padding:18px;border-radius:18px}
  .technology-article-toc nav{gap:0}
  .technology-article-toc nav a{padding:10px 0;border-radius:0;border-bottom:1px solid rgba(92,145,176,.14)}
  .technology-article-toc nav a:last-child{border-bottom:0}
  .technology-article-cta{margin-top:46px;padding:24px 18px}
  .technology-article-cta h2{font-size:30px!important}
}
@media(max-width:430px){
  .article-premium{padding-top:106px}
  .article-premium .article-main h1{font-size:clamp(34px,11.2vw,46px)}
  .article-kicker{font-size:10px;letter-spacing:.13em}
  .article-deck{font-size:16px}
  .article-intro,.article-section p{font-size:15px!important}
}


/* v30.7 — strict PL/EN mobile parity ------------------------------------ */
.article-premium,.article-main,.technology-article-layout{max-width:100%}
.article-main{min-width:0;overflow-wrap:break-word}
.article-main h1,.article-section h2,.case-study h3,.technology-article-cta h2{overflow-wrap:anywhere;word-break:normal;hyphens:auto}
.article-meta-row{max-width:100%}
.article-diagram,.article-diagram picture,.article-diagram img{max-width:100%}
.problem-card,.case-study,.case-flow article,.case-metrics div,.decision-framework article{min-width:0}
@media(max-width:700px){
  .article-premium .technology-article-layout{width:100%;max-width:100%;overflow:visible}
  html[lang="pl"] .article-premium .article-main h1{font-size:clamp(34px,10.4vw,46px);line-height:.98;letter-spacing:-.045em}
  html[lang="en"] .article-premium .article-main h1{font-size:clamp(36px,10.9vw,48px)}
  .article-main h1,.article-section h2{max-width:100%}
  .article-diagram--premium{width:100%;max-width:100%;margin-left:0;margin-right:0;overflow:hidden;border-radius:18px}
  .article-diagram--premium picture{width:100%;max-width:100%;overflow:hidden}
  .article-diagram--premium picture img,.article-diagram--premium>img{width:100%;max-width:100%;height:auto;object-fit:contain!important}
  .article-summary--image{width:100%;max-width:100%;margin-left:0;margin-right:0}
  .problem-grid,.case-flow,.case-metrics,.decision-framework{width:100%;max-width:100%}
  .compare-table-wrap{max-width:100%;-webkit-overflow-scrolling:touch}
  .technology-article-toc{width:100%;max-width:100%}
}
@media(max-width:390px){
  html[lang="pl"] .article-premium .article-main h1{font-size:clamp(32px,9.9vw,40px)}
  .article-deck{font-size:15.5px}
  .article-meta-row span{font-size:9px;padding:6px 8px}
}