.tech-panel { max-width:960px; margin:auto; padding:20px; line-height:1.55; }
.tech-heading { display:flex; justify-content:space-between; align-items:start; gap:12px; }
.tech-heading h2 { margin:0; font-size:26px; line-height:1.2; }
.tech-eyebrow,.tech-meta { color:var(--text2); font-size:12px; }
.tech-eyebrow { margin:0 0 8px; font-weight:600; }
.tech-panel button,.tech-panel select { min-height:44px; padding:9px 12px; border:1px solid var(--border); border-radius:10px; background:var(--glass-bg); color:var(--text); font:inherit; }
.tech-panel button { cursor:pointer; white-space:nowrap; }
.tech-platforms { border:1px solid var(--border); border-radius:12px; padding:12px; background:var(--glass-bg); }
.tech-platforms summary { cursor:pointer; min-height:32px; font-weight:600; }
.tech-filters { display:flex; flex-wrap:wrap; gap:12px; margin-top:20px; }
.tech-filters label { display:grid; gap:6px; flex:1; min-width:180px; font-size:13px; }
.tech-events { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:16px; }
.tech-event { padding:18px; border:1px solid var(--border); border-radius:16px; background:var(--glass-bg); overflow-wrap:anywhere; }
.tech-event h3 { margin:0 0 12px; font-size:20px; line-height:1.3; }
.tech-access { font-weight:600; font-size:13px; }
.tech-panel a { color:var(--gold); }
.tech-link a { display:inline-flex; align-items:center; min-height:44px; }
.tech-panel :focus-visible { outline:2px solid #007aff; outline-offset:3px; }
@media(max-width:500px) { .tech-panel {padding:16px;} .tech-heading h2 {font-size:22px;} }
