.technology-index .fx-index-sum,.technology-index>summary:after{font-size:12px}
.tech-browse-controls{display:flex;align-items:end;flex-wrap:wrap;gap:14px 24px;margin:14px 0}
.tech-browse-controls>label:first-child{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:12px;flex:1;min-width:180px;max-width:360px}
.tech-browse-controls input[type=search]{font:inherit;font-size:16px;color:var(--ink);background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:9px 11px;min-width:0;width:100%}
.tech-browse-controls .checkbox-label{min-height:40px;font-size:12px;white-space:normal}
.tech-browse-controls .text-button{font-size:12px;min-height:40px}
.tech-browse-coverage,.tech-browse-detail,.tech-browse-note{font-size:12px;color:var(--muted);line-height:1.6;margin:12px 0}
.tech-browse-detail{color:var(--ink-2);border-top:1px solid var(--line);padding-top:12px}
.tech-browse-group{margin:12px 0;min-width:0}
.tech-browse-group>summary{font-size:12px;color:var(--ink-2);font-weight:600;padding:7px 0;cursor:pointer}
.tech-browse-group>summary span{font-weight:400;color:var(--muted);margin-left:5px}
.technology-index .tech-pill,.technology-index .tech-pill b{font-size:12px}
.technology-index .tech-pill{max-width:100%;text-align:left;white-space:normal}
.technology-index .tech-pill span{overflow-wrap:anywhere}
.technology-index .tech-pill b{flex:none}
.technology-index input:focus-visible,.tech-browse-group>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(pointer:coarse){.technology-index .tech-pill{min-height:44px}.tech-browse-group>summary{min-height:44px;display:list-item}.tech-browse-controls .checkbox-label{min-height:44px}}
@media(max-width:520px){.tech-browse-controls{gap:10px;align-items:stretch}.tech-browse-controls>label:first-child{max-width:none;min-width:0;flex-basis:100%}.tech-browse-controls .checkbox-label{width:100%}.tech-browse-controls .text-button{margin-right:auto}.technology-index>summary{padding:12px}.technology-index .fx-index-body{padding:0 12px 12px}}
.technology-index .tech-extra{font-size:12px;color:var(--muted);font-weight:400;flex:none}
.technology-index .tech-pill-past>span{color:var(--muted)}
.tech-logo{display:inline-block;flex:none;width:16px;height:16px;background:currentColor;-webkit-mask:var(--tech-logo) center/contain no-repeat;mask:var(--tech-logo) center/contain no-repeat}
.tech-glyph{background:none;-webkit-mask:none;mask:none}
.tech-glyph .icon{display:block;width:16px;height:16px;color:currentColor}
.tech-fallback{opacity:.55}
.tech-browse-note a{color:inherit}
.technology-index .tech-pill.on .tech-extra{color:inherit;opacity:.85}
.tech-card-head strong .tech-logo{margin-right:6px;vertical-align:-3px}
.tech-logo-img{object-fit:contain;border-radius:3px;background:none;-webkit-mask:none;mask:none}
.tech-compact{display:grid;gap:12px;margin-bottom:16px}
.tech-compact-row h4{font-size:12px;color:var(--muted);font-weight:600;margin:0 0 6px}
.tech-chips{display:flex;flex-wrap:wrap;gap:6px}
.tech-chip{display:inline-flex;align-items:center;gap:7px;min-height:34px;font:inherit;font-size:var(--fs-sm);color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:5px 12px 5px 8px}
.tech-chip .tech-logo{width:20px;height:20px}
.tech-chip small{font-size:12px;color:var(--muted)}
button.tech-chip{cursor:pointer}
button.tech-chip:hover{border-color:var(--line-strong)}
button.tech-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.tech-chip-text{color:var(--muted)}
.tech-details>.tech-web-review{margin-top:12px}
.tech-details .tech-groups{margin-top:12px}
@media(pointer:coarse){button.tech-chip{min-height:44px}}
.tech-colour .tech-logo[style]{background:var(--tech-light,currentColor)}
:root[data-theme="dark"] .tech-colour .tech-logo[style]{background:var(--tech-dark,currentColor)}
@media (prefers-color-scheme:dark){:root:where(:not([data-theme="light"])) .tech-colour .tech-logo[style]{background:var(--tech-dark,currentColor)}}