/* Short, keyboard-accessible explanations stay in the result card. */
#results-dialog button.result-tile{cursor:pointer;font:inherit;appearance:none}
#results-dialog button.result-tile[aria-expanded="true"]{outline:2px solid var(--result-tile-color);outline-offset:3px}
#results-dialog button.result-tile:focus-visible{outline:2px solid #e4c9ff;outline-offset:3px}
#results-dialog .element-info-hint{font-size:10px;line-height:1.6;color:#b09ac6;margin:11px 0 15px}
#results-dialog .element-info{margin:14px 0 20px;padding:16px;border:1px solid #8b6eaa;border-radius:13px;background:linear-gradient(125deg,#4e325e30,#15233177);scroll-margin:15px}
#results-dialog .element-info[hidden]{display:none}
.element-info-heading{display:flex;align-items:center;gap:12px;margin-bottom:13px}
#element-info-symbol{display:grid;place-items:center;width:43px;height:43px;flex:none;border:1px solid var(--info-color,#bd98ea);border-radius:8px;color:var(--info-color,#bd98ea);font:600 23px/1 Arial,sans-serif;box-shadow:0 0 14px color-mix(in srgb,var(--info-color,#bd98ea) 15%,transparent)}
#element-info-name{font-size:17px;font-weight:500;margin:0 0 5px;color:#ece3f7}
#element-info-number{font-size:9px;color:#a999be}
#element-info-close{margin-left:auto;align-self:flex-start;display:grid;place-items:center;width:28px;height:28px;border:1px solid #655473;border-radius:7px;color:#d9c4e9;background:#272231;font-size:20px}
.element-info-tabs{display:flex;gap:5px;padding:4px;border-radius:9px;background:#111721;border:1px solid #4b3d60}
.element-info-tabs button{flex:1;min-width:0;padding:9px 5px;background:transparent;border:1px solid transparent;border-radius:6px;font-size:10px;color:#a99dbd;cursor:pointer;white-space:nowrap}
.element-info-tabs button[aria-selected="true"]{background:#4b335f;border-color:#aa7ccc;color:#f1e0ff}
.element-info-tabs button:focus-visible,#element-info-close:focus-visible{outline:2px solid #c8a0eb;outline-offset:2px}
.element-info [role="tabpanel"]{min-height:63px;outline-offset:3px}
#results-dialog .element-info [role="tabpanel"] p{font-size:12px;line-height:1.75;color:#c9c4d8;margin:15px 1px 11px}
.element-info-references{font-size:9px;color:#a998be;margin-top:7px;border-top:1px solid #594568;padding-top:10px}
.element-products-block{margin:12px 0 16px}.element-products-block[hidden]{display:none}
#element-products-title{margin:0 0 8px;color:#ac99c2;font-size:9px;font-weight:500;letter-spacing:.8px;text-transform:uppercase}
#element-products{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
#element-products li{padding:5px 8px;border:1px solid #68527d;border-radius:6px;background:#4b335f35;color:#d5c3e8;font-size:11px;line-height:1.4}
#results-dialog .element-info #element-products-note{font-size:10px;line-height:1.6;color:#b5a5c7;margin:9px 0 0}
#element-products-note[hidden]{display:none}
.element-info-references summary{cursor:pointer;width:fit-content}
#element-info-sources{display:flex;gap:10px;flex-wrap:wrap;margin-top:9px}
#element-info-sources a{color:#c5abde;text-underline-offset:3px;font-size:9px;line-height:1.5}
@media(min-width:1000px){.workspace-tab{padding-inline:12px!important}}
@media(max-width:760px){.workspace-tabs{max-width:100%;overflow-x:auto;justify-content:flex-start;scrollbar-width:thin}.workspace-tab{flex:0 0 auto;padding-inline:10px}.site-header{min-width:0}.element-info-tabs button{font-size:9px;padding:9px 4px;white-space:normal;min-height:36px;line-height:1.3}#results-dialog .element-info{padding:12px}#results-dialog .element-info [role="tabpanel"] p{font-size:11px}#element-info-name{font-size:16px}}
@media(min-width:761px) and (max-width:999px){.workspace-tabs{max-width:100%;overflow-x:auto;scrollbar-width:thin}.workspace-tab{flex:0 0 auto}}
@media(pointer:coarse){#element-info-close{flex:none;width:36px;height:36px}}