/* 复用既有暖纸、墨黑与朱砂语义；所有组件规则限定 vp，避免改写现有页面。 */
:is(.vp-tool,.vp-integration), body[data-value-preferences-tool] {
  --vp-bg: #0b0d12; --vp-card: #161a22; --vp-raised: #1f242e;
  --vp-text: #f4eee4; --vp-muted: #b0b4bd; --vp-line: #3b404a;
  --vp-accent: #f0645a; --vp-accent-soft: #302026; --vp-gold: #d1b779;
  --vp-focus: #e2c687; color: var(--vp-text); font-family: var(--ft-font-sans, Inter, 'Noto Sans SC', 'Microsoft YaHei', sans-serif);
}
:root.light-mode :is(.vp-tool,.vp-integration), :root[data-ft-mode='paper'] :is(.vp-tool,.vp-integration),
:root.light-mode body[data-value-preferences-tool], :root[data-ft-mode='paper'] body[data-value-preferences-tool] {
  --vp-bg: #fcf9f4; --vp-card: #fffdf8; --vp-raised: #f4efe7;
  --vp-text: #262a33; --vp-muted: #625c55; --vp-line: #d9d1c5;
  --vp-accent: #b32629; --vp-accent-soft: #f7e8e9; --vp-gold: #88631e; --vp-focus: #b32629;
}
body[data-value-preferences-tool] { margin: 0; background: var(--vp-bg); font-size: 16px; line-height: 1.65; }
:is(.vp-tool,.vp-integration,.vp-site-header,.vp-site-footer) * { box-sizing: border-box; }
:is(.vp-tool,.vp-integration) :is(h1,h2,h3,p,ol) { margin-top: 0; }
:is(.vp-tool,.vp-integration) :is(button,a,input):focus-visible, .vp-site-header :is(button,a):focus-visible {
  outline: 3px solid var(--vp-focus); outline-offset: 4px; border-radius: 4px;
}
:is(.vp-tool,.vp-integration) button { font: inherit; cursor: pointer; }
:is(.vp-tool,.vp-integration) button:disabled { opacity: .55; cursor: wait; }
:is(.vp-tool,.vp-integration) a { color: var(--vp-accent); text-underline-offset: 4px; }
.vp-site-header { max-width: 1240px; margin: auto; min-height: 80px; padding: 16px 28px; display: flex; gap: 24px; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--vp-line); }
.vp-brand { display: flex; align-items: center; gap: 10px; font-size: 17px; letter-spacing: .08em; font-weight: 750; color: var(--vp-text); text-decoration: none; }
.vp-brand > span { background: #b32629; color: #fff8f0; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 5px; font-size: 24px; }
.vp-brand small { font-size: 11px; color: var(--vp-muted); font-weight: 500; letter-spacing: .05em; }
.vp-site-header nav { display: flex; align-items: center; gap: 24px; }
.vp-site-header nav a { color: var(--vp-text); text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; }
.vp-site-header button { border: 1px solid var(--vp-line); border-radius: 5px; min-height: 44px; padding: 6px 12px; font: inherit; color: var(--vp-text); background: var(--vp-card); cursor: pointer; }
.vp-tool { max-width: 1020px; padding: 42px 28px 64px; margin: auto; background: var(--vp-bg); min-height: 75vh; }
.vp-masthead { padding-bottom: 26px; border-bottom: 1px solid var(--vp-line); margin-bottom: 26px; }
.vp-eyebrow { color: var(--vp-gold); font-size: 12px; font-weight: 650; letter-spacing: .09em; margin-bottom: 12px; }
.vp-masthead h1 { font-family: var(--ft-font-serif, Georgia, 'Noto Serif SC', serif); font-size: clamp(30px, 4.8vw, 44px); line-height: 1.28; margin-bottom: 18px; font-weight: 650; letter-spacing: .02em; }
.vp-lead { font-size: 17px; color: var(--vp-muted); max-width: 780px; margin-bottom: 20px; }
.vp-account-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.vp-account { color: var(--vp-muted); font-size: 14px; }
.vp-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 9px 18px; border: 1px solid var(--vp-line); border-radius: 6px; background: var(--vp-card); color: var(--vp-text); text-decoration: none; font: inherit; }
.vp-button:hover:not(:disabled) { background: var(--vp-raised); border-color: var(--vp-accent); }
.vp-button-primary { background: var(--vp-accent); border-color: var(--vp-accent); color: var(--vp-bg); font-weight: 650; }
:root.light-mode .vp-button-primary, :root[data-ft-mode='paper'] .vp-button-primary { color: #fffdf8; }
.vp-button-primary:hover:not(:disabled) { background: var(--vp-accent); filter: brightness(1.08); }
.vp-button-small { min-height: 44px; padding: 5px 12px; font-size: 14px !important; }
.vp-progress-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; font-size: 14px; }
.vp-progress { display: block; width: 100%; height: 6px; appearance: none; border: 0; border-radius: 10px; overflow: hidden; background: var(--vp-line); accent-color: var(--vp-accent); margin-bottom: 22px; }
.vp-progress::-webkit-progress-bar { background: var(--vp-line); }
.vp-progress::-webkit-progress-value { background: var(--vp-accent); }
.vp-progress::-moz-progress-bar { background: var(--vp-accent); }
.vp-groups { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-bottom: 30px; }
.vp-group { display: flex; justify-content: space-between; align-items: center; gap: 8px; text-align: left; min-height: 52px; padding: 10px 12px; color: var(--vp-muted); border: 1px solid var(--vp-line); border-radius: 6px; background: var(--vp-card); font-size: 14px !important; }
.vp-group[aria-current='step'] { color: var(--vp-accent); border-color: var(--vp-accent); background: var(--vp-accent-soft); }
.vp-group small { white-space: nowrap; font-size: 12px; }
.vp-question-section { scroll-margin-top: 24px; outline: none; }
.vp-question-section > h2, .vp-results > h2, .vp-history > h2 { font-family: var(--ft-font-serif, Georgia, 'Noto Serif SC', serif); font-size: 26px; line-height: 1.4; margin-bottom: 10px; }
.vp-question { min-width: 0; margin: 30px 0 0; padding: 18px 20px 22px; border: 1px solid var(--vp-line); border-radius: 10px; background: var(--vp-card); scroll-margin-top: 22px; }
.vp-question:focus { outline: 2px solid var(--vp-accent); outline-offset: 3px; }
.vp-question legend { max-width: 100%; padding: 0 8px; font-size: 17px; font-weight: 650; line-height: 1.65; }
.vp-question-anchors { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-bottom: 16px; }
.vp-question-anchors p { display: flex; align-items: flex-start; gap: 10px; color: var(--vp-muted); margin: 0; font-size: 14px; }
.vp-question-anchors strong { color: var(--vp-accent); border: 1px solid var(--vp-line); border-radius: 4px; min-width: 24px; line-height: 24px; text-align: center; }
.vp-choices { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 7px; }
.vp-choice { position: relative; min-width: 0; min-height: 66px; padding: 10px 2px; border: 1px solid var(--vp-line); border-radius: 6px; text-align: center; cursor: pointer; display: flex; flex-direction: column; justify-content: center; gap: 3px; background: var(--vp-bg); }
.vp-choice input { position: absolute; opacity: 0; width: 100%; height: 100%; inset: 0; margin: 0; cursor: pointer; }
.vp-choice strong { font-size: 18px; line-height: 1.2; }
.vp-choice span { font-size: 12px; color: var(--vp-muted); line-height: 1.35; overflow-wrap: anywhere; }
.vp-choice:has(:checked) { color: var(--vp-accent); background: var(--vp-accent-soft); border: 2px solid var(--vp-accent); padding: 9px 1px; }
.vp-choice:has(:checked) span { color: var(--vp-accent); }
.vp-choice:has(:focus-visible) { outline: 3px solid var(--vp-focus); outline-offset: 3px; }
.vp-draft-status { color: var(--vp-muted); font-size: 13px; margin: 20px 0; }
.vp-actions { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-top: 24px; }
.vp-note, .vp-version { color: var(--vp-muted); font-size: 13px; line-height: 1.7; }
.vp-quiz > .vp-note { margin: 22px 0 0; }
.vp-muted { color: var(--vp-muted); }
.vp-error, .vp-resume { padding: 16px 18px; border: 1px solid var(--vp-accent); background: var(--vp-accent-soft); border-radius: 8px; margin: 18px 0; }
.vp-error { color: var(--vp-accent); }
.vp-state { padding: 30px 0; color: var(--vp-muted); }
.vp-result-summary { font-size: 18px; line-height: 1.8; max-width: 800px; }
.vp-axes { display: grid; gap: 22px; margin: 26px 0; }
.vp-axis { min-width: 0; }
.vp-axis-heading, .vp-axis-labels { display: flex; justify-content: space-between; align-items: baseline; gap: 14px; }
.vp-axis-heading h3 { font-size: 16px; margin: 0; font-weight: 650; }
.vp-axis-leaning { color: var(--vp-accent); font-size: 14px; text-align: right; }
.vp-axis-labels { margin: 9px 0 8px; font-size: 13px; color: var(--vp-muted); }
.vp-axis-labels > span { max-width: 47%; }
.vp-axis-labels > span:last-child { text-align: right; }
.vp-axis-track { position: relative; height: 7px; margin: 10px 8px 12px; border-radius: 8px; background: linear-gradient(to right,var(--vp-gold),var(--vp-line) 50%,var(--vp-accent)); }
.vp-axis-track::after { content: ''; position: absolute; left: 50%; top: -4px; height: 15px; width: 1px; background: var(--vp-muted); }
.vp-axis-marker { position: absolute; width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--vp-card); background: var(--vp-text); box-shadow: 0 0 0 1px var(--vp-text); top: -4px; transform: translateX(-50%); z-index: 1; }
.vp-axis-description { font-size: 14px; margin: 10px 0 0; }
.vp-axis-position { color: var(--vp-muted); font-size: 12px; margin: 8px 0 0; }
.vp-answer-review { margin: 24px 0; padding: 16px 18px; border: 1px solid var(--vp-line); border-radius: 8px; background: var(--vp-card); }
.vp-answer-review summary { min-height: 44px; cursor: pointer; font-weight: 650; }
.vp-answer-review > p { font-size: 14px; margin: 10px 0; }
.vp-answer-items { padding-left: 24px; font-size: 14px; }
.vp-answer-items li { padding: 12px 0; border-bottom: 1px solid var(--vp-line); }
.vp-answer-items li:last-child { border-bottom: 0; }
.vp-answer-items p { margin: 6px 0 0; }
.vp-answer-choice { color: var(--vp-accent); font-weight: 650; }
.vp-consent { display: flex; align-items: flex-start; gap: 12px; padding: 18px; background: var(--vp-raised); border: 1px solid var(--vp-line); border-radius: 8px; font-size: 14px; margin-top: 24px; }
.vp-consent input { width: 20px; height: 20px; min-width: 20px; margin: 3px 0 0; accent-color: var(--vp-accent); }
.vp-privacy { border: 1px solid var(--vp-line); padding: 20px; border-radius: 8px; margin-top: 28px; background: var(--vp-card); }
.vp-privacy h3 { font-size: 17px; margin-bottom: 10px; }
.vp-version { margin: 26px 0 0; }
.vp-history { border-top: 1px solid var(--vp-line); padding-top: 26px; margin-top: 36px; }
.vp-history ol { list-style: none; padding: 0; display: grid; gap: 8px; }
.vp-history .vp-button { justify-content: flex-start; width: 100%; text-align: left; }
.vp-history [aria-current='true'] { border-color: var(--vp-accent); color: var(--vp-accent); }
.vp-site-footer { max-width: 1020px; margin: auto; padding: 24px 28px 40px; border-top: 1px solid var(--vp-line); color: var(--vp-muted); font-size: 13px; }
.vp-skip { position: fixed; left: 12px; top: -100px; z-index: 100; background: var(--vp-card); color: var(--vp-accent); padding: 12px; }
.vp-skip:focus { top: 12px; }
.vp-integration { padding: 20px 22px; margin: 20px 0; border: 1px solid var(--vp-line); border-radius: 10px; background: var(--vp-card); min-width: 0; }
.vp-integration-heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 10px 18px; margin-bottom: 12px; }
.vp-integration-heading h2 { font-family: var(--ft-font-serif, Georgia, 'Noto Serif SC', serif); font-size: 21px; line-height: 1.4; margin: 0; }
.vp-integration-heading a { font-size: 14px; min-height: 44px; display: inline-flex; align-items: center; }
.vp-integration-summary { font-size: 14px; margin-bottom: 12px; }
.vp-axes-compact { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px 24px; margin: 16px 0; }
.vp-axes-compact .vp-axis-heading h3 { font-size: 14px; }
.vp-axes-compact .vp-axis-leaning, .vp-axes-compact .vp-axis-labels { font-size: 12px; }
.profile-capability-canvas .pc-layout[data-pc-view='overview'] .vp-integration { grid-column: 1 / -1; }
@media (max-width: 640px) {
  .vp-site-header { padding: 12px 16px; gap: 12px; flex-wrap: wrap; }
  .vp-brand small { display: none; }
  .vp-site-header nav { gap: 16px; width: 100%; justify-content: space-between; font-size: 14px; }
  .vp-site-header button { font-size: 13px; }
  .vp-tool { padding: 28px 16px 44px; }
  .vp-lead { font-size: 15px; }
  .vp-groups { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; margin-bottom: 24px; }
  .vp-group { padding: 9px 10px; font-size: 12px !important; }
  .vp-question { padding: 15px 6px 16px; margin-top: 24px; }
  .vp-question legend { font-size: 16px; padding: 0 4px; }
  .vp-question-anchors { grid-template-columns: minmax(0,1fr); gap: 12px; }
  .vp-question-anchors p { font-size: 13px; }
  .vp-choices { gap: 3px; }
  .vp-choice { min-height: 68px; padding: 8px 1px; }
  .vp-choice:has(:checked) { padding: 7px 0; }
  .vp-choice span { font-size: 10px; line-height: 1.6; }
  .vp-choice strong { font-size: 17px; }
  .vp-progress-head { font-size: 12px; }
  .vp-actions > .vp-button { flex: 1 1 auto; padding: 10px 12px; }
  .vp-integration { padding: 18px 16px; }
  .vp-axes-compact { grid-template-columns: minmax(0,1fr); }
  .vp-result-summary { font-size: 16px; }
  .vp-axis-leaning { max-width: 52%; font-size: 13px; }
  .vp-site-footer { padding: 22px 16px 32px; }
}
@media (max-width: 359px) { .vp-choices { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; } }
@media (prefers-reduced-motion: reduce) { :is(.vp-tool,.vp-integration) * { scroll-behavior: auto !important; } }

