/* Unified Student Q&A Library; compact desktop/mobile study controls. */
.jj-qa-hub{border:1px solid var(--stroke);border-radius:10px;background:var(--panel);padding:14px;margin:8px 0 16px;min-width:0}
.jj-qa-hub h3{font-size:16px;line-height:1.3;margin:0 0 4px}
.jj-qa-intro{font-size:11px;color:var(--muted);line-height:1.5;margin:5px 0 12px}
.jj-qa-filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:8px}
.jj-qa-filters label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:11px;font-weight:600;min-width:0}
.jj-qa-filters input,.jj-qa-filters select{width:100%;max-width:100%;min-width:0;min-height:41px;padding:9px 10px;background:var(--bg);color:var(--text);border:1px solid var(--stroke);border-radius:7px;font-size:12px}
.jj-qa-filters input:focus-visible,.jj-qa-filters select:focus-visible,.jj-qa-actions button:focus-visible,.jj-qa-links button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.jj-qa-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:11px 0 8px}
.jj-qa-actions strong{font-size:11px}
.jj-qa-actions button{font-size:11px;color:var(--accent);border:1px solid var(--stroke);border-radius:7px;padding:8px 10px;background:none;cursor:pointer}
.jj-qa-results{display:grid;gap:7px}
.jj-qa-item{border:1px solid var(--stroke);border-radius:8px;background:var(--bg);min-width:0;overflow:hidden}
.jj-qa-item>summary{cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px;list-style:none}
.jj-qa-item>summary::-webkit-details-marker{display:none}
.jj-qa-item>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.jj-qa-item[open]>summary{background:var(--hover);border-bottom:1px solid var(--stroke)}
.jj-qa-head{display:flex;align-items:flex-start;gap:8px;min-width:0;flex:1}
.jj-qa-head strong{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.jj-qa-id{font-size:10px;font-weight:700;color:var(--accent);border:1px solid var(--stroke);border-radius:5px;padding:2px 5px;white-space:nowrap}
.jj-qa-sub{display:flex;align-items:flex-end;flex-direction:column;gap:3px;flex:0 0 auto;color:var(--muted);font-size:10px;text-align:right;max-width:145px}
.jj-qa-body{padding:10px 13px 13px}
.jj-qa-evidence{font-size:10px;color:var(--muted);border-bottom:1px solid var(--stroke);padding-bottom:7px;margin-bottom:7px;overflow-wrap:anywhere}
.jj-qa-body p{font-size:12px;line-height:1.58;margin:8px 0;overflow-wrap:anywhere}
.jj-qa-links{display:flex;gap:7px;flex-wrap:wrap;padding-top:6px}
.jj-qa-links a,.jj-qa-links button{font-size:11px;text-decoration:none;color:var(--accent);background:var(--panel);border:1px solid var(--stroke);border-radius:6px;padding:8px 9px;cursor:pointer;text-align:left}
.jj-qa-none{font-size:12px;color:var(--muted);margin:8px 0}
@media(max-width:750px){
 .jj-qa-hub{padding:10px;margin:7px 0}
 .jj-qa-hub h3{font-size:14px}
 .jj-qa-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .jj-qa-filters label:first-child{grid-column:1/-1}
 .jj-qa-filters input,.jj-qa-filters select{font-size:16px;min-height:43px;padding:8px}
 .jj-qa-item>summary{flex-wrap:wrap;padding:10px;gap:4px}
 .jj-qa-head{flex:1 1 100%}
 .jj-qa-sub{flex:1 1 100%;flex-direction:row;align-items:center;max-width:none;text-align:left;padding-left:33px;gap:9px}
 .jj-qa-body{padding:9px 10px 12px}
 .jj-qa-body p{font-size:12px}
 .jj-qa-links a,.jj-qa-links button{min-height:38px}
}
@media(max-width:340px){.jj-qa-filters{grid-template-columns:1fr}.jj-qa-filters label:first-child{grid-column:auto}}