/* Shared small-screen behavior; keep formulas scrollable within their cards. */
html { -webkit-text-size-adjust:100%; }
main,.main,.card,.grid,.qbody>div,.qid,.qid>div { min-width:0; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible { outline:3px solid #c79f42;outline-offset:3px; }
.question-workspace .app { grid-template-columns:250px minmax(0,1fr); }
.workspace-menu { display:none; }
.qnum { flex-shrink:0; }
.qid .small,.tag,.qtext,.lead,.history-card { overflow-wrap:anywhere; }
.opttxt { overflow-wrap:anywhere;max-width:100%;overflow:visible; }
.qtext mjx-container[display="true"] { max-width:100%;overflow-x:auto;overflow-y:hidden; }
.auth-shell { min-height:100dvh;display:grid;place-items:center;padding:24px 16px; }
.auth-shell.hidden { display:none; }
.auth-card { width:min(440px,100%);padding:28px;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow); }
.auth-brand { text-align:center; }
.auth-brand img { width:150px;max-width:100%; }
.auth-card h1 { font-size:26px;color:var(--navy-900); }
.auth-copy,.demo-box { line-height:1.6;color:var(--muted); }
.auth-tabs { display:flex;gap:8px;margin:20px 0; }
.auth-tab { flex:1;padding:12px;border-radius:8px;background:#eef3fb;color:var(--navy-800); }
.auth-tab.active { background:var(--navy-800);color:white; }
.auth-form label { display:grid;gap:8px;margin:16px 0; }
.auth-form input { width:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;font:inherit; }
.auth-submit { width:100%;margin-top:18px; }
@media(max-width:1100px) and (min-width:981px) {
 .question-workspace .grid { grid-template-columns:1fr; }
 .question-workspace .review { grid-column:auto; }
 .question-workspace .qbody { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:980px) {
 .question-workspace .app { grid-template-columns:minmax(0,1fr); }
 .question-workspace .side { display:block;position:relative;padding:8px 16px;border-right:0;border-bottom:1px solid var(--line); }
 .question-workspace .brand { justify-content:flex-start;min-height:60px;padding:0; }
 .question-workspace .brand-logo { width:100px; }
 .workspace-menu { display:block;position:absolute;right:16px;top:18px;min-height:44px; }
 .question-workspace .side .sub,.question-workspace .nav-group-title,.question-workspace .side .nav,.question-workspace .side-foot { display:none; }
 .question-workspace .menu-open .nav { display:grid;margin:10px 0; }
 .question-workspace .nav button { min-height:48px; }
 .question-workspace .qbody { grid-template-columns:minmax(0,1fr); }
 .question-workspace .source { line-height:1.6; }
 .question-workspace .source-preview { display:none; }
 .actions,.qactions,.filters { flex-wrap:wrap; }
 .datebox { flex-wrap:wrap; }
 .match-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
 input,select,textarea { font-size:16px!important;max-width:100%; }
 .btn,.qactions button,.filter,.datechip,summary,.nav a,.nav button { min-height:44px; }
 .question-workspace .main { padding:20px 12px 32px; }
 .question-workspace .title { font-size:26px; }
 .question-workspace .card-head { padding:16px 12px;gap:12px;flex-wrap:wrap; }
 .question-workspace .review-body,.question-workspace .upload { padding:12px; }
 .question-workspace .analysis { padding:0 12px 16px; }
 .qtop { flex-wrap:wrap;gap:10px;padding:12px; }
 .qbody { padding:12px;gap:12px; }
 .qid { align-items:flex-start; }
 .qid .small { margin-top:4px;line-height:1.5; }
 .select-row { grid-template-columns:minmax(0,1fr); }
 .stat-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .stat { padding:10px 8px; }
 .drop { padding:22px 12px; }
 .optpick { grid-template-columns:minmax(0,1fr); }
 .optbtn { min-height:48px;padding:10px; }
 .worked-equation { padding-left:0;max-width:100%; }
 .solution-method,.solution-formula { padding:12px; }
 .matching-table { table-layout:fixed; }
 .matching-table th,.matching-table td { padding:8px;overflow-wrap:anywhere; }
 #questionEditor { padding:16px;width:calc(100% - 16px);max-height:92dvh; }
 #questionEditor .editor-actions { bottom:-16px;flex-wrap:wrap;gap:8px; }
 #questionEditor .editor-image { padding:10px; }
 .auth-card { padding:22px; }
 .header .menu { min-height:44px; }
 .header .nav a { padding:10px 0; }
 .header .nav .btn { padding:12px 20px; }
 dialog .dialog-actions { flex-wrap:wrap; }
 .metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .metric { overflow-wrap:anywhere; }
}

.subject-filters { display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px; }
.subject-filters button { min-height:44px;padding:10px 14px; }

/* Keep option diagrams compact while preserving equal option cards. */
.optbtn .qimg { height:110px!important; }
@media(max-width:480px) { .optbtn .qimg { height:90px!important; } }

.workspace-portal-link { display:flex;align-items:center;gap:8px;margin:0 0 22px;padding:12px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy-800);font-weight:700;text-decoration:none;min-height:44px; }
.workspace-portal-link:hover { background:#eaf1ff; }
.workspace-portal-link svg { width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
@media(max-width:980px) { .workspace-portal-link { width:fit-content;margin:8px 0 0; } }
@media print { .workspace-portal-link { display:none!important; } }