/* D-766 — Learning presentation only. Training content, ids and storage stay intact.
   The shared workspace geometry is identical across personal palettes. */
html:root[data-interface-theme] body.synapse-learning-theme {
  --learning-canvas:var(--workspace-canvas,var(--theme-canvas,#f6f5f0));
  --learning-paper:var(--workspace-paper,var(--theme-paper,#fffefb));
  --learning-ink:var(--workspace-ink,var(--theme-ink,#13233d));
  --learning-muted:var(--workspace-muted,var(--theme-muted,#61718a));
  --learning-line:var(--workspace-line,var(--theme-line,#dfe3e5));
  --learning-accent:var(--workspace-accent,var(--theme-accent,#142744));
  --learning-accent-ink:var(--workspace-accent-ink,#fff);
  --learning-soft:var(--workspace-soft,var(--theme-soft,#eff3cf));
  --learning-secondary:var(--workspace-secondary,var(--theme-secondary,#e0f0e9));
  --learning-radius:var(--workspace-radius,22px);
  --learning-control-radius:var(--workspace-control-radius,12px);
  --learning-shadow:var(--workspace-shadow,0 2px 2px #14274405,0 8px 24px #14274405,inset 0 1px 0 #fff);
  --learning-gap:var(--workspace-gap,24px);
  min-height:100vh;
  margin:0;
  background:var(--learning-canvas);
  color:var(--learning-ink);
  font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:15px;
  line-height:1.6;
}
html:root[data-interface-theme="medical-ivory"] body.synapse-learning-theme {
  --learning-accent:var(--workspace-accent,var(--medical-lime,#dff34d));
  --learning-accent-ink:var(--workspace-accent-ink,var(--medical-navy,#142744));
}
html:root[data-interface-theme]:has(body.synapse-learning-theme) {
  min-height:100%;
  background:var(--workspace-canvas,var(--theme-canvas,#f6f5f0));
}
html:root[data-interface-theme] body.synapse-learning-theme header.learning-app-bar:is(.learning-bar,.topbar) {
  min-height:76px;
  gap:20px;
  padding:14px max(28px,calc((100vw - 1120px)/2));
  background:var(--learning-paper);
  border-bottom:1px solid var(--learning-line);
  box-shadow:0 2px 12px #14274403;
}
html:root[data-interface-theme] body.synapse-learning-theme .learning-app-bar .learning-brand {
  flex-shrink:0;
  gap:10px;
}
html:root[data-interface-theme] body.synapse-learning-theme .learning-brand img { width:38px; height:38px; border-radius:12px; }
html:root[data-interface-theme] body.synapse-learning-theme .learning-brand strong { color:var(--learning-ink); font-size:22px; font-weight:750; letter-spacing:-.045em; }
html:root[data-interface-theme] body.synapse-learning-theme .learning-app-bar .learning-breadcrumb {
  flex:1;
  justify-content:flex-start;
  gap:10px;
  margin:0;
  padding:0 0 0 24px;
  border-left:1px solid var(--learning-line);
  color:var(--learning-muted);
  font-size:13px;
}
html:root[data-interface-theme] body.synapse-learning-theme .learning-breadcrumb :is(a,[aria-current]) { color:var(--learning-ink); }
html:root[data-interface-theme] body.synapse-learning-theme .learning-breadcrumb a { text-decoration:underline; text-decoration-color:var(--learning-line); text-underline-offset:4px; }
html:root[data-interface-theme] body.synapse-learning-theme .learning-app-bar .learning-return {
  min-height:44px;
  padding:10px 14px;
  border:1px solid var(--learning-line);
  border-radius:var(--learning-control-radius);
  background:var(--learning-paper);
  color:var(--learning-ink);
  box-shadow:0 2px 3px #14274403;
  font-size:13px;
}
html:root[data-interface-theme] body.synapse-learning-theme main.learning-workspace { width:100%; max-width:1176px; padding:34px 28px 48px; }
html:root[data-interface-theme] body.synapse-learning-theme :is(h1,h2,h3) { color:var(--learning-ink); font-family:inherit; font-weight:750; letter-spacing:-.035em; }
html:root[data-interface-theme] body.synapse-learning-theme main.learning-workspace h1 { margin:8px 0 10px; font-size:34px; line-height:1.2; }
html:root[data-interface-theme] body.synapse-learning-theme .eyebrow { color:var(--learning-muted); font-size:11px; line-height:1.5; letter-spacing:.09em; font-weight:800; }
html:root[data-interface-theme] body.synapse-learning-theme .learning-workspace > .eyebrow { margin:0; }
html:root[data-interface-theme] body.synapse-learning-theme .learning-workspace > .intro { max-width:760px; margin:0 0 20px; color:var(--learning-muted); font-size:15px; line-height:1.6; }
html:root[data-interface-theme] body.synapse-learning-theme .learning-page-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:9px 24px; margin:0 0 28px; }
html:root[data-interface-theme] body.synapse-learning-theme .learning-page-heading > .eyebrow { grid-column:1/-1; }
html:root[data-interface-theme] body.synapse-learning-theme .learning-page-heading h1 { grid-column:1; margin:0; }
html:root[data-interface-theme] body.synapse-learning-theme .learning-page-heading > p:not(.eyebrow) { grid-column:1/-1; max-width:720px; font-size:15px; color:var(--learning-muted); }
html:root[data-interface-theme] body.synapse-learning-theme .learning-page-heading .pill { grid-column:2; grid-row:2; align-self:center; justify-self:end; }
html:root[data-interface-theme] body.synapse-learning-theme :is(.pill,.badge) { padding:7px 12px; border:1px solid var(--learning-line); border-radius:999px; background:var(--learning-soft); color:var(--learning-ink); font-size:12px; line-height:1.5; font-weight:650; }
html:root[data-interface-theme] body.synapse-learning-theme .learning-grid.learning-home-grid { grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr); gap:var(--learning-gap); align-items:start; margin:0; }
html:root[data-interface-theme] body.synapse-learning-theme :is(.learning-card,.story,form#reasoning,.debrief) { min-width:0; border:1px solid var(--learning-card-line,var(--learning-line)); border-top:var(--learning-card-top-width,1px) solid var(--learning-card-top-color,var(--learning-card-line,var(--learning-line))); border-radius:var(--learning-radius); padding:28px; background:var(--learning-card-background,var(--learning-paper)); color:var(--learning-ink); box-shadow:var(--learning-card-shadow,var(--learning-shadow)); }
html:root[data-interface-theme] body.synapse-learning-theme .learning-home-grid .learning-card {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:16px;
  position:relative;
  overflow:hidden;
  --learning-card-top-width:4px;
  --learning-card-top-color:var(--learning-accent);
  text-decoration:none;
}
html:root[data-interface-theme] body.synapse-learning-theme .learning-card.featured > .eyebrow { display:flex; align-items:center; gap:10px; color:var(--learning-ink); }
/* Same open-book outline as .icon-library in the application's icon set. */
html:root[data-interface-theme] body.synapse-learning-theme .learning-card.featured > .eyebrow::before {
  content:"";
  width:24px;
  height:24px;
  flex:0 0 24px;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5C9 3 5 3 2.5 4v15c3-1 6.5-1 9.5 1 3-2 6.5-2 9.5-1V4C19 3 15 3 12 5Zm0 0v15'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5C9 3 5 3 2.5 4v15c3-1 6.5-1 9.5 1 3-2 6.5-2 9.5-1V4C19 3 15 3 12 5Zm0 0v15'/%3E%3C/svg%3E") center/contain no-repeat;
}
html:root[data-interface-theme] body.synapse-learning-theme .learning-home-grid .learning-card h2 { margin:0; font-size:28px; line-height:1.25; }
html:root[data-interface-theme] body.synapse-learning-theme .learning-home-grid .learning-card p { max-width:550px; margin:0; color:var(--learning-ink); font-size:15px; line-height:1.65; }
html:root[data-interface-theme] body.synapse-learning-theme .learning-card ul { display:grid; gap:9px; width:100%; margin:0; padding:18px 0; border-block:1px solid var(--learning-line); list-style:none; }
html:root[data-interface-theme] body.synapse-learning-theme .learning-card li { display:flex; gap:10px; align-items:baseline; color:var(--learning-ink); font-size:14px; line-height:1.55; }
html:root[data-interface-theme] body.synapse-learning-theme .learning-card li::before { content:""; flex:0 0 6px; width:6px; height:6px; border-radius:50%; background:var(--learning-muted); }
html:root[data-interface-theme] body.synapse-learning-theme .learning-card small { max-width:540px; color:var(--learning-muted); font-size:12px; line-height:1.6; }
html:root[data-interface-theme] body.synapse-learning-theme .learning-home-grid .learning-card .action { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; margin:4px 0 0; padding:13px 16px; border:1px solid color-mix(in srgb,var(--learning-accent) 85%,var(--learning-line)); border-radius:var(--learning-control-radius); color:var(--learning-accent-ink); background:var(--learning-accent); box-shadow:0 2px 4px #14274407; font-size:14px; line-height:1.5; }
html:root[data-interface-theme] body.synapse-learning-theme .learning-home-grid .learning-card .action span { color:inherit; font-size:20px; font-weight:500; }
html:root[data-interface-theme] body.synapse-learning-theme .learning-help { padding:20px 22px; border:1px solid var(--learning-line); border-radius:var(--learning-radius); background:var(--learning-paper); box-shadow:var(--learning-shadow); }
html:root[data-interface-theme] body.synapse-learning-theme .learning-help > summary { min-height:44px; color:var(--learning-ink); font-size:15px; line-height:1.5; }
html:root[data-interface-theme] body.synapse-learning-theme .learning-help ol { counter-reset:learning-step; list-style:none; margin:20px 0; padding:0; gap:18px; }
html:root[data-interface-theme] body.synapse-learning-theme .learning-help li { position:relative; padding-left:38px; font-size:14px; }
html:root[data-interface-theme] body.synapse-learning-theme .learning-help li::before { counter-increment:learning-step; content:counter(learning-step); position:absolute; top:0; left:0; display:grid; place-items:center; width:26px; height:26px; border:1px solid var(--learning-line); border-radius:50%; background:var(--learning-soft); color:var(--learning-ink); font-size:12px; font-weight:750; }
html:root[data-interface-theme] body.synapse-learning-theme .learning-help li p { color:var(--learning-muted); font-size:13px; }
html:root[data-interface-theme] body.synapse-learning-theme .learning-help small { color:var(--learning-muted); }
html:root[data-interface-theme] body.synapse-learning-theme .notice { margin:0 0 24px; padding:14px 18px; border:1px solid var(--learning-line); border-left:3px solid var(--learning-muted); border-radius:var(--learning-control-radius); background:var(--learning-paper); color:var(--learning-muted); font-size:13px; line-height:1.65; }
html:root[data-interface-theme] body.synapse-learning-theme .case-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:0 0 16px; padding:20px 24px; border:1px solid color-mix(in srgb,var(--learning-secondary) 65%,var(--learning-line)); border-radius:18px; background:var(--learning-secondary); }
html:root[data-interface-theme] body.synapse-learning-theme .case-heading h2 { margin:0 0 5px; font-size:20px; line-height:1.35; }
html:root[data-interface-theme] body.synapse-learning-theme .case-heading p { margin:0; color:color-mix(in srgb,var(--learning-muted) 90%,var(--learning-ink)); font-size:14px; }
html:root[data-interface-theme] body.synapse-learning-theme .case-heading .badge { flex-shrink:0; border-color:color-mix(in srgb,var(--learning-paper) 65%,var(--learning-line)); background:color-mix(in srgb,var(--learning-paper) 70%,transparent); }
html:root[data-interface-theme] body.synapse-learning-theme #chapters { display:flex; gap:8px; margin:0 0 22px; padding:0 0 12px; border-bottom:1px solid var(--learning-line); overflow-x:auto; overscroll-behavior-inline:contain; scrollbar-width:thin; scrollbar-color:var(--learning-line) transparent; }
html:root[data-interface-theme] body.synapse-learning-theme #chapters button { flex:1; min-width:0; min-height:56px; padding:12px; border:1px solid var(--learning-line); border-radius:var(--learning-control-radius); background:var(--learning-paper); color:var(--learning-muted); box-shadow:none; white-space:normal; font-size:12px; line-height:1.4; text-align:left; }
html:root[data-interface-theme] body.synapse-learning-theme #chapters button[aria-current="step"] { border-color:var(--learning-ink); background:var(--learning-soft); color:var(--learning-ink); box-shadow:inset 0 -3px 0 var(--learning-accent); }
html:root[data-interface-theme] body.synapse-learning-theme #chapters button:disabled { opacity:.6; cursor:not-allowed; }
html:root[data-interface-theme] body.synapse-learning-theme .workspace { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); align-items:start; gap:var(--learning-gap); }
html:root[data-interface-theme] body.synapse-learning-theme .workspace .story { --learning-card-background:color-mix(in srgb,var(--learning-paper) 65%,var(--learning-secondary)); }
html:root[data-interface-theme] body.synapse-learning-theme .story #progress { display:inline-block; margin:0 0 16px; padding:6px 10px; border:1px solid var(--learning-line); border-radius:8px; background:var(--learning-paper); color:var(--learning-ink); font-size:10px; letter-spacing:.075em; }
html:root[data-interface-theme] body.synapse-learning-theme .story #stepTitle { margin:0 0 12px; font-size:24px; line-height:1.3; }
html:root[data-interface-theme] body.synapse-learning-theme .story #information { margin:0; font-size:15px; line-height:1.8; }
html:root[data-interface-theme] body.synapse-learning-theme .source-note { margin:20px 0 0; padding-top:16px; border-color:var(--learning-line); color:var(--learning-muted); font-size:12px; line-height:1.65; }
html:root[data-interface-theme] body.synapse-learning-theme form#reasoning { display:flex; flex-direction:column; align-items:stretch; }
html:root[data-interface-theme] body.synapse-learning-theme #question { margin:0; color:var(--learning-ink); font-size:18px; line-height:1.5; letter-spacing:-.02em; }
html:root[data-interface-theme] body.synapse-learning-theme #hint { margin:10px 0 18px; color:var(--learning-muted); font-size:13px; line-height:1.65; }
html:root[data-interface-theme] body.synapse-learning-theme textarea#answer { min-height:220px; width:100%; padding:16px; border:1px solid var(--learning-line); border-radius:var(--learning-control-radius); background:color-mix(in srgb,var(--learning-paper) 75%,var(--learning-canvas)); color:var(--learning-ink); font:400 15px/1.75 var(--font); box-shadow:inset 0 1px 3px #14274403; resize:vertical; }
html:root[data-interface-theme] body.synapse-learning-theme textarea#answer::placeholder { color:var(--learning-muted); opacity:1; }
html:root[data-interface-theme] body.synapse-learning-theme #saveStatus { min-height:20px; margin:10px 0 18px; color:var(--learning-muted); font-size:12px; line-height:1.6; }
html:root[data-interface-theme] body.synapse-learning-theme .actions { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-top:0; padding-top:16px; border-top:1px solid var(--learning-line); }
html:root[data-interface-theme] body.synapse-learning-theme button { min-height:44px; padding:11px 16px; border:1px solid color-mix(in srgb,var(--learning-accent) 80%,var(--learning-line)); border-radius:var(--learning-control-radius); background:var(--learning-accent); color:var(--learning-accent-ink); box-shadow:0 2px 4px #14274407; font:700 13px/1.5 var(--font); cursor:pointer; }
html:root[data-interface-theme] body.synapse-learning-theme button.secondary { border-color:var(--learning-line); background:var(--learning-paper); color:var(--learning-ink); box-shadow:0 2px 3px #14274403; }
html:root[data-interface-theme] body.synapse-learning-theme button:disabled { opacity:.5; cursor:not-allowed; box-shadow:none; }
html:root[data-interface-theme] body.synapse-learning-theme #error { margin:12px 0 0; color:#a23644; font-size:13px; line-height:1.6; }
html:root[data-interface-theme] body.synapse-learning-theme #error:empty { margin:0; }
html:root[data-interface-theme] body.synapse-learning-theme .debrief > h2 { margin:0 0 14px; font-size:28px; line-height:1.3; }
html:root[data-interface-theme] body.synapse-learning-theme .debrief article { border-color:var(--learning-line); padding:22px 0; }
html:root[data-interface-theme] body.synapse-learning-theme .debrief h3 { font-size:18px; }
html:root[data-interface-theme] body.synapse-learning-theme .answer-copy { background:var(--learning-soft); color:var(--learning-ink); border:1px solid var(--learning-line); border-radius:var(--learning-control-radius); padding:16px 18px; }
html:root[data-interface-theme] body.synapse-learning-theme .later { margin:28px 0 0; padding:22px 0 0; border:0; border-top:1px solid var(--learning-line); border-radius:0; background:none; color:var(--learning-muted); }
html:root[data-interface-theme] body.synapse-learning-theme .later h2 { margin:0 0 8px; font-size:17px; }
html:root[data-interface-theme] body.synapse-learning-theme .later p { max-width:850px; color:var(--learning-muted); font-size:14px; }
html:root[data-interface-theme] body.synapse-learning-theme .learning-workspace > footer { display:flex; flex-wrap:wrap; align-items:center; gap:10px 18px; margin:24px 0 0; padding:20px 0 0; border-top:1px solid var(--learning-line); color:var(--learning-muted); font-size:12px; line-height:1.65; }
html:root[data-interface-theme] body.synapse-learning-theme .learning-workspace > footer p { margin:0; }
html:root[data-interface-theme] body.synapse-learning-theme button.text-button { padding:10px 0; border:0; color:var(--learning-muted); font-size:12px; text-underline-offset:4px; }
html:root[data-interface-theme] body.synapse-learning-theme dialog { width:min(480px,calc(100% - 32px)); max-width:none; padding:28px; border:1px solid var(--learning-line); border-radius:var(--learning-radius); background:var(--learning-paper); color:var(--learning-ink); box-shadow:0 24px 80px #14274430; }
html:root[data-interface-theme] body.synapse-learning-theme dialog::backdrop { background:#13233d66; backdrop-filter:blur(3px); }
html:root[data-interface-theme] body.synapse-learning-theme dialog h2 { font-size:24px; }
html:root[data-interface-theme] body.synapse-learning-theme dialog form { display:flex; flex-wrap:wrap; gap:12px; justify-content:flex-end; margin-top:22px; }
html:root[data-interface-theme] body.synapse-learning-theme a:not(.learning-card,.learning-return,.learning-brand) { color:var(--learning-ink); }
html:root[data-interface-theme] body.synapse-learning-theme :is(button,a,textarea,summary):focus-visible { outline:3px solid var(--learning-ink); outline-offset:4px; }
@media(hover:hover) {
  html:root[data-interface-theme] body.synapse-learning-theme :is(.learning-return,button.secondary):hover:not(:disabled) { background:var(--learning-soft); box-shadow:0 3px 8px #14274408; }
  html:root[data-interface-theme] body.synapse-learning-theme button:not(.secondary,.text-button):hover:not(:disabled) { background:color-mix(in srgb,var(--learning-accent) 92%,var(--learning-ink)); box-shadow:0 3px 8px #14274410; }
  html:root[data-interface-theme] body.synapse-learning-theme a.learning-card:hover { --learning-card-line:color-mix(in srgb,var(--learning-ink) 25%,var(--learning-line)); --learning-card-shadow:0 6px 24px #1427440c,inset 0 1px 0 #fff; transform:translateY(-2px); }
  html:root[data-interface-theme] body.synapse-learning-theme .learning-help > summary:hover { color:var(--learning-ink); }
}
@media(prefers-reduced-motion:no-preference) {
  html:root[data-interface-theme] body.synapse-learning-theme :is(button,.learning-return,.learning-card) { transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease; }
  html:root[data-interface-theme] body.synapse-learning-theme :is(button,.learning-return):active:not(:disabled) { transform:translateY(1px); }
}
@media(max-width:900px) {
  html:root[data-interface-theme] body.synapse-learning-theme .learning-grid.learning-home-grid { grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr); gap:18px; }
  html:root[data-interface-theme] body.synapse-learning-theme .learning-page-heading .pill { grid-column:1/-1; grid-row:auto; justify-self:start; }
  html:root[data-interface-theme] body.synapse-learning-theme .case-heading { flex-wrap:wrap; }
  html:root[data-interface-theme] body.synapse-learning-theme .workspace { gap:18px; }
  html:root[data-interface-theme] body.synapse-learning-theme :is(.learning-card,.story,form#reasoning,.debrief) { padding:24px; }
}
@media(max-width:700px) {
  html:root[data-interface-theme] body.synapse-learning-theme header.learning-app-bar:is(.learning-bar,.topbar) { gap:12px; padding:14px 16px; }
  html:root[data-interface-theme] body.synapse-learning-theme .learning-app-bar .learning-brand { margin-right:auto; }
  html:root[data-interface-theme] body.synapse-learning-theme .learning-app-bar .learning-breadcrumb { order:3; flex-basis:100%; padding:9px 0 0; border:0; border-top:1px solid var(--learning-line); font-size:12px; }
  html:root[data-interface-theme] body.synapse-learning-theme .learning-brand strong { font-size:21px; }
  html:root[data-interface-theme] body.synapse-learning-theme .learning-brand img { width:34px; height:34px; border-radius:10px; }
  html:root[data-interface-theme] body.synapse-learning-theme .learning-app-bar .learning-return { padding:10px 11px; gap:6px; font-size:12px; }
  html:root[data-interface-theme] body.synapse-learning-theme main.learning-workspace { padding:26px 16px 36px; }
  html:root[data-interface-theme] body.synapse-learning-theme main.learning-workspace h1 { font-size:28px; }
  html:root[data-interface-theme] body.synapse-learning-theme .learning-page-heading { grid-template-columns:minmax(0,1fr); gap:10px; margin-bottom:24px; }
  html:root[data-interface-theme] body.synapse-learning-theme .learning-page-heading > p:not(.eyebrow) { font-size:14px; }
  html:root[data-interface-theme] body.synapse-learning-theme .learning-grid.learning-home-grid { grid-template-columns:minmax(0,1fr); gap:18px; }
  html:root[data-interface-theme] body.synapse-learning-theme .learning-home-grid .learning-card { padding:24px; gap:15px; }
  html:root[data-interface-theme] body.synapse-learning-theme .learning-home-grid .learning-card h2 { font-size:25px; }
  html:root[data-interface-theme] body.synapse-learning-theme .learning-help { padding:18px 20px; }
  html:root[data-interface-theme] body.synapse-learning-theme .notice { padding:13px 15px; margin-bottom:20px; font-size:12px; }
  html:root[data-interface-theme] body.synapse-learning-theme .case-heading { display:block; padding:18px; border-radius:16px; }
  html:root[data-interface-theme] body.synapse-learning-theme .case-heading h2 { font-size:19px; }
  html:root[data-interface-theme] body.synapse-learning-theme .case-heading .badge { margin-top:12px; }
  html:root[data-interface-theme] body.synapse-learning-theme #chapters { gap:8px; padding:3px 3px 12px; margin-inline:-3px; }
  html:root[data-interface-theme] body.synapse-learning-theme #chapters button { flex:0 0 156px; min-height:52px; padding:11px 12px; }
  html:root[data-interface-theme] body.synapse-learning-theme .workspace { grid-template-columns:minmax(0,1fr); gap:18px; }
  html:root[data-interface-theme] body.synapse-learning-theme :is(.story,form#reasoning,.debrief) { padding:22px; }
  html:root[data-interface-theme] body.synapse-learning-theme .story #stepTitle { font-size:23px; }
  html:root[data-interface-theme] body.synapse-learning-theme #question { font-size:17px; }
  html:root[data-interface-theme] body.synapse-learning-theme textarea#answer { min-height:200px; font-size:16px; }
  html:root[data-interface-theme] body.synapse-learning-theme .actions { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; }
  html:root[data-interface-theme] body.synapse-learning-theme .actions button { width:100%; min-height:46px; white-space:normal; }
  html:root[data-interface-theme] body.synapse-learning-theme .debrief > h2 { font-size:25px; }
  html:root[data-interface-theme] body.synapse-learning-theme .learning-workspace > footer { display:block; }
  html:root[data-interface-theme] body.synapse-learning-theme .learning-workspace > footer p { margin-top:4px; }
  html:root[data-interface-theme] body.synapse-learning-theme dialog { padding:24px; }
}
@media(prefers-reduced-motion:reduce) {
  html:root[data-interface-theme] body.synapse-learning-theme :is(button,.learning-return,.learning-card) { transition:none; transform:none; }
}