/* Mathbility 全站收口皮肤 · 第 1 版
   统一壳层宽度、章节标题、练习页、知识球、个人中心与题目反馈。
   只改视觉，不触碰业务逻辑。 */

:root{
  --mb-shell:min(1696px,calc(100% - 48px));
  --mb-brand:var(--brand-primary,#8b2e2e);
  --mb-brand-hover:var(--brand-hover,#6f2222);
  --mb-tint:var(--brand-tint,#f5e7e4);
  --mb-soft:var(--brand-soft,#f7f0df);
  --mb-ink:var(--brand-ink,#2b2523);
  --mb-muted:var(--brand-muted,#7d7169);
  --mb-line:var(--brand-line,#e9e0d6);
  --mb-bg:var(--brand-background,#faf7f2);
  --mb-surface:var(--brand-surface,#fffdfa);
  --mb-secondary:var(--brand-secondary,#b4864a);
  --mb-shadow:0 18px 45px -28px rgba(62,40,30,.35);
}

/* ---------- shell alignment ---------- */
body{
  background:
    radial-gradient(1200px 500px at 12% -8%, color-mix(in srgb,var(--mb-tint) 72%, #fff) 0%, transparent 55%),
    radial-gradient(900px 420px at 92% 4%, color-mix(in srgb,var(--mb-soft) 62%, #fff) 0%, transparent 50%),
    var(--mb-bg) !important;
  color:var(--mb-ink);
}
body>header{
  width:calc(var(--mb-shell) - 64px) !important;
  max-width:calc(var(--mb-shell) - 64px) !important;
  margin:14px auto 0 !important;
  padding:18px 32px !important;
  background:var(--mb-surface) !important;
  border:1px solid var(--mb-line) !important;
  border-radius:18px !important;
  box-shadow:0 12px 34px -30px rgba(62,40,30,.32) !important;
}
main{
  max-width:var(--mb-shell) !important;
  margin:0 auto !important;
  padding:0 32px 56px !important;
}
.tabs{
  width:100%;
  max-width:100%;
  display:flex !important;
  align-items:center;
  gap:4px;
  margin:12px 0 10px !important;
  padding:5px !important;
  background:var(--mb-surface) !important;
  border:1px solid var(--mb-line) !important;
  border-radius:999px !important;
  box-shadow:0 10px 26px -28px rgba(62,40,30,.35);
  overflow-x:auto;
  scrollbar-width:none;
}
.tabs::-webkit-scrollbar{display:none}
.tabs button{
  border:0 !important;
  background:transparent !important;
  border-radius:999px !important;
  padding:9px 18px !important;
  font-size:13.5px !important;
  font-weight:600 !important;
  color:var(--mb-muted) !important;
  white-space:nowrap;
}
.tabs button:hover:not(.active){background:var(--mb-tint) !important;color:var(--mb-brand) !important}
.tabs button.active{background:var(--mb-brand) !important;color:#fff !important}

/* ---------- section heading ---------- */
.section-heading{
  position:relative;
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-end !important;
  gap:20px !important;
  padding:10px 0 16px 18px !important;
  margin:0 0 18px !important;
  border-bottom:1px solid var(--mb-line) !important;
}
.section-heading:before{
  content:"";position:absolute;left:0;top:12px;bottom:16px;width:4px;border-radius:2px;
  background:var(--mb-brand);
}
.section-heading .eyebrow{
  color:var(--mb-brand) !important;
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:.14em !important;
  margin:0 0 6px !important;
}
.section-heading h2{
  font-family:"Noto Serif SC","Songti SC","STSong",serif !important;
  font-size:27px !important;
  font-weight:600 !important;
  letter-spacing:.01em !important;
  color:var(--mb-ink) !important;
  margin:0 !important;
  line-height:1.3 !important;
}
.section-heading .muted{font-size:12.5px !important;color:var(--mb-muted) !important}
.section-heading + p.muted{font-size:13px !important;color:var(--mb-muted) !important;line-height:1.8 !important}

/* ---------- practice page ---------- */
#practice .practice-course-controls{
  background:var(--mb-surface) !important;
  border:1px solid var(--mb-line) !important;
  border-radius:18px !important;
  padding:16px 20px !important;
  box-shadow:0 12px 34px -30px rgba(62,40,30,.32) !important;
  margin:0 0 14px !important;
}
#practice .practice-course-options button{
  border:1px solid var(--mb-line) !important;
  background:var(--mb-surface) !important;
  color:var(--mb-muted) !important;
  border-radius:999px !important;
  font-weight:600;
}
#practice .practice-course-options button.active,
#practice .practice-course-options button[aria-pressed=true]{
  background:var(--mb-tint) !important;
  border-color:var(--mb-brand) !important;
  color:var(--mb-brand) !important;
}
#practice .domain-list{gap:14px !important;margin:0 0 16px !important}
#practice .domain-list > *{
  background:var(--mb-surface) !important;
  border:1px solid var(--mb-line) !important;
  border-radius:16px !important;
  box-shadow:0 10px 26px -30px rgba(62,40,30,.32);
  transition:border-color .16s,transform .16s;
}
#practice .domain-list > *:hover{border-color:var(--mb-secondary) !important;transform:translateY(-1px)}
#questionPicker{
  background:var(--mb-surface) !important;
  border:1px solid var(--mb-line) !important;
  border-radius:16px !important;
  box-shadow:0 10px 26px -30px rgba(62,40,30,.32);
  margin:0 0 18px !important;
}
body.qr-redesign #practice .section-heading,
body.qr-redesign .practice-course-controls,
body.qr-redesign .domain-list,
body.qr-redesign #questionPicker,
body.qr-redesign article.question.panel{max-width:100% !important;width:100% !important}
body.qr-redesign #questionFeedback{max-width:100% !important;width:100% !important}

/* ---------- knowledge globe ---------- */
.globe-progress{
  background:var(--mb-surface) !important;
  border:1px solid var(--mb-line) !important;
  border-radius:18px !important;
  padding:18px 22px !important;
  box-shadow:0 12px 34px -30px rgba(62,40,30,.32) !important;
  display:flex !important;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 16px;
  margin:0 0 16px !important;
}
#globeProgressCount{
  font-family:"Noto Serif SC","Songti SC",serif !important;
  font-size:30px !important;
  font-weight:700 !important;
  color:var(--mb-brand) !important;
  line-height:1;
}
#globeProgressCaption{font-size:12.5px !important;color:var(--mb-muted) !important;margin:0 !important}
#globeProgressBar{
  width:100% !important;
  height:8px !important;
  border:0 !important;
  border-radius:999px !important;
  overflow:hidden;
  background:var(--mb-line);
  appearance:none;
  margin-top:6px;
}
#globeProgressBar::-webkit-progress-bar{background:var(--mb-line);border-radius:999px}
#globeProgressBar::-webkit-progress-value{background:linear-gradient(90deg,var(--mb-brand),color-mix(in srgb,var(--mb-brand) 55%, #fff));border-radius:999px}
#globeProgressBar::-moz-progress-bar{background:var(--mb-brand);border-radius:999px}
.graph-layout{gap:18px !important}
.graph-layout > .panel{
  background:var(--mb-surface) !important;
  border:1px solid var(--mb-line) !important;
  border-radius:18px !important;
  box-shadow:0 12px 34px -30px rgba(62,40,30,.32) !important;
}
.curriculum-globe-controls select,
#nodeSearch{
  border:1px solid var(--mb-line) !important;
  background:var(--mb-surface) !important;
  border-radius:9px !important;
  color:var(--mb-ink) !important;
}
#nodeSearch::placeholder{color:#b0a398}
#nodeList .node{
  border:1px solid transparent !important;
  border-radius:12px !important;
  background:color-mix(in srgb,var(--mb-bg) 55%, #fff) !important;
  padding:10px 12px !important;
  margin:0 0 6px !important;
  transition:border-color .15s,background .15s;
}
#nodeList .node:hover{border-color:var(--mb-line) !important;background:#fff !important}
#nodeList .node.is-lit,
#nodeList .node[data-status=learned]{
  background:color-mix(in srgb,var(--mb-tint) 65%, #fff) !important;
  border-color:color-mix(in srgb,var(--mb-brand) 25%, #fff) !important;
}
#nodeList .node.is-selected{border-color:var(--mb-brand) !important;box-shadow:0 0 0 3px var(--mb-tint) !important}
.node-name{font-weight:600;color:var(--mb-ink)}
.node-progress-state,.node-progress-label{
  border-radius:999px !important;
  padding:2px 8px !important;
  font-size:10.5px !important;
  background:var(--mb-soft) !important;
  color:var(--mb-secondary) !important;
}
#nodeList .node.is-lit .node-progress-state,
#nodeList .node.is-lit .node-progress-label,
#nodeList .node[data-status=learned] .node-progress-state{
  background:var(--mb-tint) !important;
  color:var(--mb-brand) !important;
}
/* globe legend row */
.graph-layout .map-key,
.graph-layout .globe-legend,
.graph-layout .legend{
  color:var(--mb-muted) !important;
  font-size:11.5px !important;
}
/* globe panel header controls */
.graph-layout .panel button.secondary,
.graph-layout .panel button.small{
  border:1px solid var(--mb-line) !important;
  background:var(--mb-surface) !important;
  color:var(--mb-muted) !important;
  border-radius:10px !important;
}
.graph-layout .panel button.secondary:hover{border-color:var(--mb-brand) !important;color:var(--mb-brand) !important}

/* ---------- profile ---------- */
#questionFeedbackHistory{display:none !important}
#accountProfile .profile-heading{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:16px;
}
#accountProfile .profile-heading h3{
  font-family:"Noto Serif SC","Songti SC",serif !important;
  font-size:24px !important;
  margin:4px 0 0 !important;
}
#accountProfile .profile-edit-btn{
  border:1px solid var(--mb-line) !important;
  background:var(--mb-surface) !important;
  color:var(--mb-brand) !important;
  border-radius:999px !important;
  padding:7px 16px !important;
  font-size:12.5px !important;
  font-weight:600;
  cursor:pointer;
}
#accountProfile .profile-edit-btn:hover{background:var(--mb-tint) !important}
#accountProfile .profile-view-row{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:11px 0;border-bottom:1px dashed var(--mb-line);
  font-size:13.5px;
}
#accountProfile .profile-view-row:last-child{border-bottom:0}
#accountProfile .profile-view-row .k{color:var(--mb-muted);font-size:12.5px}
#accountProfile .profile-view-row .v{color:var(--mb-ink);font-weight:600;display:flex;align-items:center;gap:8px}
#accountProfile .profile-eye{
  border:0;background:transparent;cursor:pointer;color:var(--mb-muted);
  font-size:14px;padding:2px 4px;border-radius:6px;
}
#accountProfile .profile-eye:hover{background:var(--mb-tint);color:var(--mb-brand)}
#accountProfile.profile-view .profile-grid label{display:none}
#accountProfile.profile-view .profile-grid{display:none}
#accountProfile:not(.profile-view) .profile-view-row{display:none}
#accountProfile.profile-view .profile-mailing{display:none}
#accountProfile.profile-view .actions{display:none}
#accountProfile.profile-view .profile-email-field{display:none}
#accountProfile .profile-view-block{display:none}
#accountProfile.profile-view .profile-view-block{
  display:block;margin:8px 0 16px;padding:16px 18px;
  background:color-mix(in srgb,var(--mb-bg) 55%, #fff);
  border:1px solid var(--mb-line);border-radius:14px;
}
#accountProfile .profile-view-block .muted{display:none}

/* ---------- question feedback bar ---------- */
#questionFeedback details summary{
  padding:18px 22px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  font-size:14px !important;
}
#questionFeedback details summary:before{
  content:"!" !important;
  width:26px;height:26px;border-radius:9px;
  background:var(--mb-tint) !important;color:var(--mb-brand) !important;
  display:inline-flex;align-items:center;justify-content:center;
  font-weight:700;font-size:13px;flex:none;
}
#questionFeedback details summary:hover{background:color-mix(in srgb,var(--mb-tint) 35%, #fff) !important}
#questionFeedback details[open] summary{background:color-mix(in srgb,var(--mb-tint) 25%, #fff) !important}
#questionFeedback .qr-fb-title{font-weight:600;color:var(--mb-ink);font-size:14px}
#questionFeedback .qr-fb-sub{color:var(--mb-muted);font-size:12px;margin-left:2px}
#questionFeedback .qr-fb-chev{margin-left:auto;color:var(--mb-muted);font-size:12px}

