.tech-web{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5)}.tech-item{display:flex;align-items:center;gap:var(--sp-4);min-width:0}.tech-web>.tech-item{padding:var(--sp-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}.tech-item img{object-fit:contain;flex:0 0 36px}.tech-item strong{display:block;font-size:var(--fs-m)}.tech-item span{display:block;font-size:var(--fs-s);color:var(--text-2)}.tech-host{display:flex;gap:var(--sp-8);align-items:center;margin-top:var(--sp-8);padding:var(--sp-6);border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}.tech-host a{flex:0 0 152px}.tech-host img{object-fit:contain}.tech-host p,.tech-stage p{font-size:var(--fs-s);color:var(--text-2)}.tech-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5);counter-reset:stage}.tech-stage{min-width:0;padding:var(--sp-8);border:1px solid var(--line);background:var(--surface);border-radius:var(--r);position:relative}.tech-step{display:block;font:var(--fs-2xs) var(--font-mono);letter-spacing:.1em;color:var(--pink-t);margin-bottom:var(--sp-6)}.tech-stage h3{font-size:var(--fs-xl);margin-bottom:var(--sp-6)}.tech-stage .tech-item{margin:var(--sp-5) 0}.tech-stage p{margin-top:var(--sp-6)}.tech-files{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.tech-files span{padding:var(--sp-2) var(--sp-3);background:var(--bg);border:1px solid var(--line);border-radius:var(--r);font:var(--fs-xs) var(--font-mono)}.tech-note{margin-top:var(--sp-6);color:var(--text-2);font-size:var(--fs-s);max-width:850px}.tech-section .sec-head{margin-bottom:var(--sp-10)}
@media(max-width:900px){.tech-flow{grid-template-columns:1fr}.tech-web{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.tech-web{grid-template-columns:1fr}.tech-stage{padding:var(--sp-6)}.tech-host{align-items:flex-start;flex-direction:column;gap:var(--sp-4)}.tech-host a{flex-basis:auto}}