body.tech-page{background:#06111d url('/assets/ians-space/space-background.webp') center top/cover fixed no-repeat;color:#eef5fa;min-height:100vh;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}.tech-page [hidden]{display:none!important}.tech-page .header{width:min(1176px,calc(100% - 48px));margin:auto;padding:18px 0;min-height:74px;background:rgba(4,14,24,.88);border-bottom:1px solid #254559;display:flex;align-items:center;gap:24px;position:relative}.tech-page .brand{font-size:28px;font-weight:850;letter-spacing:.16em}.header-links{margin-left:auto;display:flex;align-items:center;gap:22px}.header-links a{text-decoration:none;font-size:14px;color:#c0d0dc}.language{display:flex;gap:4px;background:#071923;border:1px solid #29495c;padding:4px;border-radius:24px}.language a{display:block;padding:6px 10px;font-size:11px;font-weight:800;letter-spacing:.06em;border-radius:18px}.language a[aria-current]{background:#6ac7e8;color:#071923}.tech-page .tech-main{max-width:1176px;width:calc(100% - 48px);padding:36px 0 24px;margin:0 auto}.technical-hero{display:grid;grid-template-columns:1.45fr .8fr;gap:48px;align-items:center;margin-bottom:28px}.technical-hero .eyebrow{font-size:11px;letter-spacing:.18em;color:#8fd1e7;margin:0 0 12px}.tech-page .technical-hero h1{font-size:clamp(36px,4.4vw,58px);line-height:1.08;letter-spacing:-.045em;max-width:690px;margin:0 0 18px}.technical-hero p{font-size:15px;color:#bdcfda;line-height:1.65;max-width:630px;margin:0}.technical-hero .directory-summary{font-size:12px;font-weight:650;color:#8fd1e7;margin-top:18px;letter-spacing:.03em}.hero-image{display:block;width:100%;height:220px;object-fit:cover;border:1px solid #396079;border-radius:8px}.directory-search{padding:18px 20px;border:1px solid #294d65;background:rgba(6,23,36,.96);border-radius:8px;margin-bottom:16px}.directory-search label{display:block;font-size:13px;font-weight:650;margin-bottom:10px}.search-field{display:flex;gap:10px}.search-field input{font:inherit;font-size:15px;color:#eaf5fb;background:#03121e;border:1px solid #40657c;border-radius:5px;padding:12px 14px;min-width:0;flex:1}.search-field input::placeholder{color:#9bb0bf}.search-field button,.tech-jump button{font:inherit;color:#cfe2ee;border:1px solid #3b5e74;background:#0b2435;border-radius:5px;padding:10px 16px;cursor:pointer;font-size:13px}.tech-page .tech-jump{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.tech-page .tech-jump a{font-size:13px;text-decoration:none;padding:10px 14px;border:1px solid #325369;border-radius:5px;background:rgba(6,22,35,.96);color:#cfe2ee}.tech-jump a[aria-current],.tech-jump button[aria-pressed=true]{border-color:#70c7e8;background:#15394e;color:#a5e6fd}.search-status{font-size:12px;color:#a4c6d9;margin:0 0 14px;min-height:18px}.empty-state{background:#091e2d;border:1px solid #32566d;border-radius:8px;padding:24px}.tech-page .tech-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.tech-page .tech-group{padding:18px 20px;border-radius:8px;background:rgba(5,23,37,.97);border:1px solid #31526a;scroll-margin-top:24px}.group-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px;min-height:52px}.group-heading img{filter:invert(77%) sepia(32%) saturate(661%) hue-rotate(158deg);width:24px;height:24px;flex:none}.tech-page .tech-group h2{font-size:20px;line-height:1.25;margin:0;letter-spacing:-.02em}.tech-page .tech-group a{display:block;padding:14px 0;margin:0;border-top:1px solid #203f54;text-decoration:none;border-radius:0}.tech-group strong{font-size:14px;line-height:1.35;color:#e5f0f6}.tech-page .tech-group small{display:block;font-size:12px;color:#a7c0cf;line-height:1.5;margin-top:4px}.tech-group a:hover strong{color:#82d1ed}.tech-group a:hover{background:#0b293b}.tech-group details{border-top:1px solid #31536b;margin-top:8px;padding-top:14px}.tech-group summary{font-size:13px;font-weight:650;cursor:pointer;color:#8bd4ee;line-height:1.5;padding:6px 0}.tech-group details a{padding-left:10px}.tech-page .tech-note{font-size:12px;color:#b4cbd9;border:1px solid #31546b;background:rgba(5,23,37,.97);padding:16px 20px;border-radius:8px;margin:22px 0 0;line-height:1.6}.tech-note a{color:#8bd4ee}.technical-footer{width:min(1176px,calc(100% - 48px));margin:auto;border-top:1px solid #29485d;padding:18px 0 28px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#a8bdcb}.technical-footer p{margin:0}.technical-footer a{color:inherit}.tech-page :focus-visible{outline:3px solid #80d3ef;outline-offset:4px}.skip{position:absolute;top:-100px;left:24px;z-index:100;background:#061b2c;color:#e9f5fc;padding:14px}.skip:focus{top:12px}
@media(max-width:950px){.technical-hero{gap:24px;grid-template-columns:1.4fr .8fr}.hero-image{height:200px}.tech-page .tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body.tech-page{background-attachment:scroll}.tech-page .header,.tech-page .tech-main,.technical-footer{width:calc(100% - 32px)}.tech-page .header{gap:12px;padding:14px 0}.tech-page .brand{font-size:24px}.header-links{gap:10px}.header-links .back{font-size:11px;max-width:85px;text-align:right}.language a{padding:6px 8px}.tech-page .tech-main{padding-top:26px}.technical-hero{grid-template-columns:1fr;gap:20px}.tech-page .technical-hero h1{font-size:38px;max-width:370px}.technical-hero p{font-size:14px}.hero-image{height:160px;object-position:center 60%}.directory-search{padding:16px}.search-field{flex-wrap:wrap}.search-field input{width:100%;flex-basis:100%;font-size:16px}.search-field button{padding:8px 12px;font-size:12px}.tech-page .tech-jump a,.tech-jump button{font-size:12px;padding:9px 11px}.tech-page .tech-grid{grid-template-columns:1fr;gap:14px}.group-heading{min-height:36px}.tech-page .tech-group{padding:16px 18px}.tech-group strong{font-size:15px}.tech-page .tech-group small{font-size:13px}.tech-page .tech-group a{padding:15px 0}.technical-footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.tech-page .search-status{background:rgba(4,19,32,.96);border-left:2px solid #70c7e8;padding:8px 12px;width:fit-content;border-radius:3px;color:#c5e2f0}
