.engineering-writing {
    --eng-mint: #8ce8ce;
    --eng-cyan: #67d4eb;
    --eng-violet: #b4a5ff;
    --eng-ink: #070a0d;
    --eng-ivory: #eef4ef;
    --eng-muted: #9aa8a4;
    --eng-line: rgba(224, 244, 238, .13);
    overflow-x: clip;
}

.eng-article { position: relative; padding-bottom: clamp(72px, 10vw, 144px); }
.eng-article::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(circle at 82% 8%, rgba(103,212,235,.09), transparent 26rem), radial-gradient(circle at 8% 38%, rgba(180,165,255,.06), transparent 30rem); }
.eng-article .section-shell { width: min(1160px, calc(100% - (var(--gutter) * 2))); }
.eng-article h1, .eng-article h2 { font-family: var(--serif); font-weight: 400; letter-spacing: -.045em; }
.eng-article h2 { font-size: clamp(2.65rem, 5.8vw, 5.7rem); line-height: .96; }
.eng-article h3 { line-height: 1.15; }
.eng-article a:not(.eng-button):not(.eng-back) { color: inherit; text-decoration-color: rgba(140,232,206,.35); text-underline-offset: .2em; }
.eng-article a:not(.eng-button):not(.eng-back):hover { color: var(--eng-mint); text-decoration-color: var(--eng-mint); }