/* 场景决策：两项可执行行动，沿用现有日夜主题和可访问选中状态。 */
.vp-scenario > p { margin: 0 0 14px; line-height: 1.85; }
.vp-scenario-role { font-weight: 600; }
.vp-scenario-constraint { color: var(--vp-muted); }
.vp-scenario-prompt { font-weight: 700; }
.vp-decisions { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.vp-decisions .vp-choice { align-items: flex-start; justify-content: flex-start; text-align: left; gap: 10px; padding: 18px; }
.vp-decisions .vp-choice > strong { font-size: 15px; line-height: 1.6; }
.vp-decisions .vp-choice > span { font-size: 15px; line-height: 1.85; }
@media (max-width: 640px) { .vp-decisions { grid-template-columns: minmax(0, 1fr); } }

/* 取自 2026-10-17 生产判准答题页；data-tq 隔离原组件样式，题本和保存逻辑不在此层。 */
[data-tq-host]{display:block}
.judge-test-shell[data-tq]{min-height:100vh;padding:6.5rem clamp(1rem,4vw,3.5rem) 3.5rem;color:var(--ft-text, #f4efe6);background:radial-gradient(circle at 18% 8%,rgba(183,135,45,.16),transparent 36%),radial-gradient(circle at 85% 18%,rgba(145,35,39,.14),transparent 34%)}
.judge-test-wrap[data-tq]{width:min(1320px,100%);margin:0 auto}
.judge-masthead[data-tq]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;margin-bottom:2.25rem}
.back-link[data-tq]{grid-column:3;grid-row:1;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:.55rem 1rem;border:1px solid color-mix(in srgb,var(--ft-gold, #d6a74b) 30%,transparent);border-radius:999px;color:var(--ft-muted, #a8a29e);text-decoration:none;white-space:nowrap;transition:color .2s ease,border-color .2s ease,background .2s ease}
.back-link[data-tq]:hover{color:var(--ft-gold, #d6a74b);border-color:color-mix(in srgb,var(--ft-gold, #d6a74b) 62%,transparent);background:color-mix(in srgb,var(--ft-gold, #d6a74b) 8%,transparent)}
.back-link[data-tq]:focus-visible{outline:2px solid #d6a74b;outline-offset:2px}
.seal[data-tq]{grid-column:1;grid-row:1;width:54px;height:54px;display:grid;place-items:center;border:2px solid #a7262b;color:#c43b3f;font-size:1.7rem;font-family:serif;transform:rotate(-4deg);box-shadow:0 6px 18px #a7262b2e}
.chapter[data-tq]{color:var(--ft-gold, #d6a74b);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase}
.masthead-copy[data-tq]{grid-column:2;grid-row:1;min-width:0}
h1[data-tq]{font-family:serif;font-size:clamp(2.2rem,4.5vw,3.5rem);font-weight:500;line-height:1.08;margin:0}
.subtitle[data-tq], .muted[data-tq]{color:var(--ft-muted, #a8a29e)}
.subtitle[data-tq]{margin:.55rem 0 0;line-height:1.65}
.intro-grid[data-tq]{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:1rem}
.intro-card[data-tq], .history-card[data-tq], .state-card[data-tq], .case-brief[data-tq]{background:color-mix(in srgb,var(--ft-surface, #171717) 90%,transparent);border:1px solid color-mix(in srgb,var(--ft-gold, #d6a74b) 24%,transparent);box-shadow:0 24px 70px #00000038}
.intro-card[data-tq]{padding:clamp(1.5rem,4vw,3.4rem);border-radius:6px 32px 6px 6px}
.intro-card[data-tq]   h2[data-tq]{font-family:serif;font-size:clamp(1.6rem,3vw,2.4rem);margin:.9rem 0}
.intro-card[data-tq]   p[data-tq], .intro-card[data-tq]   li[data-tq]{color:var(--ft-muted, #c3bdb3);line-height:1.8}
.intro-card[data-tq]   ul[data-tq]{padding-left:1.2rem;margin:1.3rem 0 2rem}
.history-card[data-tq]{padding:1.3rem;border-radius:6px}
.history-card[data-tq]   h2[data-tq]{margin:.2rem 0 1rem;font-family:serif}
.history-row[data-tq]{display:flex;flex-direction:column;gap:.3rem;padding:.85rem 0;border-top:1px solid rgba(148,163,184,.14);color:inherit;text-decoration:none;transition:padding-left .2s ease}
.history-row[data-tq]:hover{padding-left:.35rem}
.history-row[data-tq]   small[data-tq]{color:var(--ft-muted, #a8a29e)}
button[data-tq]{min-height:44px;font:inherit;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease}
button[data-tq]:disabled{opacity:.5;cursor:not-allowed}
button[data-tq]:focus-visible{outline:2px solid #d6a74b;outline-offset:2px}
.primary-action[data-tq]{border:0;background:linear-gradient(135deg,#d6a74b,#b87822);color:#17120b;font-weight:800;padding:.85rem 1.6rem;border-radius:6px}
.primary-action[data-tq]:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 24px #d6a74b47}
.secondary-action[data-tq]{border:1px solid rgba(148,163,184,.28);background:transparent;color:inherit;padding:.75rem 1.2rem;border-radius:6px}
.secondary-action[data-tq]:not(:disabled):hover{border-color:#d6a74b8c}
.danger-link[data-tq]{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;color:#a17373;font-size:.84rem;min-height:44px;padding:.55rem .75rem;border-radius:6px;justify-self:start}
.danger-link[data-tq]:not(:disabled):hover{color:#d68a8d;background:#a7262b14}
.state-card[data-tq]{padding:2rem;border-radius:6px;text-align:center}
.state-card.error[data-tq]{border-color:#9f3f46}
.state-card[data-tq]   button[data-tq]{margin-top:1rem}
.question-stage[data-tq]{max-width:none;margin:0 auto}
.progress-panel[data-tq]{margin-bottom:1.75rem}
.progress-head[data-tq]{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--ft-muted, #a8a29e);font-size:.9rem}
.progress-meta[data-tq]{display:flex;align-items:center;gap:0}
.progress-count[data-tq]{color:var(--ft-text, #f4efe6);font-weight:700;letter-spacing:.02em}
.progress-meta[data-tq]   small[data-tq]{display:inline-flex;align-items:center;min-height:1.5rem;margin-left:1rem;padding-left:1rem;border-left:1px solid color-mix(in srgb,var(--ft-muted, #a8a29e) 26%,transparent);font-variant-numeric:tabular-nums}
.save-state[data-tq]{display:inline-flex;align-items:center;min-height:2rem;color:#8fc39b;white-space:nowrap}
.save-state.failed[data-tq]{color:#dc8e8e}
.save-state.pending[data-tq]{color:#d6b25e}
.save-dot[data-tq]{width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:.45rem;flex:none}
.save-state.pending[data-tq]   .save-dot[data-tq]{animation:tq-save-pulse 1s ease-in-out infinite}
@keyframes tq-save-pulse{50%{opacity:.35}
}
.progress-row[data-tq]{display:flex;align-items:center;gap:.7rem;margin-top:.8rem}
.progress-track[data-tq]{flex:1;height:7px;border-radius:999px;background:#94a3b82e;overflow:hidden}
.progress-track[data-tq]   span[data-tq]{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#a7262b,#d6a74b);transition:width .3s ease}
.progress-percent[data-tq]{min-width:3.2ch;text-align:right;font-size:.78rem;color:var(--ft-muted, #a8a29e);font-variant-numeric:tabular-nums}
.question-card[data-tq]{position:relative;min-height:0;padding:0}
.case-brief[data-tq]{padding:clamp(1.35rem,2.5vw,2rem);border-radius:6px}
.topic-line[data-tq]{display:flex;align-items:baseline;gap:.85rem;padding-bottom:1.15rem;border-bottom:1px solid color-mix(in srgb,var(--ft-gold, #d6a74b) 20%,transparent)}
.topic-kicker[data-tq]{flex:none;color:var(--ft-gold, #d6a74b);font-size:.82rem;font-weight:700;letter-spacing:.08em}
.topic-text[data-tq]{min-width:0;padding-left:.85rem;border-left:1px solid color-mix(in srgb,var(--ft-muted, #a8a29e) 30%,transparent);color:var(--ft-muted, #d2cbc1);line-height:1.6}
.case-text[data-tq]{margin:1.15rem 0 0;padding:.15rem 0 .15rem 1.25rem;border-left:3px solid #9f2f34;line-height:1.82;color:var(--ft-muted, #d2cbc1)}
.case-text[data-tq]   span[data-tq]{display:block;color:#c98282;font-size:.72rem;letter-spacing:.15em;margin-bottom:.4rem}
.question-card[data-tq]   h2[data-tq]{font-family:serif;font-size:clamp(1.75rem,3vw,2.55rem);font-weight:500;line-height:1.35;margin:clamp(2rem,4vw,3rem) 0 clamp(1.5rem,3vw,2.25rem);text-align:center}
.scale-layout[data-tq]{display:flex;flex-direction:column;gap:clamp(1.4rem,3vw,2.25rem)}
.scale-anchor-pair[data-tq]{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);align-items:center;gap:clamp(1.25rem,4vw,3.75rem);padding:0 clamp(0rem,2vw,1.5rem)}
.scale-anchor[data-tq]{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;min-width:0}
.scale-anchor-low[data-tq]{color:#d6a74b}
.scale-anchor-high[data-tq]{color:#d68a8d}
.scale-anchor-divider[data-tq]{width:1px;height:72px;background:color-mix(in srgb,var(--ft-gold, #d6a74b) 28%,transparent)}
.scale-anchor-badge[data-tq]{width:3rem;height:3rem;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;color:inherit;font-family:serif;font-weight:700;font-size:1.15rem;box-shadow:0 4px 16px #0000001f}
.scale-anchor-high[data-tq]   .scale-anchor-badge[data-tq]{color:inherit}
.scale-anchor[data-tq]   p[data-tq]{margin:0;line-height:1.75;font-size:.96rem;color:var(--ft-muted, #c8c1b7)}
.scale-choice-zone[data-tq]{min-width:0;padding:0}
.scale-options[data-tq]{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin:0;border:1px solid rgba(214,167,75,.36);border-radius:8px;overflow:hidden}
.scale-options[data-tq]:before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 1px #ffffff0a}
.scale-options[data-tq]   button[data-tq]{position:relative;z-index:1;min-width:44px;min-height:68px;border:0;border-right:1px solid rgba(214,167,75,.24);background:color-mix(in srgb,var(--ft-surface, #171717) 82%,transparent);color:inherit;border-radius:0;font-family:serif;font-weight:700;font-size:1.25rem}
.scale-options[data-tq]   button[data-tq]:last-child{border-right:0}
.scale-options[data-tq]   button[data-tq]:not(:disabled):hover{background:color-mix(in srgb,var(--ft-gold, #d6a74b) 14%,var(--ft-surface, #171717));box-shadow:inset 0 -3px color-mix(in srgb,var(--ft-gold, #d6a74b) 70%,transparent)}
.scale-options[data-tq]   button.selected[data-tq]{background:color-mix(in srgb,var(--ft-gold, #d6a74b) 22%,var(--ft-surface, #171717));color:var(--ft-text, #fffaf2);box-shadow:inset 0 0 0 2px #d6a74b}
.scale-segments[data-tq]{display:grid;grid-template-columns:3fr 1fr 3fr;margin-top:.8rem}
.segment[data-tq]{min-width:0;padding-top:.55rem;border-top:1px solid transparent;text-align:center;font-size:.75rem;letter-spacing:.04em}
.segment-low[data-tq]{border-color:#d6a74bb8;color:#d6a74b}
.segment-mid[data-tq]{border-color:#94a3b866;color:var(--ft-muted, #a8a29e)}
.segment-high[data-tq]{border-color:#c43b3fb8;color:#d68a8d}
.scenario-options[data-tq]{display:grid;gap:.75rem}
.scenario-options[data-tq]   button[data-tq]{position:relative;display:flex;align-items:flex-start;text-align:left;gap:1rem;padding:1rem 1.1rem;border:1px solid rgba(148,163,184,.18);background:#94a3b80d;color:inherit;border-radius:8px}
.scenario-options[data-tq]   button[data-tq]:not(:disabled):hover{transform:translateY(-2px);border-color:#d6a74b80;box-shadow:0 8px 20px #00000047}
.scenario-options[data-tq]   button[data-tq]   b[data-tq]{width:30px;height:30px;display:grid;place-items:center;border:1px solid #d6a74b;border-radius:6px;color:#d6a74b;flex:none;transition:inherit}
.scenario-options[data-tq]   button[data-tq]   span[data-tq]{line-height:1.65}
.option-check[data-tq]{margin-left:auto;margin-top:.15rem;width:20px;height:20px;border:1px solid rgba(148,163,184,.4);border-radius:50%;flex:none;display:grid;place-items:center;transition:inherit}
.option-check[data-tq]:after{content:"\2713";font-size:.72rem;line-height:1;color:transparent;transform:scale(.6);transition:inherit}
.scenario-options[data-tq]   button.selected[data-tq]{border-color:#b33a40;background:#9f2f342e;box-shadow:0 0 0 1px #b33a4080}
.scenario-options[data-tq]   button.selected[data-tq]   b[data-tq]{background:#d6a74b;border-color:#d6a74b;color:#17120b}
.scenario-options[data-tq]   button.selected[data-tq]   .option-check[data-tq]{background:#a7262b;border-color:#e3a6a8}
.scenario-options[data-tq]   button.selected[data-tq]   .option-check[data-tq]:after{color:#fff;transform:scale(1)}
.question-actions[data-tq]{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;margin-top:2rem;padding-top:1.25rem;border-top:1px solid color-mix(in srgb,var(--ft-gold, #d6a74b) 20%,transparent)}
.auto-advance-hint[data-tq]{color:var(--ft-muted, #a8a29e);font-size:.86rem;line-height:1.5;text-align:center}
.light-mode[data-tq-host]   .judge-test-shell[data-tq], .light-mode   [data-tq-host]   .judge-test-shell[data-tq], [data-ft-mode="paper"][data-tq-host]   .judge-test-shell[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .judge-test-shell[data-tq]{color:#262a33}
.light-mode[data-tq-host]   .intro-card[data-tq], .light-mode   [data-tq-host]   .intro-card[data-tq], .light-mode[data-tq-host]   .history-card[data-tq], .light-mode   [data-tq-host]   .history-card[data-tq], .light-mode[data-tq-host]   .state-card[data-tq], .light-mode   [data-tq-host]   .state-card[data-tq], .light-mode[data-tq-host]   .case-brief[data-tq], .light-mode   [data-tq-host]   .case-brief[data-tq], [data-ft-mode="paper"][data-tq-host]   .intro-card[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .intro-card[data-tq], [data-ft-mode="paper"][data-tq-host]   .history-card[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .history-card[data-tq], [data-ft-mode="paper"][data-tq-host]   .state-card[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .state-card[data-tq], [data-ft-mode="paper"][data-tq-host]   .case-brief[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .case-brief[data-tq]{background:#fffaf2;border-color:#785a1e38;box-shadow:0 18px 44px #4b2e141f}
.light-mode[data-tq-host]   .progress-count[data-tq], .light-mode   [data-tq-host]   .progress-count[data-tq], [data-ft-mode="paper"][data-tq-host]   .progress-count[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .progress-count[data-tq]{color:#262a33}
.light-mode[data-tq-host]   .progress-track[data-tq], .light-mode   [data-tq-host]   .progress-track[data-tq], [data-ft-mode="paper"][data-tq-host]   .progress-track[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .progress-track[data-tq]{background:#64748b40}
.light-mode[data-tq-host]   .scale-anchor[data-tq], .light-mode   [data-tq-host]   .scale-anchor[data-tq], [data-ft-mode="paper"][data-tq-host]   .scale-anchor[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scale-anchor[data-tq]{border-color:#785a1e38}
.light-mode[data-tq-host]   .scale-anchor-low[data-tq], .light-mode   [data-tq-host]   .scale-anchor-low[data-tq], [data-ft-mode="paper"][data-tq-host]   .scale-anchor-low[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scale-anchor-low[data-tq]{background:transparent}
.light-mode[data-tq-host]   .scale-anchor-high[data-tq], .light-mode   [data-tq-host]   .scale-anchor-high[data-tq], [data-ft-mode="paper"][data-tq-host]   .scale-anchor-high[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scale-anchor-high[data-tq]{background:transparent}
.light-mode[data-tq-host]   .scale-anchor[data-tq]   p[data-tq], .light-mode   [data-tq-host]   .scale-anchor[data-tq]   p[data-tq], [data-ft-mode="paper"][data-tq-host]   .scale-anchor[data-tq]   p[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scale-anchor[data-tq]   p[data-tq]{color:#5b564c}
.light-mode[data-tq-host]   .scale-choice-zone[data-tq], .light-mode   [data-tq-host]   .scale-choice-zone[data-tq], [data-ft-mode="paper"][data-tq-host]   .scale-choice-zone[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scale-choice-zone[data-tq]{border-color:transparent;background:transparent}
.light-mode[data-tq-host]   .scale-options[data-tq]:before, .light-mode   [data-tq-host]   .scale-options[data-tq]:before, [data-ft-mode="paper"][data-tq-host]   .scale-options[data-tq]:before, [data-ft-mode="paper"]   [data-tq-host]   .scale-options[data-tq]:before{background:linear-gradient(90deg,#b8862fcc,#64748b66 50%,#a7262bcc)}
.light-mode[data-tq-host]   .scale-options[data-tq]   button[data-tq], .light-mode   [data-tq-host]   .scale-options[data-tq]   button[data-tq], [data-ft-mode="paper"][data-tq-host]   .scale-options[data-tq]   button[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scale-options[data-tq]   button[data-tq]{background:#fffdf7;border-color:#785a1e59;color:#262a33}
.light-mode[data-tq-host]   .scale-options[data-tq]   button[data-tq]:not(:disabled):hover, .light-mode   [data-tq-host]   .scale-options[data-tq]   button[data-tq]:not(:disabled):hover, [data-ft-mode="paper"][data-tq-host]   .scale-options[data-tq]   button[data-tq]:not(:disabled):hover, [data-ft-mode="paper"]   [data-tq-host]   .scale-options[data-tq]   button[data-tq]:not(:disabled):hover{box-shadow:0 6px 14px #785a1e2e}
.light-mode[data-tq-host]   .scale-options[data-tq]   button.selected[data-tq], .light-mode   [data-tq-host]   .scale-options[data-tq]   button.selected[data-tq], [data-ft-mode="paper"][data-tq-host]   .scale-options[data-tq]   button.selected[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scale-options[data-tq]   button.selected[data-tq]{background:#f4e7c9;border-color:#b8862f;color:#262a33;box-shadow:inset 0 0 0 2px #b8862f}
.light-mode[data-tq-host]   .segment-low[data-tq], .light-mode   [data-tq-host]   .segment-low[data-tq], [data-ft-mode="paper"][data-tq-host]   .segment-low[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .segment-low[data-tq]{color:#8a6414}
.light-mode[data-tq-host]   .segment-high[data-tq], .light-mode   [data-tq-host]   .segment-high[data-tq], [data-ft-mode="paper"][data-tq-host]   .segment-high[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .segment-high[data-tq]{color:#8f252a}
.light-mode[data-tq-host]   .scenario-options[data-tq]   button[data-tq], .light-mode   [data-tq-host]   .scenario-options[data-tq]   button[data-tq], [data-ft-mode="paper"][data-tq-host]   .scenario-options[data-tq]   button[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scenario-options[data-tq]   button[data-tq]{background:#ffffff8c;border-color:#785a1e33}
.light-mode[data-tq-host]   .scenario-options[data-tq]   button[data-tq]:not(:disabled):hover, .light-mode   [data-tq-host]   .scenario-options[data-tq]   button[data-tq]:not(:disabled):hover, [data-ft-mode="paper"][data-tq-host]   .scenario-options[data-tq]   button[data-tq]:not(:disabled):hover, [data-ft-mode="paper"]   [data-tq-host]   .scenario-options[data-tq]   button[data-tq]:not(:disabled):hover{border-color:#b8862f8c;box-shadow:0 8px 18px #785a1e29}
.light-mode[data-tq-host]   .scenario-options[data-tq]   button.selected[data-tq], .light-mode   [data-tq-host]   .scenario-options[data-tq]   button.selected[data-tq], [data-ft-mode="paper"][data-tq-host]   .scenario-options[data-tq]   button.selected[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scenario-options[data-tq]   button.selected[data-tq]{background:#a7262b1a}
.light-mode[data-tq-host]   .secondary-action[data-tq], .light-mode   [data-tq-host]   .secondary-action[data-tq], [data-ft-mode="paper"][data-tq-host]   .secondary-action[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .secondary-action[data-tq]{border-color:#64748b66}
.light-mode[data-tq-host]   .eyebrow[data-tq], .light-mode   [data-tq-host]   .eyebrow[data-tq], .light-mode[data-tq-host]   .chapter[data-tq], .light-mode   [data-tq-host]   .chapter[data-tq], [data-ft-mode="paper"][data-tq-host]   .eyebrow[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .eyebrow[data-tq], [data-ft-mode="paper"][data-tq-host]   .chapter[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .chapter[data-tq]{color:#8a6414}
.light-mode[data-tq-host]   .subtitle[data-tq], .light-mode   [data-tq-host]   .subtitle[data-tq], .light-mode[data-tq-host]   .muted[data-tq], .light-mode   [data-tq-host]   .muted[data-tq], .light-mode[data-tq-host]   .progress-head[data-tq], .light-mode   [data-tq-host]   .progress-head[data-tq], .light-mode[data-tq-host]   .segment-mid[data-tq], .light-mode   [data-tq-host]   .segment-mid[data-tq], .light-mode[data-tq-host]   .progress-percent[data-tq], .light-mode   [data-tq-host]   .progress-percent[data-tq], .light-mode[data-tq-host]   .history-row[data-tq]   small[data-tq], .light-mode   [data-tq-host]   .history-row[data-tq]   small[data-tq], .light-mode[data-tq-host]   .back-link[data-tq], .light-mode   [data-tq-host]   .back-link[data-tq], .light-mode[data-tq-host]   .auto-advance-hint[data-tq], .light-mode   [data-tq-host]   .auto-advance-hint[data-tq], [data-ft-mode="paper"][data-tq-host]   .subtitle[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .subtitle[data-tq], [data-ft-mode="paper"][data-tq-host]   .muted[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .muted[data-tq], [data-ft-mode="paper"][data-tq-host]   .progress-head[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .progress-head[data-tq], [data-ft-mode="paper"][data-tq-host]   .segment-mid[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .segment-mid[data-tq], [data-ft-mode="paper"][data-tq-host]   .progress-percent[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .progress-percent[data-tq], [data-ft-mode="paper"][data-tq-host]   .history-row[data-tq]   small[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .history-row[data-tq]   small[data-tq], [data-ft-mode="paper"][data-tq-host]   .back-link[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .back-link[data-tq], [data-ft-mode="paper"][data-tq-host]   .auto-advance-hint[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .auto-advance-hint[data-tq]{color:#6b655a}
.light-mode[data-tq-host]   .back-link[data-tq]:hover, .light-mode   [data-tq-host]   .back-link[data-tq]:hover, [data-ft-mode="paper"][data-tq-host]   .back-link[data-tq]:hover, [data-ft-mode="paper"]   [data-tq-host]   .back-link[data-tq]:hover{color:#8a6414}
.light-mode[data-tq-host]   .intro-card[data-tq]   p[data-tq], .light-mode   [data-tq-host]   .intro-card[data-tq]   p[data-tq], .light-mode[data-tq-host]   .intro-card[data-tq]   li[data-tq], .light-mode   [data-tq-host]   .intro-card[data-tq]   li[data-tq], [data-ft-mode="paper"][data-tq-host]   .intro-card[data-tq]   p[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .intro-card[data-tq]   p[data-tq], [data-ft-mode="paper"][data-tq-host]   .intro-card[data-tq]   li[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .intro-card[data-tq]   li[data-tq]{color:#4a4438}
.light-mode[data-tq-host]   .case-text[data-tq], .light-mode   [data-tq-host]   .case-text[data-tq], [data-ft-mode="paper"][data-tq-host]   .case-text[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .case-text[data-tq]{color:#4a4438;background:transparent}
.light-mode[data-tq-host]   .case-text[data-tq]   span[data-tq], .light-mode   [data-tq-host]   .case-text[data-tq]   span[data-tq], [data-ft-mode="paper"][data-tq-host]   .case-text[data-tq]   span[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .case-text[data-tq]   span[data-tq]{color:#a23b41}
.light-mode[data-tq-host]   .topic-kicker[data-tq], .light-mode   [data-tq-host]   .topic-kicker[data-tq], [data-ft-mode="paper"][data-tq-host]   .topic-kicker[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .topic-kicker[data-tq]{color:#8a6414}
.light-mode[data-tq-host]   .topic-text[data-tq], .light-mode   [data-tq-host]   .topic-text[data-tq], [data-ft-mode="paper"][data-tq-host]   .topic-text[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .topic-text[data-tq]{color:#4a4438;border-color:#785a1e47}
.light-mode[data-tq-host]   .save-state[data-tq], .light-mode   [data-tq-host]   .save-state[data-tq], [data-ft-mode="paper"][data-tq-host]   .save-state[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .save-state[data-tq]{color:#3d7a4f}
.light-mode[data-tq-host]   .save-state.failed[data-tq], .light-mode   [data-tq-host]   .save-state.failed[data-tq], [data-ft-mode="paper"][data-tq-host]   .save-state.failed[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .save-state.failed[data-tq]{color:#b3403c}
.light-mode[data-tq-host]   .save-state.pending[data-tq], .light-mode   [data-tq-host]   .save-state.pending[data-tq], [data-ft-mode="paper"][data-tq-host]   .save-state.pending[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .save-state.pending[data-tq]{color:#96741f}
.light-mode[data-tq-host]   .scenario-options[data-tq]   button[data-tq]   b[data-tq], .light-mode   [data-tq-host]   .scenario-options[data-tq]   button[data-tq]   b[data-tq], [data-ft-mode="paper"][data-tq-host]   .scenario-options[data-tq]   button[data-tq]   b[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scenario-options[data-tq]   button[data-tq]   b[data-tq]{color:#8a6414;border-color:#8a64148c}
.light-mode[data-tq-host]   .scenario-options[data-tq]   button.selected[data-tq]   b[data-tq], .light-mode   [data-tq-host]   .scenario-options[data-tq]   button.selected[data-tq]   b[data-tq], [data-ft-mode="paper"][data-tq-host]   .scenario-options[data-tq]   button.selected[data-tq]   b[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .scenario-options[data-tq]   button.selected[data-tq]   b[data-tq]{background:#b8862f;border-color:#b8862f;color:#fffdf7}
.light-mode[data-tq-host]   .option-check[data-tq], .light-mode   [data-tq-host]   .option-check[data-tq], [data-ft-mode="paper"][data-tq-host]   .option-check[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .option-check[data-tq]{border-color:#64502866}
.light-mode[data-tq-host]   .danger-link[data-tq], .light-mode   [data-tq-host]   .danger-link[data-tq], [data-ft-mode="paper"][data-tq-host]   .danger-link[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .danger-link[data-tq]{color:#9c5555}
.light-mode[data-tq-host]   .history-row[data-tq], .light-mode   [data-tq-host]   .history-row[data-tq], [data-ft-mode="paper"][data-tq-host]   .history-row[data-tq], [data-ft-mode="paper"]   [data-tq-host]   .history-row[data-tq]{border-top-color:#6450282e}
@media(max-width:900px){.scale-anchor-pair[data-tq]{gap:1.5rem}
}
@media(max-width:700px){.judge-test-shell[data-tq]{padding:5.5rem 1rem 3rem}
.intro-grid[data-tq]{grid-template-columns:1fr}
.judge-masthead[data-tq]{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem .9rem;margin-bottom:1.75rem}
.back-link[data-tq]{grid-column:1 / -1;grid-row:1;justify-self:start;padding:.5rem .8rem}
.seal[data-tq]{grid-column:1;grid-row:2;width:46px;height:46px}
.masthead-copy[data-tq]{grid-column:2;grid-row:2}
h1[data-tq]{font-size:clamp(2rem,10vw,2.55rem)}
.subtitle[data-tq]{font-size:.9rem}
.progress-panel[data-tq]{margin-bottom:1.35rem}
.progress-head[data-tq]{align-items:flex-start}
.question-card[data-tq]{min-height:auto}
.case-brief[data-tq]{padding:1.15rem}
.topic-line[data-tq]{align-items:flex-start;flex-direction:column;gap:.45rem;padding-bottom:.9rem}
.topic-text[data-tq]{padding-left:0;border-left:0;font-size:.9rem}
.case-text[data-tq]{padding-left:.95rem;font-size:.96rem;line-height:1.8}
.question-card[data-tq]   h2[data-tq]{margin:1.75rem 0 1.35rem;font-size:clamp(1.55rem,7vw,1.9rem);text-align:left}
.scale-anchor-pair[data-tq]{grid-template-columns:1fr;gap:1rem;padding:0}
.scale-anchor-divider[data-tq]{width:100%;height:1px}
.scale-choice-zone[data-tq]{padding:0}
.scale-anchor[data-tq]{gap:.85rem;padding:0}
.scale-anchor-badge[data-tq]{width:2.5rem;height:2.5rem;font-size:1rem}
.scale-options[data-tq]{gap:0}
.scale-options[data-tq]   button[data-tq]{min-width:44px;min-height:52px;padding:0;font-size:1rem;border-radius:0}
.scale-options[data-tq]   button.selected[data-tq]{transform:none}
.segment[data-tq]{font-size:.66rem;letter-spacing:.02em}
.question-actions[data-tq]{grid-template-columns:1fr 1fr;margin-top:1.5rem;padding-top:1rem}
.question-actions[data-tq]   .secondary-action[data-tq]{grid-column:1;grid-row:1}
.danger-link[data-tq]{grid-column:2;grid-row:1;justify-self:end}
.auto-advance-hint[data-tq]{grid-column:1/-1;grid-row:2;text-align:center}
.progress-meta[data-tq]{flex-direction:column;gap:.2rem}
.progress-meta[data-tq]   small[data-tq]{margin-left:0;padding-left:0;border-left:0}
}
@media(prefers-reduced-motion:reduce){button[data-tq], .back-link[data-tq], .history-row[data-tq], .progress-track[data-tq]   span[data-tq]{transition:none}
.save-state.pending[data-tq]   .save-dot[data-tq]{animation:none}
}

/* 独立价值测试也采用主站当前令牌；仅影响统一答题区及其页面底色。 */
[data-tq-host] {
  --tq-page: var(--ft-bg-paper, #14110f); --tq-card: var(--ft-bg-card, #211c18);
  --tq-text: var(--ft-text-primary, #f6f1e8); --tq-muted: var(--ft-muted, #b1a494);
  --tq-line: var(--ft-border, #4b4035); --tq-accent: var(--ft-claret, #f0645a);
  --tq-control: #2c251f;
  --ft-text: var(--tq-text); --ft-surface: var(--tq-card);
  color: var(--tq-text); font: 15px/1.6 Inter, 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', system-ui, -apple-system, sans-serif;
}
:root:is(.light-mode,[data-ft-mode='paper']) [data-tq-host] {
  --tq-page: var(--ft-bg-paper, #f8f5ef); --tq-card: var(--ft-bg-card, #fffdf9);
  --tq-text: var(--ft-text-primary, #29251f); --tq-muted: var(--ft-muted, #75695c);
  --tq-line: var(--ft-border, #d8ccbc); --tq-accent: var(--ft-claret, #990f3d); --tq-control: #f0e9de;
}
[data-tq-host] *, [data-tq-host] *::before, [data-tq-host] *::after { box-sizing: border-box; }
[data-tq-host] .judge-test-shell[data-tq] { background: var(--tq-page); color: var(--tq-text); }
[data-tq-host] .judge-test-wrap[data-tq] { color: var(--tq-text); }
[data-tq-host] .judge-masthead h1[data-tq] { font-family: STKaiti, KaiTi, 'Noto Serif SC', 'Songti SC', serif; }
:root:not(.light-mode):not([data-ft-mode='paper']) [data-tq-host] :is(.case-text[data-tq],.topic-text[data-tq],.scale-anchor[data-tq] p[data-tq]) { color: var(--tq-muted); }
[data-tq-host] .judge-test-wrap[data-tq] .case-brief[data-tq] { background: var(--tq-card); border-color: var(--tq-line); border-radius: 12px; }
:root:is(.light-mode,[data-ft-mode='paper']) [data-tq-host] .judge-test-wrap[data-tq] .case-brief[data-tq] { box-shadow: 0 18px 44px rgba(75,46,20,.12); }
[data-tq-host] .scale-options[data-tq] button[data-tq] { min-height: 40px; padding: 8px 14px; font: 600 14px/1.45 Inter, 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', system-ui, -apple-system, sans-serif; border: 1px solid var(--tq-line); border-radius: 8px; background: var(--tq-control); color: var(--tq-text); }
[data-tq-host] .scale-options[data-tq] button[data-tq].selected { box-shadow: inset 0 0 0 2px var(--tq-accent); border-color: var(--tq-accent); background: color-mix(in srgb, var(--tq-accent) 16%, var(--tq-card)); }
[data-tq-host] .judge-test-wrap[data-tq] .scenario-options[data-tq] button[data-tq] { min-height: 40px; padding: 8px 14px; font: 600 14px/1.45 Inter, 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', system-ui, -apple-system, sans-serif; border: 1px solid var(--tq-line); border-radius: 8px; background: var(--tq-control); color: var(--tq-text); }
[data-tq-host] .judge-test-wrap[data-tq] .scenario-options[data-tq] button[data-tq].selected { border-color: var(--tq-accent); background: color-mix(in srgb, var(--tq-accent) 16%, var(--tq-card)); box-shadow: inset 0 0 0 2px var(--tq-accent); }
[data-tq-host] .secondary-action[data-tq] { min-height: 40px; padding: 8px 14px; font-size: 14px; font-weight: 600; border-color: var(--tq-line); background: var(--tq-control); }
[data-tq-host] .tq-note[data-tq] { color: var(--tq-muted); font-size: 13px; line-height: 1.65; margin: 18px 0 0; }
[data-tq-host] .tq-insufficient { margin-top: 18px; }
[data-tq-host] .tq-insufficient.scenario-options[data-tq] button[data-tq] b[data-tq] { display: none; }
[data-tq-host] .question-stage[data-tq] { scroll-margin-top: 88px; }
[data-tq-host] .question-card h2[data-tq] { scroll-margin-top: 90px; }
#vp-main[data-tq-host] { max-width: none; width: 100%; padding: 0; }
body[data-value-preferences-tool] { --vp-bg: #14110f; --vp-card: #211c18; --vp-text: #f6f1e8; --vp-muted: #cbc1b3; --vp-line: #4b4035; }
:root:is(.light-mode,[data-ft-mode='paper']) body[data-value-preferences-tool] { --vp-bg: #f8f5ef; --vp-card: #fffdf9; --vp-text: #29251f; --vp-muted: #5d5348; --vp-line: #d8ccbc; }
body[data-value-preferences-tool] .judge-test-shell[data-tq] { padding-top: 24px; }
.vp-site-header { max-width: 1320px; }
[data-tq-host] :is(.ep-history,.ep-disclosure,.vp-history) { margin-top: 40px; }
/* 主站按钮由同一命名层的 important 规则接管，选中态需要在该层明确覆盖。 */
@layer debater-visual-system {
  html[data-debater-visual='unified'] [data-tq-host] .scale-options[data-tq] button[data-tq].selected,
  html[data-debater-visual='unified'] [data-tq-host] .scenario-options[data-tq] button[data-tq].selected {
    border-color: var(--tq-accent) !important; background: color-mix(in srgb, var(--tq-accent) 16%, var(--tq-card)) !important;
    box-shadow: inset 0 0 0 2px var(--tq-accent) !important; color: var(--tq-text) !important;
  }
}
@media (max-width: 700px) {
  [data-tq-host] .scale-options[data-tq] button[data-tq] { padding: 8px 4px; font-size: 13px; min-width: 0; min-height: 40px; }
  [data-tq-host] .progress-head[data-tq] { align-items: flex-start; flex-wrap: wrap; gap: 8px; }
  [data-tq-host] .save-state[data-tq] { white-space: normal; }
  [data-tq-host] .judge-masthead[data-tq] h1[data-tq] { font-size: 24px; }
}