@media(max-width:900px){
  body>header{padding:14px 18px !important}
  main{padding:0 18px 40px !important}
  .section-heading h2{font-size:23px !important}
}
@media(max-width:640px){
  :root{--mb-shell:calc(100% - 20px)}
  body>header{width:calc(var(--mb-shell) - 24px) !important;max-width:calc(var(--mb-shell) - 24px) !important;padding:12px 14px !important;border-radius:14px !important}
  main{padding:0 12px 34px !important}
  .tabs button{padding:8px 12px !important;font-size:12.5px !important}
  .section-heading{flex-direction:column !important;align-items:flex-start !important;gap:6px !important}
  .section-heading h2{font-size:22px !important}
}

/* profile view mode: hide save/reload */
#accountProfile.profile-view .profile-actions{display:none !important}
#accountProfile.profile-view .profile-mailing{display:none !important}
#accountProfile.profile-view .profile-email-field{display:none !important}
#accountProfile.profile-view .actions{display:none !important}

/* v216: tabs full width + atlas frame transparent */
.tabs,body.qr-redesign .tabs{
  width:100% !important;max-width:100% !important;display:flex !important;
}
.atlas-frame{
  background:transparent !important;border:0 !important;
  border-radius:0 !important;box-shadow:none !important;
}

/* v220 page polish */
.section-heading{position:relative;padding:2px 0 16px 0 !important;align-items:flex-end !important;border-bottom:1px solid var(--mb-line) !important;gap:18px !important}
.section-heading:before{display:none !important}
.section-heading .eyebrow{display:inline-flex;align-items:center;gap:7px;background:var(--mb-tint);color:var(--mb-brand);border:1px solid color-mix(in srgb,var(--mb-brand) 18%, #fff);border-radius:999px;padding:4px 10px;font-size:10.5px;letter-spacing:.1em;font-weight:600}
.section-heading .eyebrow:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--mb-brand)}
.section-heading h2{font-family:"Noto Serif SC","Songti SC",STSong,serif !important;font-size:28px !important;margin:9px 0 0 !important;font-weight:600 !important;line-height:1.25 !important;letter-spacing:.01em !important}
.section-heading .muted{font-size:12.5px !important;color:var(--mb-muted) !important;padding-bottom:4px}
#practice .practice-course-options button{transition:border-color .15s,background .15s,color .15s}
#practice .domain-list > *{transition:border-color .16s,box-shadow .16s,transform .16s !important}
#practice .domain-list > *:hover{box-shadow:0 10px 24px -20px rgba(62,40,30,.35) !important}
.globe-progress{position:relative;overflow:hidden}
.globe-progress:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--mb-brand),transparent 60%)}
#globeProgressCount{letter-spacing:-.02em !important}
#nodeList .node{border:1px solid transparent}
#nodeList .node .node-name{font-size:13px}
#accountSummary{box-shadow:var(--mb-shadow)}
@media(max-width:640px){.section-heading h2{font-size:23px !important}}


