.learning-integration-card{margin-top:var(--space-6);padding:var(--card-padding);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}
.learning-integration-card h3,.learning-overview h3{margin:var(--space-2) 0 var(--space-2)}
.learning-integration-card p,.learning-overview p{margin:0;color:var(--text-secondary);line-height:var(--line-body)}
.learning-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}
.learning-context-message{padding:var(--space-3) var(--space-4);background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-md)}
.learning-course-beto{margin:var(--space-5) 0}
.learning-overview{grid-column:1 / -1}
.learning-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-5)}
.learning-summary-item{padding:var(--space-4);background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-lg)}
.learning-summary-item span{display:block;color:var(--text-secondary);font-size:var(--font-small);font-weight:700;margin-bottom:var(--space-1)}
.learning-summary-item strong{display:block;color:var(--ink);line-height:1.35}
.mcq-learning-links{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line)}
.beto-context-card{margin-bottom:var(--space-5);padding:var(--space-5);background:var(--beto-paper);border:1px solid var(--beto-light);border-radius:var(--radius-xl)}
.beto-context-card h2{margin:var(--space-2) 0 var(--space-2);font-size:var(--font-h3);color:var(--text-primary)}
.beto-context-card p{margin:0;color:var(--text-primary);line-height:var(--line-body)}
.beto-context-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}
.beto-context-actions .secondary{border-color:var(--beto-light);color:var(--text-primary)}
@media (max-width:640px){
  .learning-summary-grid{grid-template-columns:1fr}
  .learning-actions,.mcq-learning-links,.beto-context-actions{flex-direction:column;align-items:stretch}
  .learning-actions a,.mcq-learning-links a,.beto-context-actions a,.beto-context-actions button{width:100%}
}

/* Phase 6: activity/progress integration */
.learning-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.learning-recent-activity{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--line)}
.learning-recent-activity h4{margin:0 0 var(--space-3);font-size:var(--font-h3);color:var(--ink)}
.learning-activity-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}
.learning-activity-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--line)}
.learning-activity-list li:last-child{border-bottom:0}
.learning-activity-link{color:var(--ink);font-weight:800;text-decoration:none}
.learning-activity-link:hover{text-decoration:underline;text-underline-offset:3px}
.learning-activity-list time{flex:0 0 auto;color:var(--text-secondary);font-size:var(--font-small)}
.learning-activity-empty{margin:0;color:var(--text-secondary)}
.beto-activity-recommendation{margin-top:var(--space-3)!important;padding-top:var(--space-3);border-top:1px solid var(--beto-light)}

