:root{--tech-bg:#030d16;--tech-panel:#081925;--tech-line:#8eb8ca35;--tech-text:#e7f3f8;--tech-muted:#abc1cf;--tech-accent:#a1d7ee}
.tech-page{margin:0;background:var(--tech-bg);color:var(--tech-text);font:16px/1.8 Inter,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;color-scheme:dark}
.tech-page *,.tech-home *{box-sizing:border-box}.tech-page a{color:inherit;text-decoration:none}.tech-page a:hover{color:#b5e6fb}.tech-page :focus-visible,.tech-home :focus-visible{outline:2px solid #b5e6fb;outline-offset:5px}.tech-header{display:flex;align-items:center;gap:28px;min-height:88px;padding:16px 5vw;border-bottom:1px solid var(--tech-line)}.tech-header .tech-brand{margin-inline-end:auto}.tech-brand img{width:180px;height:auto;display:block}.tech-header nav{display:flex;align-items:center;gap:24px;font-size:14px}.tech-header [aria-current=page]{color:#b5e6fb;text-decoration:underline;text-underline-offset:8px}.tech-language{display:flex;gap:12px;font-size:14px}.tech-language a{padding:7px 2px}.tech-skip{position:absolute;top:-100px;left:18px;padding:10px;background:#dceff8;color:#05121d!important;z-index:30}.tech-skip:focus{top:5px}
.tech-shell{max-width:1440px;margin:auto;padding:0 5vw 96px}.tech-hero{padding:66px 0 42px;border-bottom:1px solid var(--tech-line)}.tech-eyebrow{font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:var(--tech-accent);margin:0 0 22px}.tech-hero h1{font-size:clamp(34px,4.3vw,61px);line-height:1.15;font-weight:500;letter-spacing:-.045em;max-width:1060px;margin:0 0 26px;text-wrap:balance}.tech-hero>p:not(.tech-eyebrow){max-width:860px;color:var(--tech-muted);font-size:18px}.tech-note{border-inline-start:2px solid #9fbbcb;padding:14px 18px;background:#d7e9f208;font-size:14px;color:#b9ccd7;margin-top:25px;max-width:1000px;line-height:1.9}.tech-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.tech-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #789cae;border-radius:4px;padding:10px 17px;min-height:46px;background:#dcedf5;color:#071621!important;font-family:inherit;font-weight:500;font-size:15px;line-height:1.6;cursor:pointer;max-width:100%;text-align:center}.tech-button.secondary{background:transparent;color:#c4e1ef!important}.tech-button:hover{background:#c1dfef;color:#071621!important}.tech-button:disabled{opacity:.6;cursor:wait}
.tech-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:56px;padding-top:44px}.tech-sidebar{align-self:start;position:sticky;top:22px}.tech-sidebar a{display:block;color:var(--tech-muted);padding:9px 0;border-bottom:1px solid #8eb8ca16;font-size:14px}.tech-sidebar .tech-eyebrow{margin-bottom:12px}.tech-content{min-width:0}.tech-section{margin-bottom:64px;scroll-margin-top:28px}.tech-section h2{font-size:clamp(26px,2.6vw,36px);font-weight:500;letter-spacing:-.025em;line-height:1.35;margin:0 0 18px}.tech-section h3{font-size:19px;font-weight:500;line-height:1.5;margin:0 0 8px}.tech-section p{color:var(--tech-muted);margin:0 0 22px}.tech-architecture{border:1px solid var(--tech-line);margin:28px 0 36px}.tech-layer{display:grid;grid-template-columns:40px 210px minmax(0,1fr);gap:16px;padding:22px;border-bottom:1px solid var(--tech-line);background:var(--tech-panel)}.tech-layer:last-child{border-bottom:0}.tech-layer>span{font:14px/1.8 ui-monospace,monospace;color:var(--tech-accent)}.tech-layer h3{font-size:18px;margin:0 0 4px}.tech-layer small{display:block;font-size:13px;color:var(--tech-muted)}.tech-layer p{font-size:15px;line-height:1.85;margin:0}.tech-boundaries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:22px}.tech-boundaries article{border-top:1px solid var(--tech-line);padding-top:18px;min-width:0}.tech-boundaries p{font-size:15px;line-height:1.85}.tech-flow{list-style:none;padding:0;margin:28px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--tech-line);border:1px solid var(--tech-line);counter-reset:step}.tech-flow li{padding:22px;background:var(--tech-panel);min-width:0}.tech-flow li:before{counter-increment:step;content:"0" counter(step);color:var(--tech-accent);font:13px/1.5 ui-monospace,monospace;display:block;margin-bottom:10px}.tech-flow code{font-size:14px;color:var(--tech-accent);overflow-wrap:anywhere}.tech-flow h3{margin:5px 0 8px}.tech-flow p{font-size:15px;margin:0}.tech-table-wrap{overflow-x:auto;max-width:100%;border:1px solid var(--tech-line);margin:26px 0}.tech-table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.8;text-align:start}.tech-table th,.tech-table td{padding:17px 18px;text-align:start;vertical-align:top;border-bottom:1px solid var(--tech-line);overflow-wrap:anywhere;min-width:120px}.tech-table th{background:var(--tech-panel);color:#d8eaf5;font-weight:500;font-size:14px}.tech-table td{color:var(--tech-muted)}.tech-table td:first-child{color:var(--tech-text)}.tech-table tr:last-child td{border-bottom:0}.tech-security{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:35px}.tech-security article{padding:22px;background:var(--tech-panel);border:1px solid var(--tech-line);min-width:0}.tech-security p{font-size:15px;margin:0}.tech-status-list{margin:28px 0}.tech-status-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:24px;padding:22px 0;border-top:1px solid var(--tech-line)}.tech-status-row h3{font-size:17px}.tech-status-row span{font:13px/1.7 ui-monospace,monospace;color:var(--tech-accent)}.tech-status-row p{margin:0;font-size:15px}.tech-code{background:#02080d;border:1px solid var(--tech-line);padding:22px;overflow:auto;max-width:100%;font:14px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;color:#c8e5f3;tab-size:2;white-space:pre}.tech-code-label{display:flex;justify-content:space-between;gap:20px;color:var(--tech-muted);font:13px/1.6 ui-monospace,monospace;margin-top:25px}.tech-verifier{padding:26px;border:1px solid var(--tech-line);background:var(--tech-panel)}.tech-result{white-space:pre-wrap;overflow-wrap:anywhere;min-height:90px;border-inline-start:2px solid #6c91a5;padding:16px;margin:22px 0 0;color:#b9d5e4;font:14px/1.8 ui-monospace,monospace;background:#030d16}.tech-result[data-result=pass]{border-color:#a8dcca}.tech-result[data-result=fail]{border-color:#eca6a6}.tech-downloads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.tech-downloads a{padding:14px 0;border-bottom:1px solid var(--tech-line);font-size:14px;overflow-wrap:anywhere;min-height:48px}.tech-downloads small{display:block;color:var(--tech-muted);font-size:13px}.tech-inline{color:var(--tech-accent)!important;text-decoration:underline!important;text-underline-offset:4px}
.tech-home{background:#05131d;color:#e7f3f8;border-top:1px solid #8eb8ca35;border-bottom:1px solid #8eb8ca35;padding:62px 6vw}.tech-home-inner{max-width:1300px;margin:auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:65px;align-items:center}.tech-home h2{font-size:clamp(29px,3.1vw,44px);font-weight:500;line-height:1.35;letter-spacing:-.035em;margin:0 0 18px;text-wrap:balance}.tech-home p{font-size:16px;line-height:1.9;color:#aec6d5;max-width:630px}.tech-home .tech-eyebrow{font-size:13px;margin:0 0 18px;color:#a1d7ee}.tech-home-index{display:grid;gap:0;border-top:1px solid #8eb8ca35}.tech-home-index a{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:17px 0;border-bottom:1px solid #8eb8ca35;font-size:16px}.tech-home-index span{font:13px/1.7 ui-monospace,monospace;color:#9abbce}.tech-home-note{font-size:13px!important;margin:14px 0 0!important}.tech-doc-entry{border:1px solid #8eb8ca45;background:#09202d;padding:25px;margin:28px 0}.tech-doc-entry h2{font-size:24px;font-weight:500;margin:0 0 12px}.tech-doc-entry p{color:#b4ccda;margin:0}
@media(max-width:1200px){.site-header{gap:18px}.site-header nav{gap:17px}.tech-layout{grid-template-columns:170px minmax(0,1fr);gap:30px}.tech-layer{grid-template-columns:30px minmax(0,1fr)}.tech-layer p{grid-column:2}.tech-boundaries{grid-template-columns:1fr}.tech-boundaries p{margin-bottom:6px}}
@media(max-width:850px){.tech-header{gap:16px;flex-wrap:wrap}.tech-header nav{order:3;width:100%;gap:24px;flex-wrap:wrap}.tech-layout{grid-template-columns:1fr;gap:30px}.tech-sidebar{position:static;display:flex;gap:8px 18px;flex-wrap:wrap}.tech-sidebar .tech-eyebrow{width:100%;margin:0}.tech-sidebar a{font-size:14px;padding:5px 0}.tech-hero{padding-top:42px}.tech-home-inner{grid-template-columns:1fr;gap:30px}.tech-shell{padding-bottom:40px}.tech-table th,.tech-table td{padding:13px}.tech-table{min-width:580px}.tech-home{padding:44px 6vw}}
@media(max-width:560px){.tech-brand img{width:155px}.tech-header{padding:16px 6vw}.tech-shell{padding-inline:6vw}.tech-hero h1{font-size:35px;line-height:1.2;letter-spacing:-.035em}.tech-hero>p:not(.tech-eyebrow){font-size:17px}.tech-section{margin-bottom:46px}.tech-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-flow li{padding:17px}.tech-flow p{font-size:14px}.tech-layer{padding:18px;gap:8px 12px}.tech-security,.tech-downloads{grid-template-columns:1fr}.tech-status-row{grid-template-columns:1fr;gap:7px}.tech-verifier{padding:18px}.tech-code{padding:17px;font-size:13px}.tech-button{font-size:14px}.tech-actions{gap:10px}.tech-home h2{font-size:30px}.tech-header nav{font-size:14px}}
@media(prefers-reduced-motion:reduce){.tech-page{scroll-behavior:auto}}

/* Responsive QA refinements. */
.tech-scroll-hint{display:none}
.tech-code-label{flex-wrap:wrap;gap:6px 20px}
@media(max-width:850px){.tech-section .tech-scroll-hint{display:block;font-size:14px;color:var(--tech-accent);margin:18px 0 8px}.tech-scroll-hint+.tech-table-wrap{margin-top:0}}
@media(max-width:560px){.tech-header nav{gap:12px;justify-content:space-between}.tech-header nav a{min-height:44px;display:flex;align-items:center}}

/* Engineering reference v0.2. All task output is rendered as editable text. */
.eng-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0}.eng-cards article{min-width:0;padding:23px;border:1px solid var(--tech-line);background:var(--tech-panel);display:flex;flex-direction:column}.eng-cards p{font-size:15px;margin-bottom:16px}.eng-cards .tech-inline{margin-top:auto;font-size:14px}.eng-cards article:last-child:nth-child(odd){grid-column:1/-1}.eng-references{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.eng-references article{padding:22px 0;border-top:1px solid var(--tech-line);min-width:0}.eng-references .tech-eyebrow{margin:0 0 10px}.eng-references p{font-size:15px}.eng-legacy{border:1px solid var(--tech-line);padding:24px;margin:0 0 50px}.eng-legacy summary{font-size:19px;cursor:pointer;min-height:44px}.eng-legacy>p{color:var(--tech-muted);margin:18px 0 30px}.eng-legacy .tech-section{margin-bottom:42px}.reference-lab{border:1px solid var(--tech-line);padding:26px;background:var(--tech-panel)}.reference-lab .tech-note{margin:0 0 23px}.reference-lab label{display:block;color:#d8eaf5;font-size:14px;margin:20px 0 8px}.reference-lab textarea,.reference-lab input{display:block;width:100%;max-width:100%;border:1px solid #7298ac;background:#030d16;color:#dbeaf2;padding:13px 15px;border-radius:3px;font:15px/1.8 ui-monospace,Consolas,monospace;resize:vertical}.reference-lab textarea:focus,.reference-lab input:focus{border-color:#c0eaff}.reference-lab textarea{min-height:100px}.reference-lab .lab-output{min-height:280px;white-space:pre;overflow:auto}.lab-options{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:22px;align-items:start}.reference-lab .tech-button:disabled{cursor:not-allowed;opacity:.45}.reference-lab .tech-result{min-height:90px}.reference-lab .tech-actions{margin-top:20px}
@media(max-width:650px){.eng-cards,.eng-references{grid-template-columns:1fr}.eng-cards article{padding:19px}.eng-legacy{padding:17px}.reference-lab{padding:18px}.lab-options{grid-template-columns:1fr;gap:0}.reference-lab textarea,.reference-lab input{font-size:16px}.reference-lab .tech-actions{gap:10px}.eng-references{gap:12px}}