/* v221 whole-banner backgrounds */
body .tabs,body.qr-redesign .tabs{
  background:linear-gradient(100deg,var(--mb-tint),color-mix(in srgb,var(--mb-surface) 82%, #fff) 55%,color-mix(in srgb,var(--mb-tint) 55%, #fff)) !important;
  border:1px solid color-mix(in srgb,var(--mb-brand) 16%, var(--mb-line)) !important;
  box-shadow:0 10px 26px -30px rgba(62,40,30,.30) !important;
}
.section-heading{
  background:linear-gradient(120deg,var(--mb-tint),color-mix(in srgb,var(--mb-surface) 86%, #fff) 60%) !important;
  border:1px solid color-mix(in srgb,var(--mb-brand) 14%, var(--mb-line)) !important;
  border-bottom:1px solid color-mix(in srgb,var(--mb-brand) 14%, var(--mb-line)) !important;
  border-radius:18px !important;
  padding:18px 22px !important;
  margin:6px 0 18px !important;
  overflow:hidden;
}
.section-heading .eyebrow{background:rgba(255,255,255,.72) !important;border:1px solid color-mix(in srgb,var(--mb-brand) 22%, #fff) !important}
@media(max-width:640px){.section-heading{padding:14px 16px !important}}


/* v222 practice cleanup */
.practice-domain-summary{display:none !important}
body.qr-redesign .qr-question-card::before{display:none !important}
body.qr-redesign .question-top{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin:0 0 16px !important;padding:0 0 12px !important;
  border-bottom:1px dashed var(--qr-line2) !important;
  background:transparent !important;border-radius:0 !important;
  font-size:12.5px;color:var(--qr-muted);
}
body.qr-redesign .question-top #progress{
  display:inline-flex;align-items:center;
  background:var(--qr-brand2);color:var(--qr-brand);
  border:1px solid color-mix(in srgb,var(--qr-brand) 20%, #fff);
  border-radius:999px;padding:4px 12px;font-weight:600;letter-spacing:.01em;
}
body.qr-redesign .question-top > span:last-child{
  display:inline-flex;align-items:center;gap:6px;color:var(--qr-muted);
}
body.qr-redesign .question-top > span:last-child::before{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--qr-green);
}
@media(max-width:640px){
  body.qr-redesign .question-top{flex-direction:column;align-items:flex-start;gap:8px}
}


/* v223 taller final-result editor */
.as-fe-live{
  display:flex !important;align-items:center !important;
  min-height:150px !important;padding:10px 12px !important;
}
.as-fe-live .as-mathfield{
  width:100% !important;min-height:112px !important;
  padding:30px 18px !important;box-sizing:border-box !important;
}
.as-fe-code{min-height:150px !important;resize:vertical !important}
.as-fe-preview{min-height:150px !important}
@media(max-width:640px){.as-fe-live{min-height:120px !important}.as-fe-live .as-mathfield{min-height:88px !important;padding:20px 12px !important}}

.as-fe-live .as-mathfield{padding:42px 18px !important}
/* v225 teaching lock/toggle */
#teachingPanel .teaching-actions button.qr-locked{
  opacity:.68;border-style:dashed !important;cursor:not-allowed;
  background:color-mix(in srgb,var(--qr-brand2) 55%, #fff) !important;
  color:var(--qr-muted) !important;
}
#teachingPanel .teaching-actions button.qr-locked::before{content:"🔒";margin-right:6px;font-size:11px}
#teachingPanel .teaching-actions button.qr-open{
  background:var(--qr-brand2) !important;border-color:var(--qr-brand) !important;
  color:var(--qr-brand) !important;font-weight:600;
}
/* v226 hint cards */
#hintList{display:flex !important;flex-direction:column;gap:10px;margin:14px 0 4px !important}
#hintList .hint-step{
  position:relative;display:grid !important;grid-template-columns:auto 1fr;column-gap:12px;align-items:start;
  margin:0 !important;padding:14px 18px !important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--qr-brand2) 60%, #fff),#fff 78%) !important;
  border:1px solid color-mix(in srgb,var(--qr-brand) 14%, var(--qr-line)) !important;
  border-left:3px solid var(--qr-brand) !important;
  border-radius:14px !important;
  box-shadow:0 8px 20px -22px rgba(62,40,30,.35);
}
#hintList .hint-step>span{
  display:inline-flex;align-items:center;justify-content:center;
  background:#fff !important;border:1px solid color-mix(in srgb,var(--qr-brand) 22%, #fff);
  color:var(--qr-brand) !important;border-radius:999px !important;
  padding:2px 10px !important;font-size:10.5px !important;font-weight:600 !important;
  white-space:nowrap;line-height:1.6;margin-top:1px;
}
#hintList .hint-step>p{margin:0 !important;font-size:13.5px !important;line-height:1.9 !important;color:var(--qr-ink) !important}
#hintList .hint-step>p+p{margin-top:8px !important}
/* v227 answer record card */
.qr-answer-record{
  background:linear-gradient(120deg,var(--qr-brand2),#fff 82%) !important;
  border:1px solid color-mix(in srgb,var(--qr-brand) 14%, var(--qr-line)) !important;
  border-radius:18px !important;
  padding:18px 22px !important;
  margin:0 0 18px !important;
  box-shadow:0 10px 26px -30px rgba(62,40,30,.30);
}
.qr-answer-record .qr-record-head{display:flex;align-items:center;gap:10px;margin:0 0 10px}
.qr-answer-record .qr-record-head h3{font-family:"Noto Serif SC","Songti SC",STSong,serif;font-size:16px;font-weight:600;color:var(--qr-ink);margin:0}
.qr-answer-record .qr-record-status{background:var(--qr-green2);color:var(--qr-green);border-radius:999px;padding:2px 10px;font-size:11px;font-weight:600}
.qr-answer-record .qr-record-time{margin-left:auto;font-size:11.5px;color:var(--qr-muted)}
.qr-answer-record .qr-record-text{font-size:13.5px;line-height:1.9;color:var(--qr-ink);white-space:pre-wrap;word-break:break-word;max-height:10.5em;overflow:auto;padding-right:4px}
.qr-answer-record .qr-record-note{font-size:11.5px;color:var(--qr-muted);margin:10px 0 0}
/* v230 server answer history inside teaching card */
.qr-history-box{
  margin:16px 0 0 !important;
  padding:16px 18px !important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--qr-brand2) 45%, #fff),#fff 80%) !important;
  border:1px solid color-mix(in srgb,var(--qr-brand) 14%, var(--qr-line)) !important;
  border-left:3px solid var(--qr-brand) !important;
  border-radius:14px !important;
}
.qr-history-head{display:flex;align-items:baseline;gap:8px}
.qr-history-title{font-family:"Noto Serif SC","Songti SC",STSong,serif;font-size:15px;font-weight:600;color:var(--qr-ink);margin:0}
.qr-history-count{font-size:11.5px;color:var(--qr-muted)}
.qr-history-note{font-size:11.5px;color:var(--qr-muted);margin:4px 0 10px}
.qr-history-empty{font-size:13px;color:var(--qr-muted);margin:8px 0 2px}
.qr-history-item{border:1px solid var(--qr-line);border-radius:11px;background:#fff;margin:0 0 8px;overflow:hidden}
.qr-history-item:last-child{margin-bottom:0}
.qr-history-item summary{display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;list-style:none}
.qr-history-item summary::-webkit-details-marker{display:none}
.qr-hist-time{font-size:12px;color:var(--qr-muted);white-space:nowrap}
.qr-hist-badge{border-radius:999px;padding:2px 9px;font-size:10.5px;font-weight:600;white-space:nowrap}
.qr-hist-badge.ok{background:var(--qr-green2);color:var(--qr-green)}
.qr-hist-badge.part{background:var(--qr-soft);color:var(--qr-gold)}
.qr-hist-badge.bad{background:var(--qr-brand2);color:var(--qr-brand)}
.qr-hist-badge.wait{background:color-mix(in srgb,var(--qr-line) 50%, #fff);color:var(--qr-muted)}
.qr-hist-meta{font-size:11px;color:var(--qr-muted);margin-left:auto;text-align:right}
.qr-hist-body{padding:0 12px 12px;border-top:1px dashed var(--qr-line)}
.qr-hist-body h4{font-size:11.5px;font-weight:600;color:var(--qr-muted);margin:10px 0 4px;letter-spacing:.04em}
.qr-hist-answer{font-size:13px;line-height:1.8;color:var(--qr-ink);white-space:pre-wrap;word-break:break-word;max-height:9em;overflow:auto}
.qr-hist-summary{font-size:12.5px;line-height:1.8;color:var(--qr-ink);margin:0}
.qr-hist-meta2{font-size:11px;color:var(--qr-muted);margin:6px 0 0}
@media(max-width:640px){.qr-history-box{padding:12px !important}.qr-hist-meta{display:none}}

.qr-answer-record{display:none !important}
/* v230 server answer history inside teaching card */
.qr-history-box{
  margin:16px 0 0 !important;
  padding:16px 18px !important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--qr-brand2) 45%, #fff),#fff 80%) !important;
  border:1px solid color-mix(in srgb,var(--qr-brand) 14%, var(--qr-line)) !important;
  border-left:3px solid var(--qr-brand) !important;
  border-radius:14px !important;
}
.qr-history-head{display:flex;align-items:baseline;gap:8px}
.qr-history-title{font-family:"Noto Serif SC","Songti SC",STSong,serif;font-size:15px;font-weight:600;color:var(--qr-ink);margin:0}
.qr-history-count{font-size:11.5px;color:var(--qr-muted)}
.qr-history-note{font-size:11.5px;color:var(--qr-muted);margin:4px 0 10px}
.qr-history-empty{font-size:13px;color:var(--qr-muted);margin:8px 0 2px}
.qr-history-item{border:1px solid var(--qr-line);border-radius:11px;background:#fff;margin:0 0 8px;overflow:hidden}
.qr-history-item:last-child{margin-bottom:0}
.qr-history-item summary{display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;list-style:none}
.qr-history-item summary::-webkit-details-marker{display:none}
.qr-hist-time{font-size:12px;color:var(--qr-muted);white-space:nowrap}
.qr-hist-badge{border-radius:999px;padding:2px 9px;font-size:10.5px;font-weight:600;white-space:nowrap}
.qr-hist-badge.ok{background:var(--qr-green2);color:var(--qr-green)}
.qr-hist-badge.part{background:var(--qr-soft);color:var(--qr-gold)}
.qr-hist-badge.bad{background:var(--qr-brand2);color:var(--qr-brand)}
.qr-hist-badge.wait{background:color-mix(in srgb,var(--qr-line) 50%, #fff);color:var(--qr-muted)}
.qr-hist-meta{font-size:11px;color:var(--qr-muted);margin-left:auto;text-align:right}
.qr-hist-body{padding:0 12px 12px;border-top:1px dashed var(--qr-line)}
.qr-hist-body h4{font-size:11.5px;font-weight:600;color:var(--qr-muted);margin:10px 0 4px;letter-spacing:.04em}
.qr-hist-answer{font-size:13px;line-height:1.8;color:var(--qr-ink);white-space:pre-wrap;word-break:break-word;max-height:9em;overflow:auto}
.qr-hist-summary{font-size:12.5px;line-height:1.8;color:var(--qr-ink);margin:0}
.qr-hist-meta2{font-size:11px;color:var(--qr-muted);margin:6px 0 0}
@media(max-width:640px){.qr-history-box{padding:12px !important}.qr-hist-meta{display:none}}

.qr-answer-record{display:none !important}

/* v232: history as standalone card beside 解析与提示 */
#teachingPanel .qr-teach-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.95fr) minmax(0,.82fr) !important;align-items:start !important}
.qr-history-box.qr-history-card{
  background:var(--qr-paper) !important;
  border:1px solid var(--qr-line) !important;
  border-left:1px solid var(--qr-line) !important;
  border-radius:18px !important;
  padding:18px 20px !important;
  box-shadow:var(--qr-shadow);
}
.qr-history-box.qr-history-card .qr-history-box{padding:0}
@media(max-width:1180px){
  #teachingPanel .qr-teach-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important}
  .qr-history-box.qr-history-card{grid-column:1/-1}
}
@media(max-width:820px){
  #teachingPanel .qr-teach-grid{grid-template-columns:1fr !important}
}
.qr-hist-meta{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qr-history-head{position:relative;padding-left:12px}
.qr-history-head::before{content:"";position:absolute;left:0;top:2px;bottom:0;width:3px;border-radius:2px;background:var(--qr-brand)}
.qr-hist-meta{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* v230 server answer history inside teaching card */
.qr-history-box{
  margin:16px 0 0 !important;
  padding:16px 18px !important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--qr-brand2) 45%, #fff),#fff 80%) !important;
  border:1px solid color-mix(in srgb,var(--qr-brand) 14%, var(--qr-line)) !important;
  border-left:3px solid var(--qr-brand) !important;
  border-radius:14px !important;
}
.qr-history-head{display:flex;align-items:baseline;gap:8px}
.qr-history-title{font-family:"Noto Serif SC","Songti SC",STSong,serif;font-size:15px;font-weight:600;color:var(--qr-ink);margin:0}
.qr-history-count{font-size:11.5px;color:var(--qr-muted)}
.qr-history-note{font-size:11.5px;color:var(--qr-muted);margin:4px 0 10px}
.qr-history-empty{font-size:13px;color:var(--qr-muted);margin:8px 0 2px}
.qr-history-item{border:1px solid var(--qr-line);border-radius:11px;background:#fff;margin:0 0 8px;overflow:hidden}
.qr-history-item:last-child{margin-bottom:0}
.qr-history-item summary{display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;list-style:none}
.qr-history-item summary::-webkit-details-marker{display:none}
.qr-hist-time{font-size:12px;color:var(--qr-muted);white-space:nowrap}
.qr-hist-badge{border-radius:999px;padding:2px 9px;font-size:10.5px;font-weight:600;white-space:nowrap}
.qr-hist-badge.ok{background:var(--qr-green2);color:var(--qr-green)}
.qr-hist-badge.part{background:var(--qr-soft);color:var(--qr-gold)}
.qr-hist-badge.bad{background:var(--qr-brand2);color:var(--qr-brand)}
.qr-hist-badge.wait{background:color-mix(in srgb,var(--qr-line) 50%, #fff);color:var(--qr-muted)}
.qr-hist-meta{font-size:11px;color:var(--qr-muted);margin-left:auto;text-align:right}
.qr-hist-body{padding:0 12px 12px;border-top:1px dashed var(--qr-line)}
.qr-hist-body h4{font-size:11.5px;font-weight:600;color:var(--qr-muted);margin:10px 0 4px;letter-spacing:.04em}
.qr-hist-answer{font-size:13px;line-height:1.8;color:var(--qr-ink);white-space:pre-wrap;word-break:break-word;max-height:9em;overflow:auto}
.qr-hist-summary{font-size:12.5px;line-height:1.8;color:var(--qr-ink);margin:0}
.qr-hist-meta2{font-size:11px;color:var(--qr-muted);margin:6px 0 0}
@media(max-width:640px){.qr-history-box{padding:12px !important}.qr-hist-meta{display:none}}

.qr-answer-record{display:none !important}

/* v232: history as standalone card beside 解析与提示 */
#teachingPanel .qr-teach-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.95fr) minmax(0,.82fr) !important;align-items:start !important}
.qr-history-box.qr-history-card{
  background:var(--qr-paper) !important;
  border:1px solid var(--qr-line) !important;
  border-left:1px solid var(--qr-line) !important;
  border-radius:18px !important;
  padding:18px 20px !important;
  box-shadow:var(--qr-shadow);
}
.qr-history-box.qr-history-card .qr-history-box{padding:0}
@media(max-width:1180px){
  #teachingPanel .qr-teach-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important}
  .qr-history-box.qr-history-card{grid-column:1/-1}
}
@media(max-width:820px){
  #teachingPanel .qr-teach-grid{grid-template-columns:1fr !important}
}

/* v238 record card polish + unlimited height + manual collapse */
.qr-history-item summary{padding:11px 14px !important;border-radius:10px;transition:background .15s}
.qr-history-item summary:hover{background:color-mix(in srgb,var(--qr-brand2) 45%, #fff)}
.qr-history-item[open] summary{background:color-mix(in srgb,var(--qr-brand2) 55%, #fff);border-bottom:1px dashed var(--qr-line);border-radius:10px 10px 0 0}
.qr-history-item summary::after{content:"▾";margin-left:8px;color:var(--qr-muted);font-size:11px;transition:transform .15s;flex:none}
.qr-history-item[open] summary::after{transform:rotate(180deg)}
.qr-hist-body{padding:12px 14px 14px !important}
.qr-hist-body h4{display:flex;align-items:center;gap:6px;margin:10px 0 6px !important}
.qr-hist-body h4::before{content:"";width:3px;height:12px;border-radius:2px;background:var(--qr-brand);flex:none}
.qr-hist-answer{max-height:none !important;overflow:visible !important;background:color-mix(in srgb,var(--qr-bg) 55%, #fff);border:1px solid var(--qr-line);border-radius:10px;padding:10px 12px;margin:0}
.qr-hist-summary{background:color-mix(in srgb,var(--qr-brand2) 40%, #fff);border:1px solid color-mix(in srgb,var(--qr-brand) 12%, var(--qr-line));border-radius:10px;padding:10px 12px !important;margin:0}
.qr-history-item{border-radius:11px}
/* v240: equal height + matching big heading */
#teachingPanel .qr-teach-grid{align-items:stretch !important}
#teachingPanel .qr-teach-grid > .qr-main,
#teachingPanel .qr-teach-grid > .qr-side,
#teachingPanel .qr-teach-grid > .qr-history-card{height:100%}
#teachingPanel .qr-history-head{position:relative;padding:0 0 0 10px !important;margin:0 0 12px !important;display:flex;align-items:baseline;gap:8px}
#teachingPanel .qr-history-head::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:5px;border-radius:1px;background:var(--qr-brand)}
#teachingPanel .qr-history-title{font-family:"Noto Serif SC","Songti SC",STSong,serif !important;font-size:16px !important;font-weight:400 !important;line-height:28px !important;color:var(--qr-ink) !important;margin:0 !important}
#teachingPanel .qr-history-count{font-size:11.5px !important;color:var(--qr-muted) !important}
/* v241: force equal-height cards */
#teachingPanel .qr-teach-grid > .qr-main,
#teachingPanel .qr-teach-grid > .qr-side,
#teachingPanel .qr-teach-grid > .qr-history-card{
  align-self:stretch !important;
  height:100% !important;
  min-height:100% !important;
}
/* v243 rubric breakdown + manual label */
.qr-hist-badge.info{background:color-mix(in srgb,var(--qr-brand2) 55%, #fff);color:var(--qr-brand)}
.qr-rubric-list{display:flex;flex-direction:column;gap:8px;margin:2px 0 0}
.qr-rubric-item{border:1px solid var(--qr-line);border-radius:10px;padding:10px 12px;background:#fff}
.qr-rubric-head{display:flex;align-items:center;gap:8px}
.qr-rubric-head strong{font-size:12.5px;font-weight:600;color:var(--qr-ink)}
.qr-rubric-status{border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600;white-space:nowrap}
.qr-rubric-status.ok{background:var(--qr-green2);color:var(--qr-green)}
.qr-rubric-status.part{background:var(--qr-soft);color:var(--qr-gold)}
.qr-rubric-status.bad{background:var(--qr-brand2);color:var(--qr-brand)}
.qr-rubric-status.wait{background:color-mix(in srgb,var(--qr-line) 50%, #fff);color:var(--qr-muted)}
.qr-rubric-score{margin-left:auto;font-size:11.5px;color:var(--qr-muted);white-space:nowrap}
.qr-rubric-criterion{font-size:11.5px;line-height:1.7;color:var(--qr-muted);margin:6px 0 0}
.qr-rubric-exp{font-size:12px;line-height:1.75;color:var(--qr-ink);margin:6px 0 0}
/* v244 grading breakdown first + manual badge */
.qr-hist-body{display:flex;flex-direction:column}
.qr-hist-body>h4:first-child{order:4;margin-top:14px !important}
.qr-hist-body>.qr-hist-answer{order:5}
.qr-hist-body>h4:not(:first-child){order:1}
.qr-hist-body>.qr-rubric-list,.qr-hist-body>.qr-hist-summary{order:2}
.qr-hist-body>.qr-hist-meta2{order:3}
.as-pr-grading-badge{display:inline-flex;align-items:center;border-radius:999px;padding:2px 9px;margin-right:8px;background:color-mix(in srgb,var(--qr-brand2) 55%, #fff);color:var(--qr-brand);font-size:11px;font-weight:600}
/* v245 membership pricing: original struck + 30% off */
.membership-price{display:flex !important;align-items:baseline !important;gap:8px !important;flex-wrap:wrap;margin:8px 0 2px !important}
.membership-price-original{color:var(--mb-muted) !important;text-decoration:line-through !important;font-size:14px !important;font-weight:400 !important}
.membership-price-now{display:inline-flex !important;align-items:baseline !important;gap:2px;font-size:30px !important;font-weight:700 !important;color:var(--mb-ink) !important;line-height:1 !important}
.membership-price-now span{font-size:16px !important;font-weight:600 !important}
.membership-off{display:inline-flex;align-items:center;background:var(--mb-brand) !important;color:#fff !important;border-radius:999px;padding:2px 9px !important;font-size:11px !important;font-style:normal !important;font-weight:600 !important;line-height:1.5}
.membership-plan{position:relative}
/* v246 manual grading verdict */
.as-manual-verdict{margin:12px 0 0;padding:14px 16px;border:1px solid var(--qr-line,#e9e0d6);border-radius:12px;background:#fff}
.as-manual-verdict h4{font-size:13.5px;font-weight:600;margin:0 0 4px;color:var(--qr-ink,#2b2523)}
.as-mv-note{font-size:11.5px;color:var(--qr-muted,#7d7169);margin:0 0 10px}
.as-mv-btns{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.as-mv-btns button{border:1px solid var(--qr-line,#e9e0d6);background:#fff;border-radius:999px;padding:5px 14px;font-size:12.5px;font-weight:600;color:var(--qr-muted,#7d7169);cursor:pointer}
.as-mv-btns button:hover{border-color:var(--qr-brand,#81318b);color:var(--qr-brand,#81318b)}
.as-mv-btns button.on{background:var(--qr-brand,#81318b);border-color:var(--qr-brand,#81318b);color:#fff}
.as-mv-status{font-size:11.5px;color:var(--qr-muted,#7d7169);margin-left:4px}
/* v247 manual verdict explicit submit */
.as-mv-submit{border:1px solid var(--qr-brand,#81318b)!important;background:var(--qr-brand,#81318b)!important;color:#fff!important;border-radius:999px!important;padding:5px 14px!important;font-size:12.5px!important;font-weight:600!important;cursor:pointer}
.as-mv-submit:disabled{opacity:.45;cursor:not-allowed}
/* v248 in-record manual override */
.qr-hist-body{display:flex;flex-direction:column}
.qr-hist-override{order:6;margin-top:12px;padding:12px 14px;border:1px solid var(--qr-line);border-radius:10px;background:color-mix(in srgb,var(--qr-bg) 55%, #fff)}
.qr-hist-override h4{font-size:11.5px;font-weight:600;color:var(--qr-muted);margin:0 0 4px;letter-spacing:.04em}
.qr-hist-override-note{font-size:11.5px;line-height:1.6;color:var(--qr-muted);margin:0}
.qr-hist-override-btns{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}
.qr-hist-override-btns button{border:1px solid var(--qr-line);background:#fff;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;color:var(--qr-muted);cursor:pointer}
.qr-hist-override-btns button[data-override].on{background:var(--qr-brand);border-color:var(--qr-brand);color:#fff}
.qr-hist-override-submit{background:var(--qr-brand)!important;border-color:var(--qr-brand)!important;color:#fff!important}
.qr-hist-override-submit:disabled{opacity:.45;cursor:not-allowed}
.qr-hist-override-status{font-size:11.5px;color:var(--qr-muted)}
/* Keep grading actions and the selected manual reference accessible. */
.as-pr-choice{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  margin:12px 0 0 !important;
}
.as-pr-choice > h3{display:none !important}
.as-pr-choice > .as-manual-verdict{margin:0 !important}
/* v251 AI result stays, manual is additive */
.qr-hist-manual-tag{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600;background:color-mix(in srgb,var(--qr-brand2) 55%, #fff);color:var(--qr-brand);white-space:nowrap}
.qr-hist-manual-line{font-size:11.5px;line-height:1.6;color:var(--qr-muted);background:color-mix(in srgb,var(--qr-brand2) 35%, #fff);border-radius:8px;padding:6px 9px;margin:8px 0 0}
/* v254: AI first, then manual intervention, then answer */
.qr-hist-manual-line{order:4 !important}
.qr-hist-override{order:5 !important}
.qr-hist-body>h4:first-child{order:6 !important;margin-top:14px !important}
.qr-hist-body>.qr-hist-answer{order:7 !important}
/* v257 submit feedback toast */
.qr-site-toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%,12px);background:#2b2523;color:#fff;font-size:13px;line-height:1.6;padding:10px 16px;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.22);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:99999;max-width:min(92vw,560px);text-align:center}
.qr-site-toast.show{opacity:1;transform:translate(-50%,0)}
/* v260 point evidence */
.qr-rubric-evidence{font-size:11px;line-height:1.65;color:var(--qr-muted);margin:6px 0 0;padding:6px 8px;border-left:2px solid color-mix(in srgb,var(--qr-brand) 30%, #fff);background:color-mix(in srgb,var(--qr-bg) 55%, #fff);border-radius:0 6px 6px 0}
.as-study-attempt-point-evidence{font-size:11px;line-height:1.65;color:#8a7f76;margin:6px 0 0;padding:6px 8px;border-left:2px solid #d9c9e4;background:#faf7fb;border-radius:0 6px 6px 0}
.as-study-attempt-manual-tag{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600;background:color-mix(in srgb,var(--as-accent,#81318b) 10%, #fff);color:var(--as-accent,#81318b);white-space:nowrap}
/* v3 step explanation */
.as-study-attempt-point-explanation{font-size:11.5px;line-height:1.7;color:#5f5350;margin:6px 0 0;padding:6px 8px;background:#fbf7fb;border-radius:6px}
/* v3.1 structured steps */
.qr-rubric-steps,.as-study-attempt-steps-title{margin:8px 0 0}
.qr-rubric-steps-title{font-size:11px;font-weight:600;color:var(--qr-muted);margin:0 0 4px}
.qr-rubric-step{font-size:11.5px;line-height:1.65;color:var(--qr-ink);margin:0 0 3px;padding-left:2px}
.qr-rubric-steprefs{font-size:10.5px;font-weight:600;color:var(--qr-brand);margin:4px 0 0}
.as-study-attempt-steps-title{font-size:11px;font-weight:600;color:#8a7f76;margin:2px 0 4px}
.as-study-attempt-step{font-size:11.5px;line-height:1.65;color:#2b2523;margin:0 0 3px;padding:4px 8px;background:#faf7fb;border-radius:6px}
.as-study-attempt-point-steprefs{font-size:10.5px;font-weight:600;color:#81318b;margin:4px 0 0}
/* Grading pipeline: full evidence and explicit step references in answer history. */
.qr-rubric-list{display:grid;gap:14px}.qr-rubric-item{min-width:0;padding:18px;border:1px solid var(--brand-line,#e5d5e9);border-left:4px solid #6b7f9e;border-radius:13px;background:var(--brand-surface,#fff)}
.qr-rubric-item[data-status=met]{border-left-color:#25805c}.qr-rubric-item[data-status=math_error]{border-left-color:#b75050}.qr-rubric-item[data-status=missing_argument]{border-left-color:#b07920}
.qr-rubric-head{display:flex;gap:8px 14px;align-items:flex-start;flex-wrap:wrap}.qr-rubric-score{margin-left:auto;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}.qr-rubric-evidence{margin:12px 0;padding:14px;border-radius:10px;background:var(--brand-tint,#f5f0f7);white-space:pre-wrap;line-height:1.9;overflow-wrap:anywhere;user-select:text}
.qr-rubric-steprefs{color:var(--brand-primary,#81318b);font-weight:650}.qr-rubric-step{padding:10px 14px;border-radius:9px;background:var(--brand-tint,#f5f0f7);white-space:pre-wrap;line-height:1.85;overflow-wrap:anywhere}.qr-rubric-exp,.qr-rubric-criterion,.qr-rubric-pending{line-height:1.85;overflow-wrap:anywhere}
@media(max-width:600px){.qr-rubric-item{padding:13px}.qr-rubric-head strong{flex-basis:100%}}

/* Long evidence remains complete and selectable behind a native disclosure. */
.qr-evidence-fold{margin:12px 0;border:1px solid var(--brand-line,#e5d5e9);border-radius:10px;padding:0 14px}
.qr-evidence-fold>summary{padding:12px 0;min-height:24px;cursor:pointer;font-weight:600;line-height:1.6;color:var(--brand-primary,#81318b);text-decoration:none}
.qr-evidence-fold[open]>blockquote{max-height:480px;overflow:auto;overscroll-behavior:contain;margin:0 0 14px;padding:14px;white-space:pre-wrap;user-select:text}
.qr-evidence-fold .katex-display{margin:.65em 0}

/* History and long formulas must not enlarge the practice grid on phones. */
.qr-teach-grid > .qr-history-box,.qr-teach-grid > .qr-side{min-width:0;max-width:100%;box-sizing:border-box}
.qr-history-box .katex-display{max-width:100%;overflow-x:auto;overflow-y:hidden}
@media(max-width:880px){.qr-teach-grid{grid-template-columns:minmax(0,1fr)}}

/* Phone navigation: all six destinations remain visible in two rows. */
@media (max-width:680px){
  body[data-session="active"] .tabs, body.qr-redesign[data-session="active"] .tabs{
    display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));
    gap:3px !important;padding:6px !important;border-radius:18px !important;overflow:visible !important;
  }
  body[data-session="active"] .tabs > button, body[data-session="active"] .tabs > a{
    display:flex !important;align-items:center;justify-content:center;min-width:0;min-height:44px;
    padding:6px 3px !important;font-size:12px !important;line-height:1.3;white-space:nowrap;
  }
  body[data-session="active"] .tabs > button span, body[data-session="active"] .tabs > a span{
    font-size:12px !important;margin-left:4px;
  }
}

/* Saved history uses the available desktop width; reference and original remain separate. */
@media(min-width:1181px){
  #teachingPanel .qr-teach-grid > .qr-main{grid-column:1 / 3 !important;grid-row:1 !important;height:auto !important;align-self:start}
  #teachingPanel .qr-teach-grid > .qr-side{grid-column:3 !important;grid-row:1 !important;height:auto !important;align-self:start}
  #teachingPanel .qr-teach-grid > .qr-history-card{grid-column:1 / -1 !important;grid-row:2 !important;height:auto !important;align-self:start}
}
.qr-history-box .as-manual-reference,.qr-history-box .as-manual-points{display:block;min-width:0;width:100%;box-sizing:border-box}
.qr-history-box .as-manual-point{display:grid !important;grid-template-columns:minmax(0,1fr) 5.5rem max-content !important;gap:.5rem .65rem;align-items:start;min-width:0;max-width:100%;box-sizing:border-box}
.qr-history-box .as-manual-point > strong{grid-column:1 / -1;min-width:0;white-space:normal;overflow-wrap:break-word}
.qr-history-box .as-manual-point > span:first-of-type{grid-column:1;min-width:0;white-space:normal;word-break:normal;overflow-wrap:break-word;line-height:1.8}
.qr-history-box .as-manual-point > input{grid-column:2;min-width:0;width:5.5rem;max-width:100%;box-sizing:border-box}
.qr-history-box .as-manual-point > span:last-child{grid-column:3;white-space:nowrap}
.qr-hist-raw-source{margin:.7rem 0;min-width:0}
.qr-hist-body > .qr-hist-raw-source{order:8}
.qr-history-item .qr-hist-raw-source > summary{display:block;padding:.45rem 0;min-height:0;font-size:12px;line-height:1.6;font-weight:500;text-decoration:none}
.qr-hist-raw-source > .qr-hist-raw-text{margin:.35rem 0;padding:.7rem;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text;font:inherit;line-height:1.8;border:1px solid var(--qr-line);border-radius:8px}