/* Shared course onboarding and private notebook; uses the campus frontend tokens. */
.learning-journey{max-width:760px;margin:24px auto;color:var(--ui-text);font:16px/1.6 system-ui}
.learning-journey h2,.learning-activity h3{font-family:Georgia,Cambria,serif;font-weight:400}
.learning-journey h2{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2;margin:8px 0 16px}
.learning-journey .learning-panel{padding:24px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:12px}
.learning-journey .learning-label{font-size:14px;color:var(--accent-text,var(--ui-muted));font-weight:600}
.learning-journey .learning-actions,.learning-activity .learning-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;align-items:center}
.learning-journey button,.learning-activity button,.learning-account button{min-height:44px;padding:12px 20px;border-radius:8px;font:600 16px/1.4 system-ui;border:1px solid var(--ui-control-border);background:var(--ui-surface);color:var(--ui-text)}
.learning-journey button[data-primary],.learning-activity button[data-primary]{background:var(--ui-gold);color:var(--ui-navy);border-color:var(--ui-gold-rule)}
.learning-journey button:hover,.learning-activity button:hover,.learning-account button:hover{background:var(--ui-gold-hover);color:var(--ui-navy)}
.learning-journey button:focus-visible,.learning-activity button:focus-visible,.learning-account button:focus-visible,.learning-journey input:focus-visible,.learning-activity textarea:focus-visible,.learning-journey textarea:focus-visible,.learning-journey select:focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}
.learning-journey button:disabled,.learning-activity button:disabled,.learning-account button:disabled{opacity:.65}
.learning-journey label,.learning-activity label,.learning-account label{display:block;margin:16px 0 8px}
.learning-journey input:not([type=checkbox]),.learning-journey textarea,.learning-journey select,.learning-activity textarea,.learning-account input{width:100%;padding:12px;border:1px solid var(--ui-control-border);border-radius:8px;background:var(--ui-surface);color:var(--ui-text);font:16px/1.6 system-ui}
.learning-journey textarea,.learning-activity textarea{min-height:112px;resize:vertical;white-space:pre-wrap}
.learning-journey .learning-check,.learning-activity .learning-check{display:flex;gap:12px;align-items:flex-start;font-weight:400}
.learning-check input{width:20px;height:20px;flex:0 0 auto;margin-top:4px;accent-color:var(--accent-text,var(--ui-navy))}
.learning-summary,.learning-hint{border-left:3px solid var(--accent-text,var(--ui-gold-rule));padding:16px;background:var(--accent-tint,var(--ui-paper));white-space:pre-wrap}
.learning-meta{font-size:14px;color:var(--ui-muted)}
.learning-status{min-height:24px;margin:12px 0;color:var(--ui-text)}
.learning-status[role=alert]{color:var(--ui-danger)}
.learning-activity{margin:24px 0;padding:24px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface);color:var(--ui-text)}
.learning-activity figure{margin:0 0 24px}.learning-activity figcaption{font-size:14px;margin-top:8px;color:var(--ui-muted)}
.learning-activity svg{width:100%;height:auto;max-height:180px}.learning-activity svg text{font:16px system-ui;fill:var(--ui-text)}
.learning-notebook-entry{padding:16px 0;border-bottom:1px solid var(--ui-border)}.learning-notebook-entry p{white-space:pre-wrap;overflow-wrap:anywhere}
.learning-account{margin:24px 0;padding:24px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface)}
.learning-account details{margin:16px 0}.learning-account summary{min-height:44px;padding:8px 0;font-weight:600}
.learning-account button[data-destructive]{border-color:var(--ui-danger);color:var(--ui-danger)}
@media(max-width:640px){.learning-journey .learning-panel,.learning-activity,.learning-account{padding:16px}.learning-actions>*{width:100%}.learning-journey{margin:16px auto}}

.learning-activity summary{min-height:44px;padding:8px 0;font-weight:600}.learning-activity details{margin:16px 0}

.learning-activity .learning-photo img{display:block;width:100%;max-height:280px;object-fit:cover;border-radius:8px}.learning-activity .learning-photo{margin-bottom:16px}
.learning-journey,.learning-activity,.learning-account{box-sizing:border-box;overflow-wrap:anywhere}.learning-journey *,.learning-activity *,.learning-account *{box-sizing:border-box}
.learning-journey a,.learning-activity a,.learning-account a{min-height:44px;display:inline-flex;align-items:center}.learning-activity .learning-check{min-height:44px;cursor:pointer}

.learning-lesson-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 24px}.learning-lesson-tabs button{min-height:44px;min-width:44px;padding:10px 12px;border:1px solid var(--ui-control-border);border-radius:8px;background:var(--ui-surface);color:var(--ui-text);font:600 16px system-ui}.learning-lesson-tabs button[aria-pressed=true]{background:var(--ui-navy);color:var(--ui-surface)}.learning-lesson-tabs button:focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}
html:has(.learning-journey) :is(.lc-skip,.ui-skip,.skip):not(:focus){clip-path:inset(50%)}

.learning-cycle-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:center;font:16px/1.5 system-ui}.learning-activity figure:not(.learning-photo) svg{max-height:70px}