/* Technology guide — 22 October 2026 */
.tech{--ink:#062239;--cyan:#67e5ee;--mint:#b5f1cc;--dark:#041421;--faint:#a3bfd0}
.tech-hero{background:var(--dark);color:#fff;position:relative;overflow:hidden;border-bottom:1px solid #1a4857}
.tech-hero:before,.tech-lab:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#73cedb08 1px,transparent 1px),linear-gradient(90deg,#73cedb08 1px,transparent 1px);background-size:48px 48px}
.tech-hero-inner{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center;padding-block:70px 55px;position:relative}
.tech .eyebrow{font-family:'Courier New',monospace;letter-spacing:.1em}
.tech-hero .eyebrow,.tech-lab .eyebrow,.tech-cinema .eyebrow{color:var(--cyan)}
.tech-hero h1{font-size:clamp(48px,5.3vw,82px);line-height:1.02;letter-spacing:-.055em;margin:22px 0;color:#fff}
.tech-hero h1 em{font-style:normal;color:var(--cyan)}
.tech-hero p{color:#c1d6df;max-width:620px;line-height:1.8}
.tech-hero .button{color:var(--cyan);border-color:#468695}.tech-hero .button.primary{background:var(--cyan);color:#042239;border-color:var(--cyan)}
.tech-kicker{font:11px/1.6 'Courier New',monospace;letter-spacing:.1em;color:var(--faint);margin-top:22px}
.tech-screen{border:1px solid #285369;background:linear-gradient(135deg,#0a2839,#03101c);position:relative;min-width:0;box-shadow:0 20px 70px #0005}
.tech-screen-head{display:flex;justify-content:space-between;gap:14px;padding:14px 18px;border-bottom:1px solid #285369;font:10px/1.5 'Courier New',monospace;color:#c0dce5;letter-spacing:.08em}
.tech-screen canvas{display:block;width:100%;aspect-ratio:1.65;height:auto}.tech-screen .tech-screen-label{padding:0 18px 13px;color:#a2c8d8;font:11px/1.5 'Courier New',monospace;margin:0}
.tech-switches{display:flex;flex-wrap:wrap;gap:7px;padding:0 16px 16px}.tech-switches button,.tech-pause{border:1px solid #3a6171;background:#0d2d3d;color:#d9edf4;font:12px/1.3 system-ui;padding:9px 12px;min-height:40px;cursor:pointer}.tech-switches button[aria-pressed=true]{background:var(--cyan);color:#062239;border-color:var(--cyan)}
.tech-subnav{background:#fff;border-bottom:1px solid #cadbe5}.tech-subnav .wrap{display:flex;gap:25px;overflow:auto;padding-block:18px}.tech-subnav a{font-size:12px;font-weight:650;white-space:nowrap;text-decoration:none;color:#244b67}.tech-subnav a[aria-current=page]{color:#164bfa;border-bottom:2px solid}
.tech-section{padding-block:76px}.tech-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px}.tech h2{font-size:clamp(34px,3.5vw,54px);letter-spacing:-.05em}.tech p,.tech li{line-height:1.8}.tech-intro p{font-size:17px;color:#466174}.tech-intro h2{margin-top:18px}
.tech-chapters{counter-reset:chapter;border-top:1px solid #bfd2de}.tech-chapter{display:grid;grid-template-columns:55px .9fr 1fr 32px;align-items:center;gap:26px;border-bottom:1px solid #bfd2de;padding:30px 10px;text-decoration:none!important;color:var(--ink);transition:background .2s}.tech-chapter:hover{background:#e9f7fc}.tech-chapter .num{font:28px 'Courier New',monospace;color:#2c7794}.tech-chapter h3{font-size:25px;margin:0 0 10px}.tech-chapter p{color:#4a6478;font-size:14px;margin:0}.tech-state{font:10px/1.5 'Courier New',monospace;letter-spacing:.08em;color:#27657c}.tech-chapter .arrow{font-size:30px;color:#164bfa}
.tech-lab{position:relative;background:var(--dark);color:#fff}.tech-lab .wrap{position:relative}.tech-lab h2,.tech-cinema h2{color:white}.tech-lab p,.tech-cinema p{color:#bdd0dc}.tech-lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.tech-model{border:1px solid #315667;padding:26px;background:#092332}.tech-model h3{color:white;font-size:25px}.tech-model label{display:block;font-size:13px;color:#c7dce7;margin-block:20px}.tech-model input{display:block;width:100%;accent-color:var(--cyan);margin:12px 0}.tech-model input[type=number]{color:white;background:#041421;border:1px solid #3e6b80;padding:12px;font:16px system-ui}.tech-model-output{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid #315667;padding-top:22px}.tech-model-output strong{display:block;font-size:32px;font-weight:600;letter-spacing:-.04em;color:var(--cyan)}.tech-model-output span{font:11px/1.5 'Courier New',monospace;color:#b4d0df}.tech-model small{display:block;color:#b2cad8;line-height:1.7;margin-top:20px}.tech-meter{height:12px;background:#163e51;margin-top:18px}.tech-meter i{display:block;height:100%;background:var(--cyan);width:80%;transition:width .18s}
.tech-cinema{background:#062638;color:white}.tech-film-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.tech-film{min-width:0}.tech-film video{display:block;width:100%;aspect-ratio:16/9;background:#03101c;border:1px solid #31596b}.tech-film h3{font-size:23px;color:white;margin:20px 0 10px}.tech-film .film-meta{font:11px 'Courier New',monospace;color:var(--cyan);letter-spacing:.08em}.tech-film p{font-size:14px}.tech-film a{color:var(--cyan)}.tech-film details{font-size:13px;line-height:1.7;border-top:1px solid #31596b;padding:14px 0;color:#d5e7ef}.tech-film summary{cursor:pointer;font-weight:600}.tech-film details p{color:#d5e7ef}.tech-film .video-error{padding:15px;border:1px solid #e4b665;color:#ffe0a1}
.tech-article-head{padding-block:58px;border-bottom:1px solid #c5d8e2;background:#eff8fb}.tech-article-head h1{font-size:clamp(40px,5.2vw,76px);max-width:1100px;margin:22px 0}.tech-article-head .dek{max-width:820px;font-size:19px;color:#3d6177;line-height:1.7}.tech-breadcrumb{font:12px 'Courier New',monospace;color:#476e81}.tech-breadcrumb a{color:inherit}.tech-article{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:70px;align-items:start}.tech-prose{max-width:880px;min-width:0}.tech-prose h2{font-size:37px;margin-top:54px}.tech-prose h2:first-child{margin-top:0}.tech-prose h3{font-size:25px;margin-top:34px}.tech-prose p,.tech-prose li{font-size:16px;color:#34576d}.tech-prose ul,.tech-prose ol{padding-left:24px}.tech-prose a{color:#1453c2}.tech-note{border-left:3px solid #20a7c4;background:#edf7fa;padding:22px;margin-block:28px}.tech-note strong{color:#06334a}.tech-note p{margin:8px 0 0}.tech-equation{background:#062638;color:#b8f6ef;padding:23px;margin-block:26px;overflow-x:auto;font:17px/1.7 'Courier New',monospace;white-space:normal}.tech-equation small{display:block;color:#d1e4ed;font:13px/1.75 system-ui;margin-top:12px}.tech-aside{border-top:3px solid #164bfa;padding-top:24px;position:sticky;top:100px}.tech-aside h3{font-size:21px}.tech-aside p{font-size:13px;color:#4c6b7d}.tech-aside a{display:block;border-bottom:1px solid #c5d8e2;padding:13px 0;font-size:13px;color:#154cad;text-decoration:none}.tech-table{overflow:auto}.tech-table table{width:100%;border-collapse:collapse;font-size:14px}.tech-table th,.tech-table td{padding:16px;border:1px solid #bed0dd;text-align:left;vertical-align:top;line-height:1.6}.tech-table th{background:#eff7fc;color:#153b56}.tech-sources li{padding:18px 0;border-bottom:1px solid #c5d8e2}.tech-sources a{font-weight:650;overflow-wrap:anywhere}.tech-sources p{margin:8px 0;font-size:14px}.tech-next{background:#174cf5;color:white}.tech-next p{color:#dcecff}.tech-next h2{color:white}.tech-next .button{border-color:#b9edff;color:white}.tech-home-link{background:#eaf7fc;border-block:1px solid #bbdce6;padding-block:45px}.tech-home-link .wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}.tech-home-link h2{font-size:38px;margin:8px 0}.tech-home-link p{margin:0;max-width:630px;color:#466477}.tech-home-link .button{flex-shrink:0}.tech-status-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.tech-status-row div{border-top:2px solid #21a9bc;padding-top:15px}.tech-status-row strong{display:block;color:#0b3d55;margin-bottom:8px}.tech-status-row p{font-size:14px}.tech-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#2f5668;border:1px solid #2f5668;margin-top:40px}.tech-steps div{background:#062638;padding:24px}.tech-steps b{font:26px 'Courier New',monospace;color:var(--cyan)}.tech-steps h3{font-size:19px;color:white}.tech-steps p{font-size:13px}
.tech :focus-visible{outline:3px solid #e49421;outline-offset:4px}.tech [hidden]{display:none!important}
@media(max-width:1000px){.tech-hero-inner{gap:25px}.tech-hero h1{font-size:58px}.tech-article{grid-template-columns:minmax(0,1fr) 215px;gap:35px}.tech-chapter{grid-template-columns:40px 1fr 1fr 25px;gap:18px}}
@media(max-width:760px){.tech-hero-inner,.tech-intro,.tech-lab-grid,.tech-film-grid,.tech-article{grid-template-columns:1fr;gap:30px}.tech-hero-inner{padding-block:45px}.tech-hero h1{font-size:clamp(43px,10vw,65px)}.tech-chapter{grid-template-columns:35px 1fr 24px;gap:12px;padding-block:24px}.tech-chapter>p{grid-column:2/3;grid-row:2}.tech-chapter .arrow{grid-column:3;grid-row:1}.tech-chapter h3{font-size:24px}.tech-section{padding-block:48px}.tech-aside{position:static}.tech-status-row{grid-template-columns:1fr}.tech-steps{grid-template-columns:1fr 1fr}.tech-model{padding:20px}.tech-home-link .wrap{display:block}.tech-home-link .button{margin-top:22px}.tech-article-head .dek{font-size:17px}.tech-prose h2{font-size:31px}.tech-article-head{padding-block:40px}.tech-screen-head{font-size:9px}.tech-subnav .wrap{gap:20px}}
@media(prefers-reduced-motion:reduce){.tech *{scroll-behavior:auto!important;transition:none!important}}