#learning-hub { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; min-width:0; }
#learning-hub .panel { min-width:0; box-sizing:border-box; }
#learning-notebook-result,.learning-chapter,.learning-chapter-body { min-width:0; }
#learning-hub button { white-space:normal; }
.learning-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.learning-form-grid label { display:grid; gap:8px; color:var(--pa-ink,#272330); font-size:16px; }
.learning-form-grid :is(input,select,textarea) { width:100%; min-width:0; box-sizing:border-box; padding:12px; border:1px solid var(--pa-border,#ded8e4); border-radius:5px; background:white; color:#272330; font:inherit; }
.learning-wide { grid-column:1/-1; }
#learning-hub :is(input,select,textarea,button,a,summary):focus-visible { outline:2px solid #59416f; outline-offset:3px; }
#learning-library { display:grid; gap:10px; }
.learning-library-item { display:flex; justify-content:space-between; gap:14px; text-align:left; width:100%; padding:15px; border:1px solid #ded8e4; border-radius:5px; background:#f5f2ec; color:#272330; cursor:pointer; }
.learning-library-item small { color:#59525f; }
.learning-progress { height:8px; overflow:hidden; border-radius:5px; background:#e8e1ee; }
.learning-progress span { display:block; height:100%; background:#59416f; transition:width .25s; }
.learning-meta { color:#59525f; }
.learning-notebook :is(p,li) { font-size:17px !important; line-height:1.75; }
.learning-chapter { border-top:1px solid #ded8e4; padding:20px 0; }
.learning-chapter summary { cursor:pointer; color:#59416f; font-size:23px; line-height:1.4; }
.learning-chapter-body { padding:18px 0; max-width:920px; }
.learning-chapter :is(h3,h4) { font-size:23px; line-height:1.4; margin:30px 0 14px; color:#59416f; }
.learning-chapter h4 { font-size:19px; }
.learning-chapter pre { overflow:auto; max-width:100%; white-space:pre; padding:20px; background:#f0eef3; border:1px solid #ded8e4; border-radius:5px; color:#272330; }
.learning-chapter code { font-size:15px; line-height:1.65; }
.learning-citations a { color:#59416f; text-decoration:underline; }
.learning-diagram { margin:28px 0; padding:22px; border:1px solid #ded8e4; border-radius:5px; background:white; }
.learning-diagram figcaption { font-size:21px; color:#59416f; margin-bottom:20px; }
.learning-relationship { display:grid; grid-template-columns:1fr minmax(85px,140px) 1fr; align-items:center; gap:12px; margin-bottom:18px; }
.learning-relationship>span { padding:16px; text-align:center; border:1px solid #b2a0c2; background:#f5f2ec; border-radius:5px; overflow-wrap:anywhere; }
.learning-relationship>div { text-align:center; }
.learning-relationship small { display:block; overflow-wrap:anywhere; color:#59416f; }
.learning-relationship i { display:block; color:#59416f; font-style:normal; font-size:35px; }
.learning-exercise { padding:14px 20px; background:#f5f2ec; margin-bottom:16px; border-radius:5px; }
.learning-exercise summary,.learning-outline summary { font-size:17px; cursor:pointer; color:#59416f; }
.learning-sources a { color:#59416f; text-decoration:underline; overflow-wrap:anywhere; }
@media(max-width:650px) {
  .learning-form-grid { grid-template-columns:1fr; }
  .learning-library-item { flex-direction:column; }
  .learning-notebook .panel-head { flex-direction:column; align-items:flex-start; }
  .learning-relationship { grid-template-columns:1fr; gap:8px; }
  .learning-relationship i { transform:rotate(90deg); }
  .learning-diagram { padding:14px; }
}
@media(prefers-reduced-motion:reduce) { .learning-progress span { transition:none; } }

#learning-hub :is(#learning-library,[data-video-library]) { display:grid; gap:12px; }
#learning-hub .learning-library-item { align-items:center; border-color:#dbe3ee; background:#fff; border-radius:8px; padding:18px 20px; }
#learning-hub .learning-library-item:hover { border-color:#94a3b8; background:#f8fafc; }
#learning-hub .learning-library-item>span { min-width:0; overflow-wrap:anywhere; }
#learning-hub .learning-status { display:inline-flex; align-items:center; flex-shrink:0; gap:7px; border-radius:999px; padding:6px 11px; font-size:13px; line-height:1.4; font-weight:400; white-space:nowrap; }
#learning-hub .learning-status::before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }
#learning-hub .learning-status[data-state="processing"] { color:#1e40af; background:#eff6ff; }
#learning-hub .learning-status[data-state="ready"] { color:#166534; background:#e8f5ec; }
@media(max-width:650px) { #learning-hub .learning-library-item { flex-wrap:wrap; padding:16px; } }

/* Notes use a small safe formatting vocabulary shared with PDF export. */
.learning-chapter strong { font-weight: 600 !important; }
.learning-chapter :is(ul, ol) { padding-inline-start: 26px; margin-block: 12px 20px; }
.learning-chapter li + li { margin-top: 8px; }
.learning-table-wrap { overflow-x: auto; max-width: 100%; margin-block: 20px; }
.learning-comparison { width: 100%; border-collapse: collapse; min-width: 320px; }
.learning-comparison :is(th, td) { padding: 12px; border: 1px solid var(--pa-border,#ded8e4); text-align: left; vertical-align: top; font-size: 16px; line-height: 1.6; overflow-wrap: anywhere; }
.learning-comparison th { background: #f2eaf0; color: #302b32; font-weight: 600; }
.learning-comparison caption { text-align: left; font-size: 15px; padding-bottom: 8px; }
.learning-key-terms dt, .learning-formula dt { font-weight: 600; margin-top: 12px; }
.learning-key-terms dd, .learning-formula dd { margin-inline-start: 0; }

/* Notes use the existing plum, ivory and charcoal system. */
#learning-hub .learning-create-panel { border-top:3px solid #70536e; background:#fffdfb; }
#learning-hub :is(h2,h3,h4,.learning-chapter>summary,.learning-diagram figcaption) { font-weight:600 !important; }
#learning-hub .learning-field-help { font-size:14px; line-height:1.6; color:#59525f; margin:-8px 0 0; }
#learning-hub .learning-context { margin-top:20px; border-block:1px solid #e5dfe3; padding:16px 0; }
#learning-hub .learning-context>summary { cursor:pointer; color:#594357; font-size:15px; font-weight:600; }
#learning-hub .learning-context .learning-form-grid { margin-top:18px; }
#learning-hub .learning-create-actions { display:flex; align-items:center; flex-wrap:wrap; gap:16px; margin-top:24px; }
#learning-hub .learning-create-actions>span { font-size:14px; color:#59525f; }
#learning-hub .learning-status[data-state="processing"] { color:#594357; background:#f3edf2; }
#learning-hub .learning-status[data-state="ready"] { color:#44363f; background:#eee8e2; }
#learning-hub .learning-worked-example { border-inline-start:3px solid #b29aa9; padding:4px 20px; margin-block:24px; background:#fbf8fa; }
#learning-hub .learning-worked-example>h4:first-child { margin-top:16px; }
#learning-hub .learning-chapter-body>section { margin-bottom:32px; }
@media(max-width:650px) {
  #learning-hub .learning-create-actions { align-items:flex-start; flex-direction:column; }
  #learning-hub .learning-create-actions .button { width:100%; }
  #learning-hub .learning-worked-example { padding-inline:12px; }
}