.eng-hero { padding-top: clamp(52px, 7vw, 96px); padding-bottom: clamp(44px, 6vw, 82px); }
.eng-back { display: inline-flex; gap: 9px; margin-bottom: clamp(48px, 7vw, 86px); color: #81908b; font: 500 .69rem var(--mono); text-decoration: none; transition: color 180ms ease, transform 180ms ease; }
.eng-back:hover { color: var(--eng-mint); transform: translateX(-3px); }
.eng-hero-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(275px, .55fr); align-items: end; gap: clamp(42px, 8vw, 104px); }
.eng-kicker, .eng-heading > p, .eng-range-head span, .eng-cta span, .eng-verdict > span, .eng-cases article > span, .eng-domain-proof article > span { color: var(--eng-cyan); font: 500 .65rem/1.4 var(--mono); letter-spacing: .13em; }
.eng-kicker { display: flex; align-items: center; gap: 11px; margin-bottom: 22px; }
.eng-kicker span { width: 7px; height: 7px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 18px rgba(213,247,122,.6); }
.eng-hero h1 { max-width: 850px; font-size: clamp(4.3rem, 9vw, 8.8rem); line-height: .83; }
.eng-deck { max-width: 760px; margin-top: 32px; color: #c2ccc8; font-size: clamp(1.08rem, 2vw, 1.38rem); line-height: 1.62; }
.eng-meta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.eng-meta span { padding: 8px 11px; border: 1px solid var(--eng-line); border-radius: 999px; color: #899792; font: .63rem var(--mono); }
.eng-meta strong { color: var(--eng-ivory); font-weight: 500; }
.eng-verdict { padding: 25px; border: 1px solid rgba(140,232,206,.24); border-radius: 22px; background: linear-gradient(145deg, rgba(140,232,206,.08), rgba(103,212,235,.025)); box-shadow: 0 28px 80px -54px rgba(103,212,235,.8); }
.eng-verdict > p { margin: 14px 0 26px; color: var(--eng-ivory); font-size: 1.08rem; line-height: 1.54; }
.eng-verdict dl { display: grid; gap: 16px; }
.eng-verdict dl div { padding-top: 15px; border-top: 1px solid var(--eng-line); }
.eng-verdict dt { margin-bottom: 5px; color: #6f7d79; font: .58rem var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.eng-verdict dd { color: #aab6b2; font-size: .82rem; line-height: 1.55; }
.eng-hero-figure { margin-top: clamp(56px, 8vw, 104px); }
.eng-hero-figure img { display: block; width: 100%; height: auto; border: 1px solid rgba(224,244,238,.14); border-radius: 24px; box-shadow: 0 50px 110px -70px rgba(103,212,235,.48); }
.eng-hero-figure figcaption, .eng-range-figure figcaption { max-width: 870px; margin: 15px 3px 0; color: #74827e; font: .67rem/1.65 var(--mono); }

.eng-map { position: sticky; top: var(--map-top, 82px); z-index: 104; display: flex; align-items: center; gap: 18px; padding: 9px 12px; overflow: hidden; border: 1px solid var(--eng-line); border-radius: 15px; background: rgba(7,10,13,.88); backdrop-filter: blur(18px); box-shadow: 0 20px 50px -38px #000; }
.eng-map > span { flex: 0 0 auto; padding: 0 10px 0 2px; border-right: 1px solid var(--eng-line); color: var(--eng-mint); font: .58rem var(--mono); letter-spacing: .12em; }
.eng-map > div { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.eng-map > div::-webkit-scrollbar { display: none; }
.eng-map a { flex: 0 0 auto; padding: 8px 10px; border-radius: 9px; color: #8b9894 !important; font-size: .69rem; text-decoration: none !important; }
.eng-map a:hover { color: var(--eng-ivory) !important; background: rgba(140,232,206,.09); }

.eng-section { padding-block: clamp(74px, 9vw, 126px); border-top: 1px solid var(--eng-line); }
.eng-section h2[id], .eng-sources h2[id] { scroll-margin-top: 150px; }
.eng-heading { max-width: 920px; margin-bottom: clamp(38px, 6vw, 72px); }
.eng-heading > p { margin-bottom: 18px; }
.eng-heading-split { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(270px, .65fr); align-items: end; gap: clamp(38px, 7vw, 94px); max-width: none; }
.eng-heading-split > p:last-child { margin: 0 0 5px; color: var(--eng-muted); font: 400 .98rem/1.7 var(--sans); letter-spacing: 0; }
.eng-prose { max-width: 760px; }
.eng-prose p { color: #aab6b2; font-size: 1.02rem; line-height: 1.82; }
.eng-prose p + p { margin-top: 21px; }
.eng-prose strong { color: var(--eng-ivory); }
.eng-opening { display: grid; grid-template-columns: minmax(0, .92fr) minmax(320px, 1.08fr); gap: clamp(46px, 8vw, 110px); }

.eng-range-figure { padding: clamp(24px, 4vw, 48px); border: 1px solid var(--eng-line); border-radius: 26px; background: rgba(11,16,20,.68); }
.eng-range-head { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 44px; }
.eng-range-head h3 { max-width: 640px; margin-top: 8px; font-size: clamp(1.45rem, 3vw, 2.2rem); }
.eng-range-scale { color: var(--eng-violet) !important; }
.eng-range-chart { position: relative; padding-top: 34px; }
.eng-axis { position: absolute; top: 0; left: min(35%, 310px); right: 0; height: 100%; border-bottom: 1px solid rgba(238,244,239,.34); background: repeating-linear-gradient(90deg, transparent 0 calc(10% - 1px), rgba(238,244,239,.05) calc(10% - 1px) 10%); }
.eng-axis span { position: absolute; bottom: -27px; left: var(--x); transform: translateX(-50%); color: #86938f; font: .6rem var(--mono); }
.eng-range-chart ol { position: relative; display: grid; gap: 30px; z-index: 1; }
.eng-range-chart li { display: grid; grid-template-columns: minmax(230px, 35%) minmax(250px, 1fr); gap: 20px; align-items: center; }
.eng-range-chart li > div { display: grid; gap: 4px; }
.eng-range-chart li strong { font-size: .88rem; }
.eng-range-chart li div span { color: var(--tone); font: 500 .7rem var(--mono); }
.eng-range-chart li > i { position: relative; display: block; height: 6px; border-radius: 999px; background: linear-gradient(90deg, transparent var(--start), var(--tone) var(--start), var(--tone) var(--end), transparent var(--end)); filter: drop-shadow(0 0 8px color-mix(in srgb, var(--tone) 50%, transparent)); }
.eng-range-chart li > i::before, .eng-range-chart li > i::after { content: ""; position: absolute; top: 50%; width: 13px; height: 13px; border: 2px solid var(--tone); border-radius: 50%; background: #10171a; transform: translate(-50%,-50%); }
.eng-range-chart li > i::before { left: var(--start); }
.eng-range-chart li > i::after { left: var(--end); }
.eng-range-chart li.eng-point > i::after { display: none; }
.eng-range-chart li > small { grid-column: 2; margin-top: -13px; color: #66736f; font: .56rem var(--mono); }
.eng-range-figure figcaption { margin-top: 50px; }

.eng-cases, .eng-domain-proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 28px; }
.eng-cases article, .eng-domain-proof article { min-height: 310px; padding: 26px; border: 1px solid var(--eng-line); border-radius: 20px; background: rgba(10,14,18,.58); }
.eng-cases article > strong { display: block; margin: 30px 0 4px; color: var(--eng-mint); font: 400 clamp(2.7rem, 5vw, 4.4rem)/1 var(--serif); }
.eng-cases h3, .eng-domain-proof h3 { margin-bottom: 16px; font-size: 1.25rem; }
.eng-cases p, .eng-domain-proof p { color: #929f9b; font-size: .84rem; line-height: 1.68; }
.eng-cases a, .eng-domain-proof a { display: inline-block; margin-top: 22px; color: var(--eng-mint) !important; font: .64rem var(--mono); }

.eng-cta { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 36px; margin-block: clamp(36px, 5vw, 70px); padding: clamp(30px, 5vw, 54px); border: 1px solid rgba(140,232,206,.3); border-radius: 26px; background: radial-gradient(circle at 82% 30%, rgba(103,212,235,.12), transparent 18rem), linear-gradient(135deg, rgba(140,232,206,.09), rgba(180,165,255,.04)); box-shadow: 0 30px 90px -65px rgba(140,232,206,.9); }
.eng-cta h2 { margin: 10px 0 12px; font-size: clamp(2.2rem, 4.5vw, 4.5rem); }
.eng-cta p { max-width: 700px; color: #9ba8a4; line-height: 1.65; }
.eng-cta > a { display: inline-flex; align-items: center; gap: 18px; min-height: 54px; padding: 14px 21px; border: 1px solid var(--eng-mint); border-radius: 999px; color: #06100d !important; background: var(--eng-mint); font: 600 .76rem var(--mono); text-decoration: none !important; box-shadow: 0 18px 48px -28px rgba(140,232,206,1); }
.eng-cta > a:hover { transform: translateY(-2px); }
.eng-cta-consulting { border-color: rgba(180,165,255,.3); background: radial-gradient(circle at 82% 30%, rgba(180,165,255,.15), transparent 18rem), linear-gradient(135deg, rgba(180,165,255,.08), rgba(103,212,235,.04)); }

.eng-loop { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
.eng-loop li { min-height: 270px; padding: 23px; border: 1px solid var(--eng-line); background: rgba(9,13,16,.56); }
.eng-loop li:first-child { border-radius: 20px 0 0 20px; }
.eng-loop li:last-child { border-radius: 0 20px 20px 0; }
.eng-loop span, .eng-measures span { color: var(--eng-cyan); font: .62rem var(--mono); }
.eng-loop h3 { margin: 40px 0 14px; font-size: 1.1rem; }
.eng-loop p { color: #8c9995; font-size: .78rem; line-height: 1.65; }
.eng-equation { display: grid; grid-template-columns: auto 1fr auto 1fr; align-items: center; gap: 20px; margin-top: 22px; padding: 24px; border: 1px solid var(--eng-line); border-radius: 18px; }
.eng-equation span { color: #73807c; font: .58rem var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.eng-equation strong { color: #c5cfcc; font-size: .83rem; }
.eng-equation i { color: var(--eng-violet); font: normal 1.4rem var(--serif); }

.eng-table-wrap { overflow-x: auto; border: 1px solid var(--eng-line); border-radius: 22px; }
.eng-table { width: 100%; min-width: 820px; border-collapse: collapse; }
.eng-table th, .eng-table td { padding: 20px; border-bottom: 1px solid var(--eng-line); text-align: left; vertical-align: top; }
.eng-table thead th { color: #74817d; font: .59rem var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.eng-table tbody th { width: 19%; color: var(--eng-ivory); font-size: .83rem; }
.eng-table td { color: #94a19d; font-size: .78rem; line-height: 1.55; }
.eng-table tr:last-child th, .eng-table tr:last-child td { border-bottom: 0; }
.eng-level { display: inline-flex; padding: 5px 8px; border: 1px solid rgba(103,212,235,.22); border-radius: 999px; color: var(--eng-cyan); font: .55rem var(--mono); white-space: nowrap; }
.eng-level.high { color: var(--eng-mint); border-color: rgba(140,232,206,.24); }
.eng-domain-proof article { min-height: 280px; }
.eng-domain-proof h3 { margin-top: 28px; }

.eng-bottleneck-grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(290px, .88fr); gap: clamp(42px, 7vw, 90px); align-items: center; }
.eng-shift { padding: 32px; border: 1px solid var(--eng-line); border-radius: 24px; background: linear-gradient(160deg, rgba(180,165,255,.08), rgba(103,212,235,.04)); }
.eng-shift > span { display: block; color: #6e7c78; font: .58rem var(--mono); letter-spacing: .11em; }
.eng-shift > strong { display: block; margin: 10px 0 24px; color: #919e9a; font: 400 2.2rem var(--serif); text-decoration: line-through; text-decoration-color: rgba(180,165,255,.55); }
.eng-shift > i { display: block; margin-bottom: 24px; color: var(--eng-mint); font: normal 1.5rem var(--mono); }
.eng-shift ul { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.eng-shift li { padding: 9px 11px; border: 1px solid rgba(140,232,206,.2); border-radius: 999px; color: #c0cbc7; font-size: .72rem; }

.eng-measures { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--eng-line); border-radius: 22px; overflow: hidden; }
.eng-measures li { min-height: 220px; padding: 26px; border-right: 1px solid var(--eng-line); border-bottom: 1px solid var(--eng-line); }
.eng-measures li:nth-child(3n) { border-right: 0; }
.eng-measures li:nth-last-child(-n+3) { border-bottom: 0; }
.eng-measures h3 { margin: 34px 0 13px; font-size: 1.08rem; }
.eng-measures p { color: #8e9b97; font-size: .8rem; line-height: 1.65; }

.eng-conclusion > p:first-child { color: var(--eng-cyan); font: .65rem var(--mono); letter-spacing: .13em; }
.eng-conclusion h2 { max-width: 950px; margin: 18px 0 46px; }
.eng-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 38px; }
.eng-button { display: inline-flex; align-items: center; gap: 20px; min-height: 54px; padding: 14px 22px; border-radius: 999px; font: 600 .73rem var(--mono); text-decoration: none !important; transition: transform 180ms ease; }
.eng-button:hover { transform: translateY(-2px); }
.eng-button-primary { color: #06100d !important; background: var(--eng-mint); border: 1px solid var(--eng-mint); }
.eng-button-secondary { color: var(--eng-ivory) !important; border: 1px solid rgba(238,244,239,.22); background: rgba(238,244,239,.03); }

.eng-sources { padding-block: clamp(72px, 8vw, 114px); border-top: 1px solid var(--eng-line); }
.eng-source-note { max-width: 760px; margin: -34px 0 36px; color: #899691; line-height: 1.7; }
.eng-sources ol { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; border: 1px solid var(--eng-line); border-radius: 20px; overflow: hidden; background: var(--eng-line); }
.eng-sources li { display: grid; gap: 7px; padding: 20px; background: #090d10; }
.eng-sources li a { color: #c4cfcb !important; font-size: .78rem; line-height: 1.45; }
.eng-sources li span { color: #65716d; font: .56rem var(--mono); }
.eng-cutoff { margin-top: 22px; color: #6e7a76; font: .62rem/1.65 var(--mono); }

@media (max-width: 900px) {
    .eng-hero-grid, .eng-opening, .eng-bottleneck-grid { grid-template-columns: 1fr; }
    .eng-hero h1 { font-size: clamp(4rem, 15vw, 7rem); }
    .eng-heading-split { grid-template-columns: 1fr; align-items: start; }
    .eng-cases, .eng-domain-proof { grid-template-columns: 1fr; }
    .eng-cases article, .eng-domain-proof article { min-height: 0; }
    .eng-loop { grid-template-columns: 1fr 1fr; }
    .eng-loop li, .eng-loop li:first-child, .eng-loop li:last-child { min-height: 220px; border-radius: 14px; }
    .eng-equation { grid-template-columns: 1fr; }
    .eng-cta { grid-template-columns: 1fr; }
    .eng-measures { grid-template-columns: 1fr 1fr; }
    .eng-measures li:nth-child(3n) { border-right: 1px solid var(--eng-line); }
    .eng-measures li:nth-child(2n) { border-right: 0; }
    .eng-measures li:nth-last-child(-n+3) { border-bottom: 1px solid var(--eng-line); }
    .eng-measures li:nth-last-child(-n+2) { border-bottom: 0; }
}

@media (max-width: 640px) {
    .eng-hero { padding-top: 34px; }
    .eng-back { margin-bottom: 42px; }
    .eng-hero h1 { font-size: clamp(3.75rem, 18vw, 5.4rem); }
    .eng-deck { font-size: 1rem; }
    .eng-hero-figure { margin-top: 46px; margin-inline: calc(var(--gutter) * -.45); }
    .eng-hero-figure img { border-radius: 14px; }
    .eng-map { top: var(--map-top, 74px); width: calc(100% - 20px) !important; }
    .eng-map > span { display: none; }
    .eng-section h2[id], .eng-sources h2[id] { scroll-margin-top: 136px; }
    .eng-range-figure { padding: 21px 17px 28px; }
    .eng-range-head { display: grid; margin-bottom: 35px; }
    .eng-range-chart { padding-top: 0; }
    .eng-axis { left: 0; top: auto; bottom: -8px; height: calc(100% - 38px); }
    .eng-range-chart ol { gap: 34px; }
    .eng-range-chart li { grid-template-columns: 1fr; gap: 15px; }
    .eng-range-chart li > i { grid-row: 2; }
    .eng-range-chart li > small { grid-column: 1; grid-row: 3; margin-top: -7px; }
    .eng-range-figure figcaption { margin-top: 65px; }
    .eng-loop { grid-template-columns: 1fr; }
    .eng-loop li { min-height: 190px; }
    .eng-loop h3 { margin-top: 28px; }
    .eng-measures { grid-template-columns: 1fr; }
    .eng-measures li, .eng-measures li:nth-child(2n), .eng-measures li:nth-child(3n), .eng-measures li:nth-last-child(-n+2) { border-right: 0; border-bottom: 1px solid var(--eng-line); }
    .eng-measures li:last-child { border-bottom: 0; }
    .eng-sources ol { grid-template-columns: 1fr; }
    .eng-cta { padding: 27px 22px; }
    .eng-cta > a { width: 100%; justify-content: space-between; }
    .eng-actions { display: grid; }
    .eng-button { justify-content: space-between; }
}

@media (prefers-reduced-motion: reduce) {
    .eng-back, .eng-cta > a, .eng-button { transition: none; }
}