.tech-page{padding:0 6%}.tech-intro{padding:60px 0 45px;border-bottom:1px solid var(--line)}.tech-intro h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(34px,5vw,68px);line-height:1.08;letter-spacing:-2px;text-transform:none;margin:18px 0 24px;font-weight:800}.tech-intro>p:not(.eyebrow){font-size:19px;line-height:1.65;max-width:760px;color:#53606c}.tech-jumps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:35px}.tech-jumps a{background:#fff;border:1px solid #ced4dc;padding:18px;color:#18263e;text-decoration:none;display:flex;flex-direction:column;gap:7px}.tech-jumps strong{font-size:25px;color:#2951ff}.tech-jumps span{font-size:14px;line-height:1.4}.tech-jumps a:hover{border-color:#2951ff;background:#f1f4ff}.tech-chapter{display:grid;grid-template-columns:1.05fr 1fr;gap:6%;padding:60px 0;border-bottom:1px solid var(--line);scroll-margin-top:30px}.tech-image-side{min-width:0}.tech-chapter figure{margin:0}.tech-chapter figure img{display:block;width:100%;height:320px;object-fit:contain;background:#f1f3f5}.tech-chapter:first-of-type figure img{object-fit:cover}.tech-chapter figcaption{position:static;inset:auto;z-index:auto;font-weight:400;align-items:start;justify-content:start;display:grid;gap:6px;padding:15px 0 20px;font-size:13px;line-height:1.6;color:#5d6772}.tech-chapter figcaption strong{font-size:16px;color:#1b283c}.tech-chapter a{color:#2345d6;text-underline-offset:3px}.flow-box{background:#152842;color:#fff;padding:24px;margin-top:8px}.flow-label{font-size:12px;letter-spacing:1px;margin:0 0 18px;font-weight:700}.energy-flow{display:flex;flex-wrap:wrap;gap:14px 24px;padding:0;list-style:none;margin:0}.energy-flow li{flex:1;min-width:85px;border:1px solid #61748c;padding:12px 9px;font-size:14px;line-height:1.5;position:relative;background:#203b5b}.energy-flow li:not(:last-child)::after{content:'→';position:absolute;right:-20px;top:calc(50% - 12px);color:#93bbff}.flow-note{font-size:12px;line-height:1.6;color:#c2cddd;margin:18px 0 0}.tech-code{color:#2951ff;font-size:14px;font-weight:700;letter-spacing:1px;margin:0 0 15px}.tech-copy h2{font-size:clamp(29px,3.2vw,44px);letter-spacing:-1.5px;line-height:1.1;margin:0 0 20px}.tech-copy .tech-tag{font-size:14px;background:#e8eeff;padding:12px 14px;color:#183797;display:inline-block;line-height:1.5;margin:0 0 18px}.tech-copy>p{font-size:16px;line-height:1.75;color:#4f5c69}.tech-copy h3{font-size:18px;margin:24px 0 8px}.tech-copy .tech-source{font-size:13px;line-height:1.65;margin-top:24px}.tech-catalog{display:inline-block;margin-top:8px;font-size:15px;font-weight:700}.tech-summary,.tech-reading{padding:48px 0;border-bottom:1px solid var(--line)}.tech-summary h2,.tech-reading h2{font-size:clamp(28px,3.5vw,44px);letter-spacing:-1.3px;line-height:1.15}.tech-table-wrap{overflow:auto;border:1px solid #cbd3df}.tech-table-wrap table{border-collapse:collapse;width:100%;background:#fff;text-align:left;font-size:15px;line-height:1.6}.tech-table-wrap td,.tech-table-wrap th{padding:18px;border:1px solid #d6dce5;min-width:135px;vertical-align:top}.tech-table-wrap th{background:#edf1fa}.tech-table-wrap thead th{background:#152842;color:#fff}.tech-reading>div:not(.tech-next){display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.tech-reading article{border-top:3px solid #2951ff;padding-top:8px}.tech-reading h3{font-size:22px}.tech-reading p{font-size:16px;color:#4f5c69;line-height:1.7}.tech-reading .tech-source{font-size:13px;margin-top:28px}.tech-next{display:flex;flex-wrap:wrap;gap:15px 30px;padding-top:20px}.tech-next a{color:#2345d6;font-size:16px;font-weight:700}.tech-page :focus-visible{outline:3px solid #2951ff;outline-offset:4px}
@media(max-width:850px){.tech-jumps{grid-template-columns:repeat(3,1fr)}.tech-chapter{gap:30px}.tech-chapter figure img{height:250px}.energy-flow{display:grid;grid-template-columns:1fr;gap:24px}.energy-flow li:not(:last-child)::after{content:'↓';top:auto;right:calc(50% - 5px);bottom:-24px}}
@media(max-width:650px){.tech-intro{padding:35px 0}.tech-intro h1{font-size:38px;letter-spacing:-1.5px}.tech-intro>p:not(.eyebrow){font-size:17px}.tech-jumps{grid-template-columns:repeat(2,1fr);gap:10px}.tech-jumps a{padding:15px}.tech-chapter{grid-template-columns:1fr;padding:38px 0;gap:26px}.tech-copy{grid-row:1}.tech-chapter figure img{height:250px}.tech-copy h2{font-size:34px}.tech-reading>div:not(.tech-next){grid-template-columns:1fr;gap:12px}.tech-table-wrap td,.tech-table-wrap th{padding:14px;font-size:14px}.tech-intro .eyebrow{font-size:12px}}