.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.qr-page{width:min(1180px,calc(100% - 32px));margin:auto;padding:52px 0 80px}.qr-hero{display:grid;grid-template-columns:1fr 310px;gap:44px;align-items:end;padding-bottom:30px;border-bottom:1px solid var(--line)}.qr-hero h1{font:500 clamp(40px,5.3vw,66px)/1 var(--display);letter-spacing:-.04em;margin:10px 0 14px}.qr-hero p{max-width:790px;color:var(--muted);font-size:16px;margin:0}.qr-count-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:19px;display:grid;gap:4px}.qr-count{font:600 36px/1 var(--display);color:var(--cyan)}.qr-count-card strong{font-size:12px}.qr-count-card p{margin:3px 0 0;font-size:12px;color:var(--muted)}
.qr-help{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:20px 0 12px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--line)}.qr-help>div{background:var(--surface);padding:13px 15px;display:grid;gap:2px}.qr-help b{font-size:11px}.qr-help span{font-size:12px;color:var(--muted)}.qr-help code{font:600 11px var(--mono);color:var(--cyan)}
.qr-shortcuts{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:8px 0 20px}.qr-shortcuts>span{font:700 9px var(--mono);letter-spacing:.12em;color:var(--muted);margin-right:4px}.qr-shortcuts button,.qr-reset{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;padding:7px 10px;font:650 11px var(--sans);cursor:pointer}.qr-shortcuts button:hover,.qr-reset:hover{background:var(--surface2);border-color:color-mix(in srgb,var(--cyan) 45%,var(--line))}
.qr-workspace{border-top:1px solid var(--line)}.qr-toolbar-wrap{position:sticky;top:66px;z-index:30;padding:12px 0;background:color-mix(in srgb,var(--bg) 95%,transparent);backdrop-filter:blur(12px)}.qr-toolbar{border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:10px;box-shadow:0 10px 32px rgba(0,0,0,.08)}.qr-search{height:48px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--line);background:var(--paper);border-radius:10px}.qr-search svg{width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:2}.qr-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font:500 14px var(--sans)}.qr-search input::placeholder{color:var(--muted)}kbd{border:1px solid var(--line);background:var(--surface2);border-radius:5px;padding:2px 6px;font:600 10px var(--mono);color:var(--muted)}.qr-filter-row{display:grid;grid-template-columns:1.2fr 1fr .8fr auto;gap:8px;margin-top:8px}.qr-filter-row label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:0 9px;color:var(--muted);font-size:10px;font-weight:700}.qr-filter-row select{width:100%;border:0;outline:0;background:transparent;color:var(--text);padding:9px 0;font:650 11px var(--sans)}.qr-filter-row option{background:var(--surface);color:var(--text)}.qr-reset{border-radius:9px}.qr-search-hint{padding:7px 2px 0;color:var(--muted);font-size:10px}
.qr-results-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 2px 8px;color:var(--muted);font-size:11px}.qr-results-head span{font-weight:800;color:var(--text)}.qr-key{display:flex;align-items:center;gap:6px}.dot{width:7px;height:7px;border-radius:99px;display:inline-block;margin-left:7px}.dot.cli{background:var(--cyan)}.dot.ps{background:var(--violet)}
.qr-results{display:grid;gap:8px}.qr-item{border:1px solid var(--line);background:var(--surface);border-radius:13px;overflow:hidden}.qr-item[open]{border-color:color-mix(in srgb,var(--cyan) 38%,var(--line));box-shadow:0 12px 38px rgba(0,0,0,.08)}.qr-summary{list-style:none;display:grid;grid-template-columns:46px minmax(170px,.7fr) minmax(300px,1.3fr) auto;align-items:center;gap:14px;padding:12px 14px;cursor:pointer}.qr-summary::-webkit-details-marker{display:none}.qr-type{width:36px;height:30px;border-radius:8px;display:grid;place-items:center;font:800 10px var(--mono);border:1px solid var(--line)}.qr-type.cli{color:var(--cyan);background:color-mix(in srgb,var(--cyan) 8%,var(--surface2))}.qr-type.ps{color:var(--violet);background:color-mix(in srgb,var(--violet) 8%,var(--surface2))}.qr-name{min-width:0}.qr-name strong{display:block;font-size:13px;line-height:1.25}.qr-name span{display:block;margin-top:3px;color:var(--muted);font:600 9px var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qr-preview{min-width:0}.qr-preview code{display:block;color:var(--text);font:500 11px/1.45 var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qr-preview small{display:block;color:var(--muted);font-size:10.5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qr-open{font-size:15px;color:var(--muted);transition:transform .15s}.qr-item[open] .qr-open{transform:rotate(90deg);color:var(--cyan)}
.qr-detail{border-top:1px solid var(--line);padding:15px 15px 17px;display:grid;gap:13px}.qr-badges{display:flex;gap:5px;flex-wrap:wrap}.qr-badge{border:1px solid var(--line);border-radius:999px;padding:4px 7px;font:700 9px var(--mono);color:var(--muted)}.qr-badge.warn{color:#e9a876;border-color:color-mix(in srgb,#e9a876 50%,var(--line))}.qr-badge.sec{color:#e6b8ef;border-color:color-mix(in srgb,#c77dde 45%,var(--line))}.qr-block-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:10px}.qr-block{border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:11px 12px}.qr-block h3{margin:0 0 5px;font:800 9px var(--mono);letter-spacing:.1em;color:var(--muted)}.qr-block p{margin:0;font-size:12px;color:var(--text)}.qr-code{display:grid;grid-template-columns:1fr auto;align-items:start;gap:8px;border:1px solid var(--line);background:#101821;border-radius:9px;padding:9px 10px;color:#f2f4f3}.qr-code pre{margin:0;overflow:auto}.qr-code code{font:500 11px/1.55 var(--mono);white-space:pre-wrap}.qr-copy{border:1px solid #40505d;background:#1c2934;color:#dfe7ea;border-radius:6px;padding:5px 7px;font:700 9px var(--sans);cursor:pointer}.qr-copy:hover{background:#263744}.qr-options{display:grid;gap:5px}.qr-option{display:grid;grid-template-columns:minmax(110px,.32fr) 1fr;gap:10px;padding:7px 0;border-top:1px solid var(--line)}.qr-option:first-child{border-top:0;padding-top:0}.qr-option code{font:600 10.5px var(--mono);color:var(--cyan)}.qr-option span{font-size:11px;color:var(--muted)}.qr-warning{border-left:3px solid var(--gold);background:color-mix(in srgb,var(--gold) 7%,var(--paper));padding:10px 11px;border-radius:0 8px 8px 0}.qr-warning b{font:800 9px var(--mono);letter-spacing:.1em;color:var(--gold)}.qr-warning p{margin:3px 0 0;font-size:11.5px}.qr-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.qr-actions a,.qr-actions button{border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:8px;padding:7px 9px;text-decoration:none;font:750 10.5px var(--sans);cursor:pointer}.qr-actions a.primary{border-color:color-mix(in srgb,var(--cyan) 45%,var(--line));color:var(--cyan)}.qr-actions a:hover,.qr-actions button:hover{filter:brightness(1.07)}.qr-meta{margin-left:auto;color:var(--muted);font:600 9px var(--mono)}
.qr-empty{border:1px dashed var(--line);border-radius:14px;padding:36px;text-align:center;color:var(--muted)}.qr-empty strong{display:block;color:var(--text);font-size:14px;margin-bottom:5px}.qr-more{display:block;margin:14px auto 0;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:9px 14px;font:700 11px var(--sans);cursor:pointer}.qr-footer-note{margin-top:32px;padding:16px 18px;border:1px solid var(--line);background:var(--surface);border-radius:13px}.qr-footer-note strong{font-size:12px}.qr-footer-note p{font-size:12px;color:var(--muted);margin:4px 0 0}
mark{background:color-mix(in srgb,var(--why) 35%,transparent);color:inherit;border-radius:2px;padding:0 1px}
@media(max-width:900px){.qr-hero{grid-template-columns:1fr}.qr-help{grid-template-columns:1fr}.qr-filter-row{grid-template-columns:1fr 1fr}.qr-reset{min-height:38px}.qr-summary{grid-template-columns:42px minmax(150px,.8fr) 1fr auto}.qr-block-grid{grid-template-columns:1fr}}
@media(max-width:650px){.qr-page{width:min(100% - 22px,1180px);padding-top:34px}.qr-hero h1{font-size:42px}.qr-toolbar-wrap{top:66px}.qr-filter-row{grid-template-columns:1fr}.qr-summary{grid-template-columns:36px 1fr auto;gap:9px;padding:11px}.qr-preview{grid-column:2/4}.qr-preview small{white-space:normal}.qr-name span{white-space:normal}.qr-detail{padding:13px}.qr-option{grid-template-columns:1fr}.qr-meta{width:100%;margin-left:0}.qr-key{display:none}.qr-shortcuts{padding-bottom:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.qr-more[hidden]{display:none!important}

/* 2026 Quick Ref clarity pass: role + experience browsing */
.qr-filter-row{grid-template-columns:1.15fr 1fr 1fr 1fr .9fr auto}
.qr-badge.level-basic{color:var(--mint);border-color:color-mix(in srgb,var(--mint) 45%,var(--line))}
.qr-badge.level-intermediate{color:var(--blue);border-color:color-mix(in srgb,var(--blue) 45%,var(--line))}
.qr-badge.level-advanced{color:#d2a6e8;border-color:color-mix(in srgb,#d2a6e8 45%,var(--line))}
.qr-badge.pick{color:var(--why);border-color:color-mix(in srgb,var(--why) 45%,var(--line))}
.qr-results{gap:9px}.qr-grouped-intro{display:flex;justify-content:space-between;gap:18px;align-items:baseline;padding:5px 2px 2px}.qr-grouped-intro strong{font-size:12.5px}.qr-grouped-intro span{font-size:11px;color:var(--muted);text-align:right}
.qr-level-group{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:color-mix(in srgb,var(--surface) 35%,transparent)}.qr-level-group>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 14px;background:var(--surface);cursor:pointer}.qr-level-group>summary::-webkit-details-marker{display:none}.qr-level-group>summary span{display:grid;gap:2px}.qr-level-group>summary b{font-size:13px}.qr-level-group>summary small{font-size:10.5px;color:var(--muted);font-weight:500}.qr-level-group>summary strong{margin-left:auto;border:1px solid var(--line);border-radius:999px;padding:4px 7px;font:700 10px var(--mono);color:var(--muted)}.qr-level-group>summary:after{content:'+';font:700 15px var(--mono);color:var(--muted)}.qr-level-group[open]>summary:after{content:'−'}.qr-level-group.basic>summary{box-shadow:inset 3px 0 0 var(--mint)}.qr-level-group.intermediate>summary{box-shadow:inset 3px 0 0 var(--blue)}.qr-level-group.advanced>summary{box-shadow:inset 3px 0 0 #b98bd2}.qr-level-items{display:grid;gap:7px;padding:8px}.qr-level-items .qr-item{margin:0}
@media(max-width:1100px){.qr-filter-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.qr-filter-row{grid-template-columns:1fr 1fr}.qr-grouped-intro{display:grid;gap:3px}.qr-grouped-intro span{text-align:left}}
@media(max-width:520px){.qr-filter-row{grid-template-columns:1fr}.qr-level-group>summary small{display:none}}

/* 2026 Quick Ref refinement */
.qr-filter-row{grid-template-columns:1.1fr 1fr 1fr .9fr .9fr .72fr auto}.qr-level-group>summary{min-height:58px}.qr-grouped-intro{padding-top:10px}.zoom-control{display:inline-flex;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:9px;overflow:hidden;height:34px}.zoom-control button{border:0;background:transparent;color:var(--text);height:32px;min-width:30px;padding:0 8px;font:750 11px var(--mono);cursor:pointer}.zoom-control button+button{border-left:1px solid var(--line)}.zoom-control [data-zoom-value]{min-width:52px;color:var(--muted)}
@media(max-width:1180px){.qr-filter-row{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.qr-filter-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.zoom-control [data-zoom-value]{display:none}.qr-filter-row{grid-template-columns:1fr}}