:root{--eng-bg:#020b17;--eng-panel:#061b31;--eng-panel-2:#082541;--eng-line:#0b5f91;--eng-cyan:#21d8ff;--eng-green:#64f7b2;--eng-text:#f1f7ff;--eng-muted:#a8bdd2;--eng-radius:16px}
.engineering-page{background:var(--eng-bg);color:var(--eng-text)}
.engineering-page main{overflow:hidden}.eng-shell{width:min(1180px,calc(100% - 40px));margin:auto}.eng-hero{padding:70px 0 45px;background:radial-gradient(circle at 75% 20%,rgba(0,151,255,.16),transparent 35%),linear-gradient(180deg,#031426,#020b17)}
.eng-breadcrumb{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px;color:var(--eng-muted);font-size:.9rem}.eng-breadcrumb a{color:var(--eng-cyan)}.eng-eyebrow{color:var(--eng-cyan);font-size:.78rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.eng-hero h1{max-width:900px;margin:12px 0 18px;font-size:clamp(2.15rem,5vw,4.5rem);line-height:1.03}.eng-lede{max-width:790px;color:#c8d8e8;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.65}.eng-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:center;margin-top:34px;padding:18px;border:1px solid var(--eng-line);border-radius:var(--eng-radius);background:rgba(5,28,50,.8)}.eng-flow span{text-align:center}.eng-flow b{color:var(--eng-cyan)}
.eng-main{padding:48px 0 78px}.eng-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.eng-card{display:block;padding:23px;border:1px solid #124c74;border-radius:var(--eng-radius);background:linear-gradient(145deg,rgba(8,39,68,.95),rgba(3,20,37,.95));color:inherit;text-decoration:none}.eng-card:hover{border-color:var(--eng-cyan);transform:translateY(-2px)}.eng-card h2,.eng-card h3{margin:7px 0 10px}.eng-card p{color:var(--eng-muted);line-height:1.55}.eng-chip{display:inline-block;padding:5px 9px;border-radius:999px;background:#08385b;color:var(--eng-cyan);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.eng-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:36px}.eng-article{min-width:0}.eng-article section{margin:0 0 38px}.eng-article h2{margin:0 0 14px;font-size:clamp(1.5rem,3vw,2.2rem)}.eng-article h3{margin-top:25px}.eng-article p,.eng-article li{color:#c5d4e3;line-height:1.75}.eng-article a{color:var(--eng-cyan)}.eng-article li+li{margin-top:8px}.eng-toc{position:sticky;top:100px;align-self:start;padding:20px;border:1px solid #104b74;border-radius:var(--eng-radius);background:#051a2e}.eng-toc strong{display:block;margin-bottom:10px}.eng-toc a{display:block;padding:7px 0;color:var(--eng-muted);text-decoration:none}.eng-toc a:hover{color:var(--eng-cyan)}
.eng-note{padding:18px 20px;border-left:4px solid var(--eng-cyan);border-radius:8px;background:#06223d}.eng-note.warning{border-color:#ffbd59}.eng-note strong{color:#fff}.eng-code{margin:22px 0;border:1px solid #17608d;border-radius:12px;background:#01101d;overflow:hidden}.eng-code-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 14px;background:#08233b;color:#b9d2e7;font-size:.8rem}.eng-copy{border:1px solid #25729e;border-radius:8px;background:#062a46;color:#fff;padding:7px 11px;cursor:pointer}.eng-copy:focus-visible{outline:3px solid var(--eng-cyan);outline-offset:2px}.eng-code pre{margin:0;padding:18px;overflow:auto;tab-size:2;color:#d8efff;line-height:1.55}.eng-code code{font-family:Consolas,"SFMono-Regular",monospace}.eng-callout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.eng-callout-grid>div{padding:16px;border:1px solid #10476d;border-radius:12px;background:#051b30}.eng-callout-grid strong{display:block;color:var(--eng-cyan);margin-bottom:6px}.eng-sources{padding-top:20px;border-top:1px solid #17415f}.eng-tool{padding:24px;border:1px solid #11618f;border-radius:var(--eng-radius);background:#051c32}.eng-tool label,.eng-tool legend{display:block;margin:14px 0 6px;font-weight:700}.eng-tool input,.eng-tool select,.eng-tool textarea{width:100%;padding:12px;border:1px solid #256088;border-radius:9px;background:#020e1b;color:#fff}.eng-tool textarea{min-height:260px;font:14px/1.45 Consolas,monospace}.eng-tool button{margin:14px 9px 0 0;padding:12px 16px;border:1px solid var(--eng-cyan);border-radius:9px;background:#063455;color:#fff;font-weight:750;cursor:pointer}.eng-tool button.primary{background:var(--eng-cyan);color:#001321}.eng-result{margin-top:20px;padding:18px;border-radius:12px;background:#031323;border:1px solid #21567a}.eng-result:empty{display:none}.eng-result h2,.eng-result h3{margin-top:0}.eng-status{color:var(--eng-green);font-weight:800}.eng-related{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.eng-related a{padding:14px;border:1px solid #15486d;border-radius:10px;text-decoration:none}.eng-updated{color:var(--eng-muted);font-size:.9rem}.eng-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.eng-badges{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px}.eng-badges span{padding:5px 9px;border:1px solid #2376a5;border-radius:999px;background:#05243e;color:#87eaff;font-size:.68rem;font-weight:800;letter-spacing:.08em}.eng-note.version{border-color:#8c73ff}.eng-note p{margin:7px 0 0}.eng-ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 28px}.eng-ops-grid>div{padding:14px;border:1px solid #154b70;border-radius:9px;background:#04182a}.eng-ops-grid strong{display:block;color:#6ee8ff;font-size:.72rem;letter-spacing:.06em}.eng-ops-grid p{margin:5px 0 0;font-size:.9rem}.eng-table-wrap{max-width:100%;margin:20px 0;overflow-x:auto;border:1px solid #17577e;border-radius:11px}.eng-table-wrap:focus-visible{outline:3px solid var(--eng-cyan);outline-offset:2px}.eng-table-wrap table{width:100%;min-width:680px;border-collapse:collapse;background:#031729}.eng-table-wrap caption{padding:14px;background:#08233b;color:#fff;font-weight:800;text-align:left}.eng-table-wrap th,.eng-table-wrap td{padding:12px 14px;border-top:1px solid #15415e;text-align:left;vertical-align:top}.eng-table-wrap thead th{color:#64e4ff;background:#051d32}.eng-table-wrap tbody th{color:#fff}.eng-diagram{margin:22px 0;padding:20px;border:1px solid #17608d;border-radius:12px;background:radial-gradient(circle at center,#092b4b,#031523)}.eng-diagram .flow{display:flex;align-items:center;justify-content:center;gap:10px}.eng-diagram .flow span{padding:13px;border:1px solid #25a9e8;border-radius:9px;background:#062542;text-align:center}.eng-diagram .flow b{color:#65eaff;text-align:center}.eng-diagram .media{margin-top:15px}.eng-diagram figcaption{margin-top:14px;color:#9eb9cf;font-size:.82rem;text-align:center}.eng-evidence{margin:30px 0;padding:22px;border:1px solid #1f81b0;border-radius:12px;background:#041d32}.eng-evidence h2{margin-top:0}.eng-evidence dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.eng-evidence dl div{padding:11px;border-left:2px solid #20cfea;background:#062640}.eng-evidence dt{color:#fff;font-weight:800}.eng-evidence dd{margin:3px 0 0;color:#a9c2d8}.eng-code-head{flex-wrap:wrap}.eng-code-file{min-width:0;overflow-wrap:anywhere;font-family:Consolas,"SFMono-Regular",monospace}.eng-code-kind{margin-left:auto;padding:3px 7px;border:1px solid #7e66de;border-radius:5px;color:#c7baff;font-size:.65rem;font-weight:800}.eng-code-lang{color:#6ee8ff;font-weight:800}.eng-code-body{max-width:100%;overflow-x:auto}.eng-code-body .shiki{min-width:max-content;background:#01101d!important}.eng-code-body pre{border:0;border-radius:0}.eng-code[data-code-variant="OUTPUT"]{border-color:#2f816a}.eng-code[data-code-variant="WARNING / DO NOT COPY BLINDLY"]{border-color:#c88a32}.eng-code[data-code-variant="WARNING / DO NOT COPY BLINDLY"] .eng-code-head{background:#35250e}.eng-code code{white-space:pre}.eng-article code:not(.shiki code){padding:.12em .35em;border-radius:4px;background:#082842;color:#98ecff}.eng-related{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.eng-answer{margin:0 0 34px;padding:22px 24px;border:1px solid #2587b5;border-left:4px solid var(--eng-cyan);border-radius:12px;background:linear-gradient(145deg,#072947,#04182b)}.eng-answer h2{margin-top:0}.eng-answer p{margin:8px 0}.eng-query,.eng-reviewed{font-size:.88rem}.eng-reviewed{color:#9ebbd2!important}.eng-anchor-target{display:block;position:relative;top:-92px;visibility:hidden}
@media(max-width:900px){.eng-grid{grid-template-columns:repeat(2,1fr)}.eng-layout{grid-template-columns:1fr}.eng-toc{position:static;order:-1}.eng-flow{grid-template-columns:1fr}.eng-flow .arrow{transform:rotate(90deg)}}
@media(max-width:600px){.eng-shell{width:min(100% - 28px,1180px)}.eng-hero{padding:42px 0 32px}.eng-grid,.eng-related,.eng-callout-grid,.eng-ops-grid,.eng-evidence dl{grid-template-columns:1fr}.eng-card{padding:19px}.eng-code-head{align-items:flex-start}.eng-code-kind{margin-left:0}.eng-copy{margin-left:auto}.eng-code pre{font-size:.79rem;padding:14px}.eng-tool{padding:17px}.eng-diagram{padding:14px}.eng-diagram .flow{flex-direction:column}.eng-diagram .flow b{transform:rotate(90deg);margin:5px}.eng-table-wrap table{min-width:620px}}
@media(prefers-reduced-motion:reduce){.eng-card{transition:none!important}.eng-card:hover{transform:none}}
@media print{.eng-copy{display:none}.eng-code,.eng-table-wrap,.eng-diagram{break-inside:avoid;background:#fff!important;color:#111!important}.eng-code-body .shiki,.eng-code-body .shiki span{background:#fff!important;color:#111!important}.eng-badges span{color:#111;border-color:#555}.eng-table-wrap table{min-width:0;background:#fff}.eng-table-wrap th,.eng-table-wrap td{color:#111!important}}
.eng-code-head{min-height:60px;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;justify-content:stretch;column-gap:10px;row-gap:8px}.eng-code-file{align-self:center}.eng-code-kind{margin-left:0;white-space:nowrap}.eng-code-lang{white-space:nowrap}.eng-copy{margin:0;align-self:center;justify-self:end;white-space:nowrap;min-height:34px;display:inline-flex;align-items:center}
@media(max-width:600px){.eng-code-head{min-height:126px;grid-template-columns:minmax(0,1fr) auto;align-items:center}.eng-code-file{grid-column:1/-1}.eng-code-kind{grid-column:1/-1;justify-self:start;max-width:100%;white-space:normal}.eng-code-lang{grid-column:1}.eng-copy{grid-column:2}.eng-diagram{overflow:hidden}.eng-diagram .flow{width:100%;gap:7px}.eng-diagram .flow span{width:min(100%,280px);padding:11px 10px}.eng-diagram .flow b{width:min(100%,280px);margin:1px 0;transform:none;line-height:1.35;overflow-wrap:anywhere}.eng-diagram .media{margin-top:18px;padding-top:14px;border-top:1px solid rgba(101,234,255,.2)}}
@media(max-width:600px){.eng-code-head{min-height:134px}}