.tech-page{padding:3rem 0 5rem}.tech-page .page-header{max-width:900px;margin-bottom:2.75rem}.tech-page .header-label{font-family:var(--font-mono);color:var(--primary);letter-spacing:.08em;margin-bottom:.65rem;font-size:.8rem;font-weight:700;display:block}.tech-page .page-header h1{color:var(--text-main);margin-bottom:1.25rem;font-size:clamp(2rem,3.5vw,2.75rem);line-height:1.18}.tech-page .lead-desc{color:var(--text-muted);margin-bottom:2rem;font-size:1.15rem;line-height:1.68}.tech-page .tech-summary-grid{border-top:1px solid var(--border-color);grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem;padding-top:1.75rem;display:grid}.tech-page .summary-item{background:var(--bg-alt);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;padding:.9rem 1.1rem;display:flex}.tech-page .summary-num{font-family:var(--font-heading);color:var(--primary);font-size:1.15rem;font-weight:700;line-height:1.2}.tech-page .summary-label{color:var(--text-muted);margin-top:.25rem;font-size:.78rem;line-height:1.4}.tech-page .filter-section{margin-bottom:2.5rem}.tech-page .filter-nav{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.tech-page .filter-chip,.tech-page .seg-btn{user-select:none;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:1px solid var(--border-color,#e2e8f0)!important;font-family:var(--font-body)!important;color:#475569!important;cursor:pointer!important;white-space:nowrap!important;background:#fff!important;border-radius:9999px!important;outline:none!important;align-items:center!important;gap:.45rem!important;margin:0!important;padding:.44rem .85rem!important;font-size:.83rem!important;font-weight:600!important;line-height:1.3!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;display:inline-flex!important;box-shadow:0 1px 3px #0000000a!important}.tech-page .filter-chip:hover,.tech-page .seg-btn:hover{transform:translateY(-1px);color:var(--text-main,#1a202c)!important;background:#f8fafc!important;border-color:#cbd5e1!important;box-shadow:0 4px 10px #0000000f!important}.tech-page .filter-chip:focus-visible,.tech-page .seg-btn:focus-visible{border-color:var(--primary)!important;box-shadow:0 0 0 3px #2b6cb040!important}.tech-page .filter-chip.active,.tech-page .seg-btn.active{transform:translateY(-1px);background:var(--primary,#2b6cb0)!important;border-color:var(--primary,#2b6cb0)!important;color:#fff!important;font-weight:700!important;box-shadow:0 4px 14px #2b6cb059!important}.tech-page .filter-chip .chip-icon,.tech-page .filter-chip .seg-icon{flex-shrink:0;transition:opacity .15s,color .15s;opacity:.7!important}.tech-page .filter-chip:hover .chip-icon,.tech-page .filter-chip:hover .seg-icon{opacity:1!important;color:var(--primary,#2b6cb0)!important}.tech-page .filter-chip.active .chip-icon,.tech-page .filter-chip.active .seg-icon{opacity:1!important;color:#fff!important}.tech-page .chip-count,.tech-page .seg-count{font-size:.74rem!important;font-family:var(--font-mono)!important;color:#64748b!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:9999px!important;padding:.12rem .5rem!important;font-weight:700!important;line-height:1.2!important;transition:all .15s!important;display:inline-block!important}.tech-page .filter-chip:hover .chip-count,.tech-page .seg-btn:hover .seg-count{color:#1e293b!important;background:#e2e8f0!important}.tech-page .filter-chip.active .chip-count,.tech-page .seg-btn.active .seg-count{color:#fff!important;background:#ffffff38!important;border-color:#ffffff4d!important}.tech-page .tech-grid{grid-template-columns:repeat(auto-fill,minmax(370px,1fr));gap:1.75rem;display:grid}.tech-page .tech-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;flex-direction:column;padding:1.75rem;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s;display:flex;box-shadow:0 1px 3px #00000008}.tech-page .tech-card:hover{border-color:#2b6cb059;transform:translateY(-3px);box-shadow:0 8px 24px #00000012}.tech-page .tech-card-top{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.1rem;display:flex}.tech-page .tech-card-identity{flex:1;align-items:center;gap:.9rem;min-width:0;display:flex}.tech-page .tech-logo-wrap{border:1px solid var(--border-color,#e2e8f0)!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;color:var(--brand-color)!important;background:#fff!important;border-radius:12px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;transition:transform .2s,box-shadow .2s,border-color .2s!important;display:flex!important;box-shadow:0 2px 5px #0000000a!important}.tech-page .tech-card:hover .tech-logo-wrap{border-color:var(--brand-color);transform:scale(1.08);box-shadow:0 4px 12px #00000014}.tech-page .tech-logo-svg{fill:currentColor!important;flex-shrink:0!important;width:26px!important;min-width:26px!important;max-width:26px!important;height:26px!important;min-height:26px!important;max-height:26px!important;display:block!important}.tech-page .tech-title-wrap{flex-direction:column;min-width:0;display:flex}.tech-page .tech-category-pill{text-transform:uppercase;color:var(--primary);letter-spacing:.05em;font-size:.7rem;font-weight:700;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.2rem;overflow:hidden}.tech-page .tech-title{color:var(--text-main);word-break:break-word;margin:0;font-size:1.35rem;line-height:1.25}.tech-page .tech-status-badge{color:#16a34a;font-size:.74rem;font-weight:700;font-family:var(--font-mono);white-space:nowrap;background:#16a34a14;border-radius:9999px;flex-shrink:0;align-items:center;gap:.35rem;padding:.25rem .6rem;display:inline-flex}.tech-page .pulse-dot{background-color:#16a34a;border-radius:50%;width:6px;height:6px;display:inline-block}.tech-page .tech-details{flex-direction:column;flex-grow:1;gap:.8rem;margin-bottom:1.5rem;display:flex}.tech-page .detail-row{color:var(--text-muted);font-size:.94rem;line-height:1.55}.tech-page .detail-label{color:var(--text-main);margin-right:.35rem;font-size:.9rem}.tech-page .detail-text{margin:0;display:inline}.tech-page .alternatives-list{font-family:var(--font-mono);font-size:.86rem}.tech-page .text-limitation{background:#dc26260a;border-left:3px solid #dc2626;border-radius:4px;padding:.6rem .85rem}.tech-page .text-limitation .detail-label{color:#b91c1c}.tech-page .text-limitation .detail-text{color:#7f1d1d}.tech-page .personal-note{background:var(--bg-alt);border:1px solid var(--border-color);border-left:3px solid var(--primary);border-radius:6px;margin-top:.5rem;padding:.9rem 1.05rem}.tech-page .personal-note-header{color:var(--primary);align-items:center;gap:.4rem;margin-bottom:.35rem;font-size:.82rem;display:flex}.tech-page .personal-note p{color:var(--text-main);margin:0;font-size:.9rem;line-height:1.55}.tech-page .tech-card-footer{border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.tech-page .tech-card-footer strong{color:var(--text-main)}@media (width<=900px){.tech-page .tech-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.tech-page .tech-summary-grid,.tech-page .tech-grid{grid-template-columns:1fr}.tech-page .filter-section{-webkit-overflow-scrolling:touch;padding-bottom:.5rem;overflow-x:auto}.tech-page .filter-nav{flex-wrap:nowrap}.tech-page .filter-chip{flex-shrink:0}.tech-page .tech-card-top{flex-direction:column;gap:.75rem}.tech-page .tech-status-badge{align-self:flex-start}}