/* Phase 10.4: My Learning, sharing the existing Dashboard identity. */
.my-learning-page{display:grid;gap:var(--space-4)}
.my-learning-page .panel{min-width:0}
.my-learning-page h4{margin:0;overflow-wrap:anywhere}
.my-learning-page h3{margin:0 0 var(--space-4)}
.learning-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.learning-state{display:inline-block;font-size:var(--font-small);font-weight:700;color:var(--text-secondary)}
.state-completed{color:var(--text-primary)}
.learning-time{display:block;font-size:var(--font-small);color:var(--text-secondary)}
.learning-percentage{direction:ltr;unicode-bidi:isolate}
.learning-lesson-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-3)}
.learning-lesson-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-bottom:1px solid var(--line);padding:var(--space-3) 0}
.learning-lesson-list li>div{min-width:0}
.learning-lesson-list p{margin:var(--space-1) 0;overflow-wrap:anywhere}
.learning-lesson-list a{flex-shrink:0}
.learning-head-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}
.my-learning-page a:focus-visible,.my-learning-page button:focus-visible{outline:3px solid var(--brand-deep);outline-offset:4px}
@media(max-width:800px){.learning-course-grid{grid-template-columns:1fr}}
@media(max-width:480px){.learning-lesson-list li{align-items:start;flex-direction:column}.my-learning-page .dash-head{align-items:stretch}.my-learning-page .dashboard-recent-result{grid-template-columns:1fr}}
/* Real account dashboard */
.dashboard-page{display:grid;gap:var(--space-4)}
.dashboard-page .dash-head{margin-bottom:var(--space-2)}
.dashboard-hero-grid,.dashboard-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.dashboard-overview,.dashboard-continue,.dashboard-courses,.dashboard-mcqs,.dashboard-activity{min-width:0}
.dashboard-overview h3,.dashboard-continue h3,.dashboard-mcqs h3,.dashboard-activity h3{margin:var(--space-2) 0}
.dashboard-overall-percent{display:block;margin:var(--space-2) 0;font-size:clamp(34px,5vw,56px);line-height:1;color:var(--text-primary)}
.dashboard-overview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-top:var(--space-4)}
.dashboard-overview-stats div{padding:var(--space-3);background:var(--surface-soft);border-radius:var(--radius-md)}
.dashboard-overview-stats span,.dashboard-course-percent{display:block;color:var(--text-secondary);font-size:var(--font-small)}
.dashboard-overview-stats strong{display:block;margin-top:var(--space-1);font-size:var(--font-h3)}
.dashboard-source-note,.dashboard-course-name{margin:var(--space-3) 0;color:var(--text-secondary)}
.dashboard-section-heading{display:flex;justify-content:space-between;gap:var(--space-3);align-items:end;margin-bottom:var(--space-4)}
.dashboard-section-heading h3{margin:var(--space-1) 0 0}
.dashboard-course-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.dashboard-course-card{display:grid;gap:var(--space-3);padding:var(--space-4);background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-lg)}
.dashboard-course-top{display:flex;align-items:start;justify-content:space-between;gap:var(--space-3)}
.dashboard-course-top h4{margin:0;overflow-wrap:anywhere}.dashboard-course-top>strong{flex:0 0 auto}
.dashboard-course-card .button-link{justify-self:start}
.dashboard-status{padding:var(--space-4);margin-top:var(--space-3);background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text-secondary)}
.dashboard-status.error{border-color:var(--warning-line);background:var(--surface-soft);color:var(--warning)}
.dashboard-mcqs>p{color:var(--text-secondary)}
.dashboard-recent-result{display:grid;grid-template-columns:1fr auto;gap:var(--space-1) var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--line)}
.dashboard-recent-result span{grid-column:1/-1;color:var(--text-secondary);font-size:var(--font-small);font-weight:700}
.dashboard-score{font-size:var(--font-h3);color:var(--text-primary)}
@media (max-width:800px){.dashboard-hero-grid,.dashboard-detail-grid,.dashboard-course-list{grid-template-columns:1fr}}
@media (max-width:480px){.dashboard-overview-stats div{padding:var(--space-2)}.dashboard-course-top{display:grid}.dashboard-page .dash-head{align-items:stretch}.dashboard-section-heading{align-items:start;flex-direction:column}}
@media (max-width:640px){
  .learning-activity-list li{align-items:flex-start;flex-direction:column;gap:var(--space-1)}
}
/* Phase 10.5: compact account analytics and learning hub */
.analytics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.analytics-stat strong{font-size:clamp(1.4rem,2.5vw,2.1rem);display:block;overflow-wrap:anywhere}
.analytics-stat h3{font-size:1rem}.analytics-stat p{font-size:.85rem}
.analytics-table{width:100%;border-collapse:collapse;table-layout:fixed}
.analytics-table th,.analytics-table td{padding:12px 8px;text-align:start;border-bottom:1px solid var(--line,var(--betooth-paper));overflow-wrap:anywhere}
.score-trend{display:grid;gap:12px;padding-inline-start:24px}
.score-trend li{display:grid;grid-template-columns:minmax(0,1fr) minmax(60px,2fr) auto;gap:12px;align-items:center}
.score-trend progress{width:100%;accent-color:var(--betooth-muted)}
.learning-filters{display:flex;flex-wrap:wrap;gap:8px;margin-block:12px 18px}
.learning-filters [aria-pressed="true"]{background:var(--betooth-deep);color:var(--text-primary);border-color:var(--betooth-deep)}
.my-learning-page .learning-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.my-learning-page .panel,.analytics-grid>*{min-width:0}
.my-learning-page .learning-lesson-list h4,.learning-course-grid h4{overflow-wrap:anywhere}
.learning-filters button:focus-visible,.leaderboard-tabs button:focus-visible,.leaderboard-person:focus-visible,.profile-edit :focus-visible{outline:3px solid var(--betooth-orange);outline-offset:3px}
@media(max-width:1000px){.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.analytics-grid,.my-learning-page .learning-course-grid{grid-template-columns:1fr}.analytics-table th,.analytics-table td{padding:10px 4px;font-size:.85rem}.score-trend li{grid-template-columns:minmax(0,1fr) auto}.score-trend progress{grid-column:1 / -1;grid-row:2}.learning-lesson-list li{flex-wrap:wrap}}
/* Phase 10.5 public profiles and competitive leaderboard revision */
.leaderboard-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px;margin-block:10px 16px;scrollbar-width:thin}
.leaderboard-tabs button{white-space:nowrap;border:0;border-bottom:3px solid transparent;background:transparent;padding:12px 16px;font:inherit;font-weight:800;color:var(--text-secondary)}
.leaderboard-tabs button[aria-selected="true"]{color:var(--text-primary);border-bottom-color:var(--betooth-orange);background:var(--surface);border-radius:10px 10px 0 0}
.leaderboard-explanation{color:var(--text-secondary);margin:0 0 20px}
.leaderboard-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end;margin:28px 0}
.leaderboard-person{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--betooth-paper);border-radius:16px;padding:14px;box-shadow:0 8px 22px color-mix(in srgb,var(--betooth-deep) 6%,transparent)}
.leaderboard-person:hover{border-color:var(--betooth-orange);transform:translateY(-1px)}
.leaderboard-person.is-you{border-inline-start:5px solid var(--betooth-orange);background:var(--bg-panel)}
.leaderboard-person.podium{display:flex;flex-direction:column;text-align:center;min-height:190px;justify-content:center}
.leaderboard-person.podium.rank-1{min-height:230px;border:2px solid var(--betooth-orange);background:linear-gradient(180deg,var(--surface-orange),var(--bg-panel))}
.leaderboard-list{display:grid;gap:10px}.leaderboard-rank{font-weight:900;font-size:1.1rem}.leaderboard-identity{display:flex;gap:8px;align-items:center;min-width:0}.leaderboard-identity strong{overflow-wrap:anywhere}.leaderboard-value{white-space:nowrap}.you-badge{font-size:.7rem;background:var(--betooth-deep);color:var(--text-primary);padding:3px 7px;border-radius:999px}
.profile-avatar{position:relative;display:inline-grid;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,var(--betooth-deep),var(--betooth-muted));color:var(--text-primary);font-weight:900;flex:none}
.profile-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.avatar-sm{width:42px;height:42px}.avatar-lg{width:76px;height:76px;font-size:1.3rem}.avatar-xl{width:112px;height:112px;font-size:2rem}
.your-rank-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding:18px;border-radius:16px;background:var(--betooth-deep);color:var(--text-primary)}.your-rank-card strong{font-size:1.8rem}
@media(max-width:700px){.leaderboard-podium{grid-template-columns:1fr;align-items:stretch}.leaderboard-person.podium,.leaderboard-person.podium.rank-1{min-height:0;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;text-align:start}.leaderboard-person.podium.rank-1{order:-1}.leaderboard-person{grid-template-columns:auto auto minmax(0,1fr)}.leaderboard-value{grid-column:3}.avatar-xl{width:82px;height:82px}}
@media(max-width:420px){.leaderboard-person{padding:11px;gap:8px}}