/* Learning shares the app's visual tokens without loading accounts or clinical data. */
:root { --font:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
body.synapse-learning-theme { font-family:var(--font); }
html[data-interface-theme] body.synapse-learning-theme header.learning-app-bar:is(.learning-bar,.topbar) {
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px;
  width:100%; max-width:none; min-height:80px; margin:0; padding:16px max(24px,calc((100vw - 1120px)/2));
  border-bottom:1px solid var(--border,#e5deed); background:var(--surface,#fffdfd);
}
.learning-app-bar .learning-brand { display:inline-flex; align-items:center; gap:11px; padding:0; border:0; background:none; text-decoration:none; }
.learning-brand img { width:40px; height:40px; border-radius:12px; }
.learning-app-bar .learning-brand strong { color:var(--tx,#29223f); font-size:23px; font-weight:750; letter-spacing:-.04em; }
.learning-app-bar .learning-breadcrumb { display:flex; align-items:center; gap:10px; margin:0; padding:0; overflow:visible; color:var(--tx-3,#6e647e); font-size:14px; }
.learning-app-bar .learning-breadcrumb :is(a,span) { padding:0; border:0; background:none; border-radius:0; text-decoration:none; }
.learning-breadcrumb [aria-current] { color:var(--primary-dk,#58408f); font-weight:750; }
.learning-app-bar .learning-return { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 14px; border:1px solid var(--border,#e5deed); border-radius:var(--composition-control-radius,12px); background:var(--surface,#fffdfd); color:var(--primary-dk,#58408f); font-size:13px; font-weight:700; text-decoration:none; }
.learning-return svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
html[data-interface-theme] body.synapse-learning-theme main.learning-workspace { max-width:1168px; padding:32px 24px 40px; }
.learning-page-heading { display:grid; gap:10px; margin-bottom:28px; }
.learning-page-heading .eyebrow { margin:0; }
html[data-interface-theme] body.synapse-learning-theme .learning-page-heading h1 { margin:0; font-size:clamp(32px,3.4vw,40px); }
.learning-page-heading .pill { justify-self:start; }
.learning-page-heading > p:not(.eyebrow) { margin:0; max-width:640px; color:var(--tx-3,#6e647e); line-height:1.6; }
html[data-interface-theme] body.synapse-learning-theme .learning-grid.learning-home-grid { grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); align-items:start; gap:24px; margin:0 0 24px; }
.learning-home-grid .learning-card { gap:16px; }
.learning-home-grid .learning-card h2 { font-size:26px; }
.learning-home-grid .learning-card :is(p,li) { color:var(--tx-2,#29223f); }
html[data-interface-theme] body.synapse-learning-theme .learning-home-grid .learning-card .action { margin-top:12px; padding:14px 18px; min-height:48px; border-radius:var(--composition-control-radius,12px); background:var(--primary,#7055b1); color:#fff; }
html[data-interface-theme] body.synapse-learning-theme .learning-home-grid .learning-card .action span { color:inherit; }
.learning-help { min-width:0; border:1px solid var(--border,#e5deed); border-radius:var(--composition-card-radius,22px); background:var(--surface,#fffdfd); padding:24px; }
.learning-help > summary { min-height:32px; cursor:pointer; color:var(--tx,#29223f); font-size:16px; font-weight:750; }
.learning-help ol { margin:18px 0; padding-left:22px; display:grid; gap:16px; line-height:1.5; }
.learning-help li::marker { color:var(--primary,#7055b1); font-weight:750; }
.learning-help li p { margin:5px 0 0; color:var(--tx-3,#6e647e); }
.learning-help small { font-size:13px; line-height:1.5; color:var(--tx-3,#6e647e); }
html[data-interface-theme] body.synapse-learning-theme .learning-workspace > footer { display:block; margin-top:24px; font-size:13px; color:var(--tx-3,#6e647e); }
.synapse-learning-theme .learning-app-bar a:focus-visible,
.synapse-learning-theme .learning-help > summary:focus-visible { outline:3px solid var(--primary,#7055b1); outline-offset:3px; }
/* Reach Learning from the existing Cabinet destination, not a sixth mobile tab. */
.cabinet-mobile-account-actions .cabinet-learning-link { grid-column:1/-1; display:flex; align-items:center; gap:10px; min-height:48px; padding:12px; border:1px solid var(--border,#e5deed); border-radius:var(--composition-control-radius,12px); background:var(--surface,#fffdfd); color:var(--primary-dk,#58408f); font:700 14px/1.4 var(--font); text-decoration:none; }
.cabinet-learning-link > span:last-child { margin-left:auto; }
@media(max-width:650px) {
  html[data-interface-theme] body.synapse-learning-theme header.learning-app-bar:is(.learning-bar,.topbar) { gap:10px; padding:14px 16px; }
  .learning-app-bar .learning-brand strong { font-size:21px; }
  .learning-app-bar .learning-breadcrumb { order:3; flex-basis:100%; font-size:13px; }
  .learning-app-bar .learning-return { font-size:12px; padding:10px; }
  html[data-interface-theme] body.synapse-learning-theme main.learning-workspace { padding:24px 16px 32px; }
  html[data-interface-theme] body.synapse-learning-theme .learning-grid.learning-home-grid { grid-template-columns:minmax(0,1fr); gap:18px; }
  .learning-page-heading { gap:8px; margin-bottom:22px; }
  .learning-help { padding:20px; }
}