/* Direction 03, native practice and account surfaces. Presentation only.
   Existing IDs, hidden/disabled states, record storage and handlers are untouched. */
body[data-studio-full="true"] [hidden] { display: none !important; }
/* Familiar exits for standalone practice and operations screens. */
body[data-studio-full="true"] .studio-return-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 24px; min-height: 44px; padding: 4px clamp(24px, 2vw, 36px); border: 0; border-bottom: 1px solid #46516a; background: var(--studio-nav, var(--et-nav, #293247)); color: #f2f4f8; font-family: "Microsoft YaHei UI", "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 14px; line-height: 1.5; }
body[data-studio-full="true"] .studio-return-nav a { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 6px 0; color: inherit; text-decoration: none; overflow-wrap: anywhere; }
body[data-studio-full="true"] .studio-return-nav a:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
body[data-studio-full="true"] .studio-return-nav a:focus-visible { outline: 3px solid #d5c6f3; outline-offset: 2px; }
body[data-studio-full="true"] .studio-return-nav svg { width: 18px; height: 18px; flex-shrink: 0; }
body[data-studio-full="true"]:not(.wb-reader) {
  --wb-ink: #202638; --wb-text: #2e374a; --wb-muted: #535d70; --wb-line: #d4dbe6;
  --wb-paper: #f4f6f9; --wb-chrome: #edf1f6; --wb-green: #6656a6; --wb-green-dark: #54438f;
  --wb-tint: #e5e0f2; --wb-focus: #6656a6;
}
/* Native practice owns #content; remove the reader-only side rail and tabs. */
body[data-studio-full="true"].wb-native-page #wb-workspace { grid-template-columns: minmax(0, 1fr); max-width: none; background: var(--wb-paper); }
body[data-studio-full="true"].wb-native-page :is(#wb-outline-panel, #wb-view-tabs, #wb-notes-panel, #wb-mobile-tools) { display: none; }
body[data-studio-full="true"].wb-native-page #wb-reading #content { max-width: none; margin-inline: auto; padding: 28px 32px 48px; }
/* Keep the existing training entry elements and permission gates; only their
   destination surface changes. Blind training is the first, strongest action. */
body[data-studio-full="true"] #wb-training-launchers { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: 32px; padding: 28px 32px 0; color: var(--wb-text); }
body[data-studio-full="true"] #wb-training-launchers :is(.sh-training-feature, .sh-training-entry) { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-width: 0; padding: 28px; border: 0; border-radius: 0; }
body[data-studio-full="true"] #wb-training-launchers .sh-training-feature { background: var(--wb-tint); }
body[data-studio-full="true"] #wb-training-launchers .sh-training-entry { padding-inline: 0; }
body[data-studio-full="true"] #wb-training-launchers small { color: var(--wb-muted); font-size: 14px; line-height: 1.7; }
body[data-studio-full="true"] #wb-training-launchers :is(h1, h2) { margin: 8px 0 20px; color: var(--wb-ink); font: 650 28px/1.4 "Microsoft YaHei UI", "PingFang SC", "Microsoft YaHei", sans-serif; letter-spacing: 0; overflow-wrap: anywhere; }
body[data-studio-full="true"] #wb-training-launchers h1 { font-size: 34px; }
body[data-studio-full="true"] #wb-training-launchers .sidebar-tool { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: fit-content; max-width: 100%; min-height: 46px; margin: 0; padding: 10px 18px; border: 1px solid var(--wb-line); border-radius: 8px; color: var(--wb-green-dark); background: var(--wb-paper); font-size: 15px; line-height: 1.6; text-decoration: none; box-shadow: none; }
body[data-studio-full="true"] #wb-training-launchers .sidebar-tool-label { min-width: 0; white-space: normal; overflow: visible; overflow-wrap: anywhere; }
body[data-studio-full="true"] #wb-training-launchers .sh-training-feature .sidebar-tool { border-color: var(--wb-action-bg); color: var(--wb-action-text); background: var(--wb-action-bg); }
body[data-studio-full="true"] #wb-training-launchers .sidebar-tool:hover { border-color: var(--wb-green); background: var(--wb-chrome); }
body[data-studio-full="true"] #wb-training-launchers .sh-training-feature .sidebar-tool:hover { border-color: var(--wb-action-hover); background: var(--wb-action-hover); }
body[data-studio-full="true"] #wb-training-launchers .sidebar-tool:focus-visible { outline: 3px solid var(--wb-focus); outline-offset: 3px; }
body[data-studio-full="true"] :is(.training-center, .training-shell, .training-records-page, .training-record-detail, .training-empty-state, #wb-account-dialog, #wb-library, #feedback-dialog, #invite-dialog, #announcement-dialog, #learning-onboarding-dialog, .panzhi-download-dialog) {
  --ink: var(--wb-ink); --muted: var(--wb-muted); --line: var(--wb-line);
  --card: var(--wb-paper); --green: var(--wb-green-dark); --green-2: var(--wb-green);
  --display-font: "Microsoft YaHei UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  color: var(--wb-text); font-family: var(--display-font);
  overflow-wrap: anywhere;
}
body[data-studio-full="true"] :is(.training-center, .training-shell, .training-records-page, .training-record-detail, .training-empty-state) :is(h1, h2, h3, strong, small, .kicker, .question-number, .context-lesson-id) { font-family: inherit; letter-spacing: 0; }
body[data-studio-full="true"] :is(.training-center, .training-shell, .training-records-page, .training-record-detail, .training-empty-state) :is(button, a):focus-visible,
body[data-studio-full="true"] :is(#wb-account-dialog, #wb-library, #feedback-dialog, #invite-dialog, #announcement-dialog, #learning-onboarding-dialog, .panzhi-download-dialog) :is(button, a, input, textarea):focus-visible { outline: 3px solid var(--wb-focus); outline-offset: 3px; }
body[data-studio-full="true"] :is(.training-center, .training-shell, .training-records-page, .training-record-detail, .training-empty-state) :is(.button-primary, .button-secondary, .training-exit, .training-feedback-actions > a, .training-section-head > a, .record-answer-foot > a) {
  display: inline-flex; align-items: center; justify-content: center; min-height: 44px;
  padding: 10px 16px; border-radius: 8px; font-size: 14px; line-height: 1.6;
  white-space: normal; text-decoration: none; touch-action: manipulation;
}
body[data-studio-full="true"] :is(.training-center, .training-shell, .training-records-page, .training-record-detail, .training-empty-state) .button-secondary { color: var(--wb-green-dark); border-color: var(--wb-line); background: var(--wb-chrome); }
body[data-studio-full="true"] :is(.training-head, .training-center-head) { align-items: start; gap: 24px; margin-bottom: 28px; }
body[data-studio-full="true"] :is(.training-head, .training-center-head, .training-empty-state) h1 { max-width: 27em; margin: 8px 0 12px; color: var(--wb-ink); font-size: clamp(27px, 2.8vw, 38px); font-weight: 700; line-height: 1.45; letter-spacing: 0; }
body[data-studio-full="true"] :is(.training-center-head, .training-empty-state) p { color: var(--wb-muted); font-size: 16px; line-height: 1.8; }
body[data-studio-full="true"] :is(.training-center, .training-shell, .training-records-page, .training-record-detail, .training-empty-state) .kicker { color: var(--wb-muted); font-size: 12px; line-height: 1.6; }

/* Choose a mode: compact, distinct actions instead of three tall posters. */
body[data-studio-full="true"] .training-bank-count { padding: 16px 0 16px 24px; border-left: 1px solid var(--wb-line); border-radius: 0; color: var(--wb-muted); background: transparent; text-align: left; }
body[data-studio-full="true"] .training-bank-count > div { justify-content: flex-start; flex-wrap: wrap; }
body[data-studio-full="true"] .training-bank-count strong { color: var(--wb-green-dark); font-size: 30px; line-height: 1.2; }
body[data-studio-full="true"] .training-bank-count :is(span, small) { color: var(--wb-muted); font-size: 13px; white-space: normal; }
body[data-studio-full="true"] .training-mode-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-block: 1px solid var(--wb-line); }
body[data-studio-full="true"] .training-mode-card { min-width: 0; min-height: 270px; padding: 24px; border: 0; border-right: 1px solid var(--wb-line); border-radius: 0; color: var(--wb-text); background: transparent; box-shadow: none; transition: background .15s ease; }
body[data-studio-full="true"] .training-mode-card:last-child { border-right: 0; }
body[data-studio-full="true"] .training-mode-card.is-primary { color: var(--wb-text); background: var(--wb-tint); }
body[data-studio-full="true"] .training-mode-card:hover { background: var(--wb-heading); box-shadow: none; transform: none; }
body[data-studio-full="true"] .mode-card-top { margin-bottom: 18px; }
body[data-studio-full="true"] .mode-card-top > span,
body[data-studio-full="true"] .training-mode-card.is-primary .mode-card-top > span { width: 32px; height: 32px; border-radius: 6px; color: var(--wb-green-dark); background: var(--wb-paper); font-family: inherit; font-size: 13px; font-weight: 600; line-height: 1; }
body[data-studio-full="true"] .mode-card-top b,
body[data-studio-full="true"] .training-mode-card.is-primary .mode-card-top b { color: var(--wb-green-dark); background: var(--wb-paper); font-size: 12px; font-weight: 500; line-height: 1.5; }
body[data-studio-full="true"] .training-mode-card > small,
body[data-studio-full="true"] .training-mode-card.is-primary > small { color: var(--wb-muted); font-size: 12px; line-height: 1.5; }
body[data-studio-full="true"] .training-mode-card h2 { margin: 6px 0 12px; color: var(--wb-ink); font-size: 24px; font-weight: 650; line-height: 1.4; }
body[data-studio-full="true"] .training-mode-card > p,
body[data-studio-full="true"] .training-mode-card.is-primary > p { margin-bottom: 14px; color: var(--wb-text); font-size: 14px; line-height: 1.8; }
body[data-studio-full="true"] .mode-scope,
body[data-studio-full="true"] .training-mode-card.is-primary .mode-scope { flex-wrap: wrap; gap: 8px; padding: 12px 0; border-color: var(--wb-line); }
body[data-studio-full="true"] :is(.mode-scope span, .mode-progress small),
body[data-studio-full="true"] .training-mode-card.is-primary .mode-scope span { color: var(--wb-muted); font-size: 13px; }
body[data-studio-full="true"] .mode-scope strong,
body[data-studio-full="true"] .training-mode-card.is-primary .mode-scope strong { color: var(--wb-green-dark); font-size: 14px; }
body[data-studio-full="true"] .mode-progress > span { background: var(--wb-line); }
body[data-studio-full="true"] .mode-card-action,
body[data-studio-full="true"] .training-mode-card.is-primary .mode-card-action { min-height: 44px; color: var(--wb-green-dark); font-size: 15px; font-weight: 600; }
body[data-studio-full="true"] .mistake-review-banner { grid-template-columns: 42px minmax(0, 1fr) auto; gap: 16px; padding: 20px 0; border: 0; border-bottom: 1px solid var(--wb-line); border-radius: 0; background: transparent; }
body[data-studio-full="true"] .mistake-review-banner.is-clear { background: transparent; }
body[data-studio-full="true"] .mistake-review-banner > span:nth-child(2) :is(small, b) { font-size: 13px; line-height: 1.65; }
body[data-studio-full="true"] .mistake-review-banner > span:nth-child(2) strong { color: var(--wb-ink); font-size: 18px; line-height: 1.5; }
body[data-studio-full="true"] .mistake-review-banner > em { color: var(--wb-green-dark); font-size: 14px; white-space: normal; }
body[data-studio-full="true"] .training-center-lower { grid-template-columns: minmax(0, 1fr) 230px; gap: 32px; margin-top: 32px; }
body[data-studio-full="true"] :is(.training-records-preview, .records-full-list) { min-width: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
body[data-studio-full="true"] .training-section-head { align-items: center; flex-wrap: wrap; gap: 8px 16px; }
body[data-studio-full="true"] .training-section-head h2 { color: var(--wb-ink); font-size: 21px; line-height: 1.5; }
body[data-studio-full="true"] .training-section-head > span { color: var(--wb-muted); font-size: 13px; }
body[data-studio-full="true"] .training-overview { align-items: flex-start; justify-content: flex-start; padding: 8px 0 8px 24px; border-left: 1px solid var(--wb-line); border-radius: 0; color: var(--wb-text); background: transparent; text-align: left; }
body[data-studio-full="true"] .training-overview > strong { color: var(--wb-green-dark); font-size: 34px; }
body[data-studio-full="true"] .training-overview > :is(span, p) { color: var(--wb-muted); font-size: 14px; line-height: 1.8; }
body[data-studio-full="true"] .training-record-list { gap: 0; }
body[data-studio-full="true"] .training-record-row { min-height: 78px; padding: 14px 0; border: 0; border-bottom: 1px solid var(--wb-line); border-radius: 0; color: var(--wb-text); background: transparent; }
body[data-studio-full="true"] .training-record-row:hover { background: var(--wb-heading); }
body[data-studio-full="true"] .training-record-row > span:nth-child(2) strong { font-size: 15px; }
body[data-studio-full="true"] .training-record-row > span:nth-child(2) small,
body[data-studio-full="true"] .training-record-row > span:nth-child(3) small { color: var(--wb-muted); font-size: 12px; line-height: 1.6; }
body[data-studio-full="true"] .training-record-row > span:nth-child(3) strong { color: var(--wb-green-dark); font-size: 16px; }
body[data-studio-full="true"] .training-record-empty { padding: 26px 0; border: 0; border-radius: 0; text-align: left; justify-items: start; }
body[data-studio-full="true"] .training-record-empty strong { color: var(--wb-ink); font-size: 16px; }
body[data-studio-full="true"] .training-record-empty span { color: var(--wb-muted); font-size: 14px; line-height: 1.8; }
body[data-studio-full="true"] .training-empty-state { min-height: 440px; border: 0; border-radius: 0; background: transparent; }
body[data-studio-full="true"] .training-empty-state > div { flex-wrap: wrap; gap: 12px; }

/* Question first: a compact source strip and one generous answer column. */
body[data-studio-full="true"] .training-shell { max-width: 960px; margin-inline: auto; }
body[data-studio-full="true"] .training-progress-wrap { grid-template-columns: minmax(140px, 1fr) minmax(100px, 2fr) auto; gap: 20px; margin-bottom: 24px; }
body[data-studio-full="true"] .training-progress-copy strong { color: var(--wb-ink); font-size: 16px; }
body[data-studio-full="true"] .training-progress-copy span { color: var(--wb-muted); font-size: 13px; }
body[data-studio-full="true"] .training-progress-track span { background: var(--wb-line); }
body[data-studio-full="true"] .training-progress-track span.is-current { background: var(--wb-green); box-shadow: 0 0 0 3px var(--wb-tint); }
body[data-studio-full="true"] .training-progress-track span.is-done { background: var(--wb-correct-text); }
body[data-studio-full="true"] .training-score strong { color: var(--wb-green-dark); font-size: 24px; }
body[data-studio-full="true"] .training-score span { color: var(--wb-muted); font-size: 13px; }
body[data-studio-full="true"] .training-question-layout { grid-template-columns: minmax(0, 1fr); overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
body[data-studio-full="true"] .training-context-card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 8px 16px; min-height: 0; padding: 20px 0; border-block: 1px solid var(--wb-line); color: var(--wb-text); background: transparent; }
body[data-studio-full="true"] .context-card-top { grid-column: 1 / -1; justify-content: flex-start; gap: 12px; color: var(--wb-muted); font-size: 12px; line-height: 1.5; letter-spacing: 0; }
body[data-studio-full="true"] .context-card-top b { color: var(--wb-green-dark); border-color: var(--wb-line); }
body[data-studio-full="true"] .context-lesson-id { margin: 0; color: var(--wb-green-dark); font-size: 23px; line-height: 1.5; font-weight: 650; }
body[data-studio-full="true"] .training-context-card h2 { margin: 0; color: var(--wb-ink); font-size: 17px; line-height: 1.65; font-weight: 600; }
body[data-studio-full="true"] .context-divider { display: none; }
body[data-studio-full="true"] .training-context-card dl { grid-column: 1 / -1; grid-row: 3; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 24px; margin-top: 6px; }
body[data-studio-full="true"] .training-context-card dl > div { grid-template-columns: auto minmax(0, 1fr); gap: 10px; }
body[data-studio-full="true"] .training-context-card dt { color: var(--wb-muted); font-size: 13px; line-height: 1.7; }
body[data-studio-full="true"] .training-context-card dd { color: var(--wb-text); font-size: 14px; line-height: 1.7; }
body[data-studio-full="true"] .training-context-card > a { grid-column: 3; grid-row: 2; min-height: 44px; margin: 0; padding: 8px 0; color: var(--wb-green-dark); font-size: 14px; }
body[data-studio-full="true"] .training-answer-card { min-width: 0; padding: 28px 0 8px; }
body[data-studio-full="true"] .question-number { color: var(--wb-muted); font-size: 13px; line-height: 1.5; }
body[data-studio-full="true"] .training-answer-card h2 { margin: 12px 0 20px; color: var(--wb-ink); font-size: 24px; line-height: 1.7; font-weight: 650; }
body[data-studio-full="true"] .training-question-chart { border: 0; border-radius: 0; }
body[data-studio-full="true"] .training-chart-head { flex-wrap: wrap; gap: 8px; padding: 12px; border-color: var(--wb-line); color: var(--wb-text); background: var(--wb-chrome); font-size: 13px; letter-spacing: 0; }
body[data-studio-full="true"] .training-chart-head b { color: var(--wb-muted); font-size: 12px; }
body[data-studio-full="true"] .training-question-chart figcaption,
body[data-studio-full="true"] .training-question-chart.is-compact figcaption { padding: 12px; border-color: var(--wb-line); color: var(--wb-text); background: var(--wb-chrome); font-size: 14px; line-height: 1.8; }
body[data-studio-full="true"] .training-question-chart figcaption small { color: var(--wb-muted); font-size: 13px; line-height: 1.7; }
body[data-studio-full="true"] .training-hint { margin-bottom: 22px; padding: 12px 16px; border-radius: 4px; color: var(--wb-note-text); background: var(--wb-note-bg); font-size: 14px; line-height: 1.8; }
body[data-studio-full="true"] .confidence-picker { flex-wrap: wrap; gap: 8px 16px; margin: 20px 0 16px; }
body[data-studio-full="true"] .confidence-picker > span { color: var(--wb-muted); font-size: 14px; }
body[data-studio-full="true"] .confidence-picker > div { gap: 8px; }
body[data-studio-full="true"] .confidence-picker button { min-width: 64px; min-height: 44px; padding: 9px 14px; border: 1px solid var(--wb-line); border-radius: 7px; color: var(--wb-text); background: var(--wb-chrome); font-size: 14px; }
body[data-studio-full="true"] .confidence-picker button.is-active { border-color: var(--wb-green); color: var(--wb-green-dark); background: var(--wb-tint); }
body[data-studio-full="true"] .training-options { gap: 12px; }
body[data-studio-full="true"] .training-option { grid-template-columns: 32px minmax(0, 1fr) 20px; gap: 14px; min-height: 64px; padding: 14px 16px; border-color: var(--wb-line); border-radius: 8px; color: var(--wb-text); background: var(--wb-chrome); font-size: 17px; line-height: 1.8; }
body[data-studio-full="true"] .training-option-key { color: var(--wb-green-dark); background: var(--wb-tint); font-size: 14px; font-weight: 600; }
body[data-studio-full="true"] .training-option:hover:not(:disabled) { border-color: var(--wb-green); background: var(--wb-heading); transform: none; }
body[data-studio-full="true"] .training-option.is-correct { border-color: var(--wb-correct-text); color: var(--wb-correct-text); background: var(--wb-correct-bg); box-shadow: inset 3px 0 var(--wb-correct-text); }
body[data-studio-full="true"] .training-option.is-wrong { border-color: var(--wb-wrong-text); color: var(--wb-wrong-text); background: var(--wb-wrong-bg); box-shadow: inset 3px 0 var(--wb-wrong-text); }
body[data-studio-full="true"] :is(.training-keyboard-note, .training-locked-note) { color: var(--wb-muted); font-size: 13px; line-height: 1.7; text-align: left; }
body[data-studio-full="true"] .training-feedback { margin-top: 24px; padding: 24px; border: 0; border-left: 3px solid; border-radius: 0; }
body[data-studio-full="true"] .training-feedback.is-correct { border-color: var(--wb-correct-text); color: var(--wb-correct-text); background: var(--wb-correct-bg); }
body[data-studio-full="true"] .training-feedback.is-wrong { border-color: var(--wb-wrong-text); color: var(--wb-wrong-text); background: var(--wb-wrong-bg); }
body[data-studio-full="true"] .training-feedback-title h3 { color: inherit; font-size: 19px; line-height: 1.6; }
body[data-studio-full="true"] .training-feedback-title small { color: inherit; font-size: 12px; }
body[data-studio-full="true"] .training-answer-line { grid-template-columns: 72px minmax(0, 1fr); padding: 14px 0; border-block: 1px solid currentColor; border-radius: 0; background: transparent; }
body[data-studio-full="true"] .training-answer-line span { color: inherit; font-size: 13px; }
body[data-studio-full="true"] .training-answer-line strong { color: inherit; font-size: 16px; }
body[data-studio-full="true"] .training-feedback > p { color: var(--wb-text); font-size: 17px; line-height: 1.9; }
body[data-studio-full="true"] .training-feedback-actions { flex-wrap: wrap; gap: 12px; }

/* Results remain the original records; only reading hierarchy changes. */
body[data-studio-full="true"] :is(.result-hero, .record-detail-summary) { grid-template-columns: 160px minmax(0, 1fr); gap: 28px; padding: 28px 0; border-block: 1px solid var(--wb-line); border-radius: 0; color: var(--wb-text); background: transparent; box-shadow: none; text-align: left; }
body[data-studio-full="true"] .result-summary h2,
body[data-studio-full="true"] .record-detail-summary h2 { color: var(--wb-ink); font-size: 28px; line-height: 1.5; }
body[data-studio-full="true"] .result-summary p,
body[data-studio-full="true"] .record-detail-summary p { color: var(--wb-muted); font-size: 15px; line-height: 1.8; }
body[data-studio-full="true"] .result-summary > span,
body[data-studio-full="true"] .record-detail-summary > div:last-child > span { color: var(--wb-green-dark); font-size: 13px; }
body[data-studio-full="true"] .result-score-ring { width: 144px; height: 144px; }
body[data-studio-full="true"] .result-score-ring > div { width: 114px; height: 114px; background: var(--wb-paper); }
body[data-studio-full="true"] :is(.result-score-ring, .record-detail-score) strong { color: var(--wb-ink); font-size: 30px; }
body[data-studio-full="true"] :is(.result-score-ring, .record-detail-score) span { color: var(--wb-muted); font-size: 13px; }
body[data-studio-full="true"] .record-detail-score { border-color: var(--wb-green); }
body[data-studio-full="true"] :is(.result-metrics, .records-summary) { gap: 0; margin-block: 24px; }
body[data-studio-full="true"] :is(.result-metrics, .records-summary) article { min-width: 0; padding: 8px 20px; border: 0; border-right: 1px solid var(--wb-line); border-radius: 0; color: var(--wb-text); background: transparent; text-align: left; }
body[data-studio-full="true"] :is(.result-metrics, .records-summary) article:first-child { padding-left: 0; }
body[data-studio-full="true"] :is(.result-metrics, .records-summary) article:last-child { border-right: 0; }
body[data-studio-full="true"] :is(.result-metrics, .records-summary) :is(span, small) { color: var(--wb-muted); font-size: 13px; line-height: 1.7; }
body[data-studio-full="true"] :is(.result-metrics, .records-summary) strong { color: var(--wb-green-dark); font-size: 24px; line-height: 1.5; }
body[data-studio-full="true"] :is(.result-review, .next-prescription) { padding: 24px 0; border: 0; border-top: 1px solid var(--wb-line); border-radius: 0; background: transparent; }
body[data-studio-full="true"] .next-prescription { flex-wrap: wrap; gap: 20px; }
body[data-studio-full="true"] .next-prescription h2 { color: var(--wb-ink); font-size: 22px; line-height: 1.5; }
body[data-studio-full="true"] .next-prescription p { color: var(--wb-muted); font-size: 15px; line-height: 1.8; }
body[data-studio-full="true"] .next-prescription-actions { flex-wrap: wrap; gap: 12px; }
body[data-studio-full="true"] .result-wrong-list { gap: 0; }
body[data-studio-full="true"] .result-wrong-list a { min-height: 64px; padding: 16px 0; border: 0; border-bottom: 1px solid var(--wb-line); border-radius: 0; background: transparent; }
body[data-studio-full="true"] .result-wrong-list a > span { color: var(--wb-muted); font-size: 13px; }
body[data-studio-full="true"] .result-wrong-list a > strong { color: var(--wb-text); font-size: 15px; }
body[data-studio-full="true"] .result-wrong-list a > b { color: var(--wb-green-dark); font-size: 13px; }
body[data-studio-full="true"] .result-perfect { padding: 18px; border-radius: 4px; color: var(--wb-correct-text); background: var(--wb-correct-bg); font-size: 15px; line-height: 1.8; }
body[data-studio-full="true"] .record-retry-bar { flex-wrap: wrap; gap: 12px; padding: 18px; border: 0; border-radius: 4px; color: var(--wb-wrong-text); background: var(--wb-wrong-bg); }
body[data-studio-full="true"] .record-retry-bar strong { font-size: 16px; }
body[data-studio-full="true"] .record-retry-bar small { color: var(--wb-muted); font-size: 13px; line-height: 1.7; }
body[data-studio-full="true"] .record-answer-list { gap: 0; }
body[data-studio-full="true"] .record-answer-card { padding: 28px 0; border: 0; border-bottom: 1px solid var(--wb-line); border-radius: 0; background: transparent; }
body[data-studio-full="true"] .record-answer-head h2 { color: var(--wb-ink); font-size: 19px; line-height: 1.75; }
body[data-studio-full="true"] .record-answer-head small { color: var(--wb-muted); font-size: 13px; }
body[data-studio-full="true"] .record-answer-head > b { font-size: 13px; line-height: 1.5; }
body[data-studio-full="true"] .record-answer-card dl > div { padding: 12px 0; border-radius: 0; border-bottom: 1px solid var(--wb-line); background: transparent; }
body[data-studio-full="true"] .record-answer-card dt { color: var(--wb-muted); font-size: 13px; }
body[data-studio-full="true"] .record-answer-card dd,
body[data-studio-full="true"] .record-answer-card > p { color: var(--wb-text); font-size: 16px; line-height: 1.9; }
body[data-studio-full="true"] .record-answer-foot { align-items: center; flex-wrap: wrap; gap: 8px; font-size: 13px; }

/* Existing account and service dialogs: same controls, calmer grouping. */
body[data-studio-full="true"] :is(#feedback-dialog, #invite-dialog, #announcement-dialog, #learning-onboarding-dialog, .panzhi-download-dialog) { max-height: calc(100dvh - 48px); border: 0; border-radius: 14px; color: var(--wb-text); background: var(--wb-paper); box-shadow: var(--studio-shadow); }
body[data-studio-full="true"] :is(#feedback-dialog, #invite-dialog, #announcement-dialog, #learning-onboarding-dialog, .panzhi-download-dialog)::backdrop { background: #20283b9c; backdrop-filter: none; }
body[data-studio-full="true"] :is(.feedback-form, .invite-panel, .announcement-panel, .learning-onboarding-form, .panzhi-download-panel) { padding: 28px; }
body[data-studio-full="true"] :is(.feedback-form, .invite-panel, .announcement-panel, .learning-onboarding-form) :is(.dialog-head h2, .learning-onboarding-head h2) { color: var(--wb-ink); font: 650 24px/1.5 var(--display-font); }
body[data-studio-full="true"] :is(.feedback-form, .invite-panel, .announcement-panel, .learning-onboarding-form) .kicker { color: var(--wb-muted); font: 400 12px/1.6 var(--display-font); letter-spacing: 0; }
body[data-studio-full="true"] :is(#feedback-dialog, #invite-dialog, #announcement-dialog, #learning-onboarding-dialog) :is(button, .button-primary, .button-secondary) { min-height: 44px; font-size: 15px; line-height: 1.6; white-space: normal; }
body[data-studio-full="true"] :is(#feedback-dialog, #invite-dialog, #announcement-dialog, #learning-onboarding-dialog) .button-primary { border-color: var(--wb-action-bg); color: var(--wb-action-text); background: var(--wb-action-bg); }
body[data-studio-full="true"] :is(#feedback-dialog, #invite-dialog, #announcement-dialog, #learning-onboarding-dialog) .button-secondary { border-color: var(--wb-line); color: var(--wb-text); background: var(--wb-chrome); }
body[data-studio-full="true"] :is(#feedback-dialog, #invite-dialog, #announcement-dialog) .dialog-close { flex: 0 0 44px; width: 44px; color: var(--wb-text); background: var(--wb-chrome); font-size: 24px; }
body[data-studio-full="true"] :is(.feedback-form label, .invite-link-label) { color: var(--wb-text); font-size: 15px; line-height: 1.6; }
body[data-studio-full="true"] .feedback-form :is(textarea, input):not(.feedback-honeypot),
body[data-studio-full="true"] .invite-link-row input { min-height: 48px; padding: 12px; border: 1px solid var(--wb-line); border-radius: 8px; color: var(--wb-text); background: var(--wb-chrome); font: 400 16px/1.7 var(--display-font); }
body[data-studio-full="true"] .feedback-form textarea { min-height: 180px; }
body[data-studio-full="true"] :is(.feedback-status, .learning-onboarding-status) { color: var(--wb-danger); font-size: 14px; line-height: 1.7; }
body[data-studio-full="true"] .invite-status { color: var(--wb-muted); font-size: 14px; line-height: 1.7; }
body[data-studio-full="true"] :is(.invite-explanation, .announcement-content > p, .learning-onboarding-head p) { color: var(--wb-text); font-size: 16px; line-height: 1.85; }
body[data-studio-full="true"] .invite-deadline { max-width: 100%; color: var(--wb-note-text); background: var(--wb-note-bg); font-size: 13px; }
body[data-studio-full="true"] .invite-rules { gap: 0; padding-block: 16px; border-block: 1px solid var(--wb-line); }
body[data-studio-full="true"] .invite-rules span { padding: 8px; border-radius: 0; color: var(--wb-text); background: transparent; font-size: 14px; line-height: 1.7; }
body[data-studio-full="true"] .invite-summary { gap: 0; padding-block: 16px; border-bottom: 1px solid var(--wb-line); }
body[data-studio-full="true"] .invite-summary div { padding: 0 12px; border: 0; border-right: 1px solid var(--wb-line); border-radius: 0; background: transparent; }
body[data-studio-full="true"] .invite-summary div:first-child { padding-left: 0; }
body[data-studio-full="true"] .invite-summary div:last-child { border-right: 0; }
body[data-studio-full="true"] .invite-summary strong { color: var(--wb-green-dark); font: 650 26px/1.4 var(--display-font); }
body[data-studio-full="true"] .invite-summary span { color: var(--wb-muted); font-size: 13px; line-height: 1.7; }
body[data-studio-full="true"] .invite-tracking { border: 0; }
body[data-studio-full="true"] .invite-tracking h3 { color: var(--wb-ink); font-size: 18px; }
body[data-studio-full="true"] .invite-tracking-head button { min-width: 60px; color: var(--wb-green-dark); }
body[data-studio-full="true"] .invite-list { max-height: none; gap: 0; overflow: visible; }
body[data-studio-full="true"] .invite-row { padding: 16px 0; border-bottom: 1px solid var(--wb-line); border-radius: 0; background: transparent; }
body[data-studio-full="true"] .invite-row strong { color: var(--wb-text); font-size: 15px; }
body[data-studio-full="true"] .invite-row small { color: var(--wb-muted); font-size: 13px; line-height: 1.7; }
body[data-studio-full="true"] .invite-state { font-size: 12px; white-space: normal; }
body[data-studio-full="true"] .invite-empty { padding: 24px 0; border-radius: 0; color: var(--wb-muted); background: transparent; font-size: 14px; text-align: left; }
body[data-studio-full="true"] .invite-safety { color: var(--wb-muted); font-size: 13px; line-height: 1.8; }
body[data-studio-full="true"] .announcement-content .notice-card { padding: 18px 0; border: 0; border-bottom: 1px solid var(--wb-line); border-radius: 0; color: var(--wb-text); background: transparent; font-family: var(--display-font); font-size: 16px; }
body[data-studio-full="true"] .announcement-content .notice-card :is(strong, .notice-action) { color: var(--wb-green-dark); font-size: 16px; }
body[data-studio-full="true"] .dialog-actions { flex-wrap: wrap; gap: 12px; }
body[data-studio-full="true"] .learning-onboarding-head { gap: 16px; border-color: var(--wb-line); }
body[data-studio-full="true"] .learning-onboarding-count { color: var(--wb-green-dark); background: var(--wb-tint); font-size: 13px; }
body[data-studio-full="true"] .learning-onboarding-questions { gap: 26px; margin-top: 28px; }
body[data-studio-full="true"] .learning-profile-question { padding: 0; border: 0; border-radius: 0; background: transparent; }
body[data-studio-full="true"] .learning-profile-question legend { margin-bottom: 14px; padding: 0; flex-wrap: wrap; }
body[data-studio-full="true"] .learning-profile-question legend strong { color: var(--wb-ink); font-size: 17px; line-height: 1.7; }
body[data-studio-full="true"] .learning-profile-question legend > span { color: var(--wb-green-dark); background: var(--wb-tint); font-size: 13px; }
body[data-studio-full="true"] .learning-profile-question legend small { color: var(--wb-muted); background: transparent; font-size: 13px; }
body[data-studio-full="true"] .learning-choice-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
body[data-studio-full="true"] .learning-choice-grid label > span { min-height: 56px; padding: 12px; border-color: var(--wb-line); border-radius: 7px; color: var(--wb-text); background: var(--wb-chrome); }
body[data-studio-full="true"] .learning-choice-grid b { font-size: 15px; line-height: 1.7; }
body[data-studio-full="true"] .learning-choice-grid small { color: var(--wb-muted); font-size: 13px; line-height: 1.7; }
body[data-studio-full="true"] .learning-choice-grid input:focus-visible + span { outline: 3px solid var(--wb-focus); outline-offset: 3px; }
body[data-studio-full="true"] .learning-choice-grid input:checked + span { border-color: var(--wb-green); color: var(--wb-green-dark); background: var(--wb-tint); box-shadow: inset 0 0 0 1px var(--wb-green); }
body[data-studio-full="true"] .learning-choice-grid input:checked + span::after { color: var(--wb-action-text); background: var(--wb-action-bg); }
body[data-studio-full="true"] .learning-onboarding-result { border: 0; border-left: 3px solid var(--wb-green); border-radius: 0; background: var(--wb-tint); }
body[data-studio-full="true"] .learning-onboarding-result h3 { color: var(--wb-ink); font: 650 22px/1.5 var(--display-font); }
body[data-studio-full="true"] .learning-onboarding-result :is(p, li) { color: var(--wb-text); font-size: 15px; line-height: 1.8; }
body[data-studio-full="true"] .learning-onboarding-actions { flex-wrap: wrap; gap: 12px; }
body[data-studio-full="true"] #wb-account-dialog .sidebar-tools { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; }
body[data-studio-full="true"] #wb-account-dialog .sidebar-tool { grid-column: auto; min-width: 0; min-height: 56px; padding: 14px 0; border: 0; border-bottom: 1px solid var(--wb-line); border-radius: 0; color: var(--wb-text); background: transparent; font-size: 15px; box-shadow: none; }
body[data-studio-full="true"] #wb-account-dialog .sidebar-tool:hover { color: var(--wb-green-dark); background: var(--wb-tint); }
body[data-studio-full="true"] #wb-account-dialog .sidebar-tool :is(.training-tool-icon, .training-tool-arrow, small) { color: var(--wb-green-dark); background: transparent; }
body[data-studio-full="true"] #wb-account-dialog .sidebar-tools-toggle { padding: 8px 0; border: 0; border-radius: 0; background: transparent; }
body[data-studio-full="true"] #wb-account-dialog .sidebar-tools-toggle :is(span, small) { color: var(--wb-muted); font-size: 14px; }
body[data-studio-full="true"] #wb-account-dialog .sidebar-footer :is(p, button) { color: var(--wb-muted); font-size: 14px; line-height: 1.8; }
body[data-studio-full="true"] #wb-account-dialog .account-email { white-space: normal; overflow-wrap: anywhere; }
body[data-studio-full="true"] #wb-library .lesson-item { padding: 14px 0; border-bottom: 1px solid var(--wb-line); border-radius: 0; }
body[data-studio-full="true"] #wb-library .lesson-name { font-size: 15px; line-height: 1.7; }
body[data-studio-full="true"] #wb-library .search-wrap input { min-height: 48px; font-size: 16px; }
body[data-studio-full="true"] .panzhi-download-head h2,
body[data-studio-full="true"] .panzhi-download-platform h3 { color: var(--wb-ink); }
body[data-studio-full="true"] .panzhi-download-summary,
body[data-studio-full="true"] .panzhi-download-platform p { color: var(--wb-text); }
body[data-studio-full="true"] .panzhi-download-platform { border-color: var(--wb-line); }
body[data-studio-full="true"] .panzhi-download-primary { border-color: var(--wb-action-bg); color: var(--wb-action-text); background: var(--wb-action-bg); }
body[data-studio-full="true"] :is(.panzhi-download-secondary, .panzhi-download-close) { border-color: var(--wb-line); color: var(--wb-text); background: var(--wb-chrome); }

@media (max-width: 780px) {
  body[data-studio-full="true"] .studio-return-nav { gap: 4px 20px; padding: 0 max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left)); font-size: 13px; }
  body[data-studio-full="true"] .studio-return-nav a { min-height: 44px; }
  body[data-studio-full="true"] #wb-training-launchers { grid-template-columns: minmax(0, 1fr); gap: 0; padding: 0 max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left)); }
  body[data-studio-full="true"] #wb-training-launchers :is(.sh-training-feature, .sh-training-entry) { padding: 24px 0; }
  body[data-studio-full="true"] #wb-training-launchers .sh-training-feature { margin-inline: calc(-1 * max(16px, env(safe-area-inset-left))) calc(-1 * max(16px, env(safe-area-inset-right))); padding-inline: max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right)); }
  body[data-studio-full="true"] #wb-training-launchers .sh-training-entry { border-bottom: 1px solid var(--wb-line); }
  body[data-studio-full="true"] #wb-training-launchers h1 { font-size: 28px; }
  body[data-studio-full="true"] #wb-training-launchers h2 { font-size: 23px; }
  body[data-studio-full="true"] :is(.training-head, .training-center-head) { display: flex; flex-direction: column; gap: 16px; margin-bottom: 24px; }
  body[data-studio-full="true"] :is(.training-head, .training-center-head, .training-empty-state) h1 { margin-top: 6px; font-size: 27px; line-height: 1.5; text-wrap: balance; }
  /* Keep the exit beside the mode label; the original heading stays full width. */
  body[data-studio-full="true"] .training-shell:not(.training-result-shell) .training-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px 12px; margin-bottom: 16px; }
  body[data-studio-full="true"] .training-shell:not(.training-result-shell) .training-head > div { display: contents; }
  body[data-studio-full="true"] .training-shell:not(.training-result-shell) .training-head .kicker { grid-column: 1; grid-row: 1; }
  body[data-studio-full="true"] .training-shell:not(.training-result-shell) .training-head h1 { grid-column: 1 / -1; grid-row: 2; margin: 0; }
  body[data-studio-full="true"] .training-shell:not(.training-result-shell) .training-head .training-exit { grid-column: 2; grid-row: 1; margin: 0; padding: 8px 12px; }
  body[data-studio-full="true"] .training-bank-count { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 16px; padding: 0; border: 0; }
  body[data-studio-full="true"] .training-bank-count strong { font-size: 24px; }
  body[data-studio-full="true"] .training-bank-count small { margin: 0; }
  body[data-studio-full="true"] .training-mode-grid { grid-template-columns: minmax(0, 1fr); border-top: 0; }
  body[data-studio-full="true"] .training-mode-card,
  body[data-studio-full="true"] .training-mode-card.is-primary { min-height: 0; padding: 22px 0; border: 0; border-top: 1px solid var(--wb-line); border-radius: 0; background: transparent; }
  body[data-studio-full="true"] .training-mode-card:hover { background: var(--wb-heading); }
  body[data-studio-full="true"] .mode-card-top { margin-bottom: 8px; }
  body[data-studio-full="true"] .training-mode-card h2 { font-size: 22px; }
  body[data-studio-full="true"] .mode-scope { justify-content: flex-start; margin-top: 8px; padding: 0; border: 0; }
  body[data-studio-full="true"] .training-mode-card.is-primary .mode-scope { padding: 0; border: 0; }
  body[data-studio-full="true"] .mode-progress { padding: 8px 0 0; }
  body[data-studio-full="true"] .mode-card-action { padding-top: 12px; }
  body[data-studio-full="true"] .mistake-review-banner { grid-template-columns: 32px minmax(0, 1fr); gap: 10px; }
  body[data-studio-full="true"] .mistake-review-icon { width: 32px; height: 32px; font-size: 18px; border-radius: 6px; }
  body[data-studio-full="true"] .mistake-review-banner > em { grid-column: 2; }
  body[data-studio-full="true"] .training-center-lower { grid-template-columns: minmax(0, 1fr); gap: 24px; margin-top: 24px; }
  body[data-studio-full="true"] .training-overview { padding: 20px 0 0; border: 0; border-top: 1px solid var(--wb-line); }
  body[data-studio-full="true"] .training-record-row { grid-template-columns: 30px minmax(0, 1fr) auto; gap: 10px; }
  body[data-studio-full="true"] .record-mode { width: 30px; height: 30px; font-size: 12px; }
  body[data-studio-full="true"] .training-record-row > b { grid-column: 3; justify-self: end; }
  body[data-studio-full="true"] .training-progress-wrap { grid-template-columns: minmax(0, 1fr) auto; gap: 8px; margin-bottom: 16px; }
  body[data-studio-full="true"] .training-progress-track { grid-column: 1 / -1; grid-row: 2; }
  body[data-studio-full="true"] .training-score { grid-column: 2; grid-row: 1; }
  body[data-studio-full="true"] .training-context-card { grid-template-columns: auto minmax(0, 1fr); gap: 6px 12px; padding: 10px 0; }
  body[data-studio-full="true"] .context-card-top b { padding: 2px 6px; }
  body[data-studio-full="true"] .training-context-card dl { grid-column: 1 / -1; grid-row: auto; grid-template-columns: minmax(0, 1fr); gap: 4px; margin-top: 2px; }
  body[data-studio-full="true"] .training-context-card > a { grid-column: 1 / -1; grid-row: auto; justify-content: flex-start; gap: 12px; padding: 0; }
  body[data-studio-full="true"] .training-answer-card { padding-top: 16px; }
  body[data-studio-full="true"] .training-answer-card h2 { font-size: 21px; line-height: 1.75; }
  body[data-studio-full="true"] .training-option { grid-template-columns: 28px minmax(0, 1fr) 18px; gap: 10px; padding: 12px 10px; border-radius: 6px; font-size: 16px; }
  body[data-studio-full="true"] .training-option-key { width: 28px; height: 28px; }
  body[data-studio-full="true"] .training-hint { padding: 12px; }
  body[data-studio-full="true"] .training-feedback { padding: 18px 14px; }
  body[data-studio-full="true"] .training-feedback-title { align-items: flex-start; gap: 10px; }
  body[data-studio-full="true"] .training-feedback-title > span { width: 30px; height: 30px; font-size: 16px; }
  body[data-studio-full="true"] .training-feedback-title h3 { font-size: 18px; }
  body[data-studio-full="true"] .training-feedback > p { font-size: 16px; }
  body[data-studio-full="true"] .training-answer-line { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  body[data-studio-full="true"] .training-feedback-actions { justify-content: stretch; }
  body[data-studio-full="true"] .training-feedback-actions > :is(a, button) { flex: 1 1 160px; }
  body[data-studio-full="true"] :is(.result-hero, .record-detail-summary) { grid-template-columns: minmax(0, 1fr); gap: 24px; justify-items: start; padding: 24px 0; }
  body[data-studio-full="true"] .result-summary h2,
  body[data-studio-full="true"] .record-detail-summary h2 { font-size: 24px; }
  body[data-studio-full="true"] :is(.result-metrics, .records-summary) article { padding: 0 10px; }
  body[data-studio-full="true"] :is(.result-metrics, .records-summary) strong { font-size: 22px; }
  body[data-studio-full="true"] .result-wrong-list a { grid-template-columns: 44px minmax(0, 1fr); gap: 8px; }
  body[data-studio-full="true"] .result-wrong-list a > b { grid-column: 2; }
  body[data-studio-full="true"] .next-prescription-actions { width: 100%; }
  body[data-studio-full="true"] .next-prescription-actions > :is(button, a) { flex: 1 1 130px; }
  body[data-studio-full="true"] .record-answer-head { grid-template-columns: 30px minmax(0, 1fr); gap: 10px; }
  body[data-studio-full="true"] .record-answer-head > span { width: 30px; height: 30px; border-radius: 6px; }
  body[data-studio-full="true"] .record-answer-head > b { grid-column: 2; justify-self: start; }
  body[data-studio-full="true"] .record-answer-card dl > div { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  body[data-studio-full="true"] :is(#feedback-dialog, #invite-dialog, #announcement-dialog, #learning-onboarding-dialog, .panzhi-download-dialog) { width: 100%; max-width: 100%; max-height: 100dvh; margin: auto 0 0; border: 0; border-radius: 12px 12px 0 0; }
  body[data-studio-full="true"] :is(.feedback-form, .invite-panel, .announcement-panel, .learning-onboarding-form, .panzhi-download-panel) { padding: 20px max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); }
  body[data-studio-full="true"] :is(.feedback-form, .invite-panel, .announcement-panel, .learning-onboarding-form) :is(.dialog-head h2, .learning-onboarding-head h2) { font-size: 21px; }
  body[data-studio-full="true"] .invite-rules { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  body[data-studio-full="true"] .invite-rules span { padding: 0; text-align: left; }
  body[data-studio-full="true"] .invite-link-row { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  body[data-studio-full="true"] .invite-summary div { padding-inline: 10px; }
  body[data-studio-full="true"] .learning-onboarding-head { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 0 0 20px; }
  body[data-studio-full="true"] .learning-onboarding-count { justify-self: start; }
  body[data-studio-full="true"] .learning-choice-grid { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  body[data-studio-full="true"] .learning-choice-grid label > span { padding: 14px 12px; }
  body[data-studio-full="true"] .learning-onboarding-result { grid-template-columns: minmax(0, 1fr); padding: 16px; }
  body[data-studio-full="true"] .learning-onboarding-actions > button { flex: 1 1 100%; min-width: 0; }
  body[data-studio-full="true"] #wb-account-dialog .sidebar-tools { grid-template-columns: minmax(0, 1fr); }
  body[data-studio-full="true"] #wb-account-dialog .sidebar-tool { min-height: 56px; }
  body[data-studio-full="true"] #wb-account-dialog .topbar-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  body[data-studio-full="true"] #wb-account-dialog .topbar-actions > :is(a, button) { width: auto; min-width: 0; padding: 10px 8px; white-space: normal; font-size: 14px; }
  body[data-studio-full="true"] #wb-library .filter-row { gap: 8px; }
  body[data-studio-full="true"] #wb-library .chip { min-height: 44px; padding-inline: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-studio-full="true"] :is(.training-mode-card, .training-option, .learning-choice-grid label > span) { transition: none; }
}
@media print {
  body[data-studio-full="true"] .studio-return-nav { display: none; }
}
/* Training entries inherit one palette, not the old sidebar's mint/yellow. */
#wb-training-launchers .training-tool-icon{background:transparent;color:inherit}
#wb-training-launchers .training-tool-arrow{color:inherit}