/* GENERATED by scripts/build-learning-reader-css.mjs — do not edit by hand.
 * The styles for public/learning-reader.js, the shared lesson renderer, so
 * the share viewer and the learner page can look identical. Lifted from
 * learning.css, which also keeps them; learning-reader-css.test.ts pins the
 * two in agreement. Uses design tokens only, never :root or html/body, so
 * any page can load it. */

.task-table-wrap{overflow-x:auto;border:1px solid var(--border-dim);border-radius:var(--radius);background:var(--bg-surface);box-shadow:var(--shadow)}
.task-table{width:100%;border-collapse:collapse;text-align:left}
.task-table th{padding:10px 14px;border-bottom:1px solid var(--border-dim);background:var(--bg-input);color:var(--text-muted);font:700 9px/1.2 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}
.task-table td{padding:13px 14px;border-bottom:1px solid var(--border-dim);color:var(--text-secondary);font-size:12px;vertical-align:middle}
.task-table tr:last-child td{border-bottom:0}
.task-table td:first-child{min-width:210px;color:var(--text-primary)}
.task-table td:nth-child(2){min-width:190px}
.task-table td:nth-child(3){min-width:160px}
.task-table td:last-child{text-align:right}
.task-kind,.task-state{display:inline-flex;min-height:24px;align-items:center;border-radius:999px;padding:0 8px;background:var(--bg-input);color:var(--text-secondary);font:700 9px/1 var(--font-mono);white-space:nowrap}
.task-kind.required{background:var(--amber-bg);color:var(--amber)}
.task-kind.optional{background:var(--accent-bg);color:var(--accent)}
.lesson-copy{color:var(--text-secondary);font:400 14px/1.65 var(--font-sans)}
.lesson-copy>:first-child{margin-top:0}
.lesson-copy>:last-child{margin-bottom:0}
.lesson-copy p{margin:0 0 13px}
.lesson-copy h1,.lesson-copy h2,.lesson-copy h3,.lesson-copy h4,.lesson-copy h5,.lesson-copy h6{margin:22px 0 9px;color:var(--text-primary);font-family:var(--font-sans);line-height:1.25}
.lesson-copy h1{font-size:22px}
.lesson-copy h2{font-size:19px}
.lesson-copy h3{font-size:16px}
.lesson-copy h4,.lesson-copy h5,.lesson-copy h6{font-size:14px}
.lesson-copy ul,.lesson-copy ol{margin:0 0 14px;padding-left:24px}
.lesson-copy li{margin:5px 0}
.lesson-copy blockquote{margin:14px 0;border-left:3px solid var(--accent);background:var(--accent-bg);padding:10px 13px;color:var(--text-secondary)}
.lesson-copy pre{max-width:100%;overflow:auto;border:1px solid var(--border-dim);border-radius:8px;background:var(--bg-input);padding:13px}
.lesson-copy code{border-radius:4px;background:var(--bg-input);padding:2px 4px;font:12px/1.5 var(--font-mono)}
.lesson-copy pre code{background:transparent;padding:0}
.lesson-copy a{color:var(--accent);text-decoration:underline}
.lesson-copy hr{margin:20px 0;border:0;border-top:1px solid var(--border-dim)}
.lesson-mode-tabs{display:flex;width:max-content;margin:0 0 12px;border:1px solid var(--border-dim);border-radius:8px;background:var(--bg-input);padding:3px}
.lesson-mode-tabs button{min-height:30px;border:0;border-radius:6px;background:transparent;color:var(--text-muted);padding:0 13px;font-size:10px}
.lesson-mode-tabs button:hover{border:0;background:var(--bg-surface);color:var(--accent)}
.lesson-mode-tabs button.active{background:var(--accent);color:var(--brand-fill-ink,var(--on-accent,#fff));box-shadow:0 1px 4px rgba(15,23,42,.1)}
.lesson-mode-content{min-width:0}
.lesson-presentation{overflow:hidden;border:1px solid var(--border-dim);border-radius:14px;background:var(--bg-surface);box-shadow:0 15px 40px rgba(15,23,42,.08)}
.learn-scene{display:grid;min-height:470px;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:center;gap:34px;border-top:7px solid var(--accent);padding:46px}
.scene-copy h2{max-width:620px;margin:10px 0 16px;font:700 clamp(31px,3.6vw,53px)/1.04 var(--font-display);letter-spacing:-.045em}
.scene-body{max-width:620px;margin:0;color:var(--text-secondary);font-size:15px;line-height:1.58}
.scene-tip{display:flex;gap:14px;margin-top:22px;border-left:3px solid var(--accent);background:var(--accent-bg);padding:11px 13px;color:var(--text-secondary);font-size:10.5px;line-height:1.45}
.scene-tip strong{flex:0 0 auto;color:var(--text-primary)}
.scene-visual{min-width:0}
.scene-mark{display:grid;min-height:260px;place-content:center;justify-items:center;border:1px solid var(--border-glow);border-radius:16px;background:linear-gradient(145deg,var(--bg-surface),var(--accent-bg));color:var(--accent);font:700 10px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
.scene-mark img{width:76px;height:76px;margin-bottom:16px}
.scene-data{border:1px solid var(--border-glow);border-radius:15px;background:linear-gradient(145deg,var(--bg-surface),var(--accent-bg));padding:20px;box-shadow:0 16px 36px rgba(8,145,178,.1)}
.scene-data-row{display:flex;align-items:center;gap:16px;min-height:45px;border-bottom:1px solid var(--border-dim);color:var(--text-secondary);font-size:11px}
.scene-data-row:last-of-type{border-bottom:0}
.scene-data-row strong{margin-left:auto;color:var(--text-primary);font:700 13px/1 var(--font-mono)}
.scene-data-row.danger strong{color:var(--red)}
.scene-data-row.positive strong{color:var(--green)}
.scene-data-row.accent strong{color:var(--accent)}
.scene-callout{margin-top:13px;border-left:3px solid var(--accent);background:var(--accent-bg);padding:11px;color:var(--text-secondary);font-size:10.5px}
.scene-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.scene-column{min-height:190px;border:1px solid var(--border-dim);border-radius:13px;background:var(--bg-surface);padding:19px}
.scene-column small,.scene-column strong{display:block}
.scene-column small{color:var(--accent);font:700 9px/1.2 var(--font-mono);text-transform:uppercase}
.scene-column strong{margin-top:14px;font:700 25px/1.1 var(--font-display)}
.scene-column p{color:var(--text-secondary);font-size:11px;line-height:1.55}
.scene-column.accent{border-color:var(--border-active);background:var(--accent-bg)}
.scene-items{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.scene-items li{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:11px;border-bottom:1px solid var(--border-dim);padding:10px 0}
.scene-items li>span{color:var(--accent);font:700 10px/1 var(--font-mono)}
.scene-items p{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.4}
.scene-nav{display:flex;align-items:center;gap:8px;border-top:1px solid var(--border-dim);padding:12px 15px}
.scene-nav>span{margin-left:auto;color:var(--text-muted);font:600 9px/1 var(--font-mono)}
.scene-dots{display:flex;gap:5px}
.scene-dots i{width:6px;height:6px;border-radius:999px;background:var(--border-dim)}
.scene-dots i.active{width:19px;background:var(--accent)}
.scene-nav button{min-height:31px;padding:0 10px;font-size:9px}
.enhanced-slide-frame{display:block;width:100%;aspect-ratio:16/9;border:0;background:#fff}
.layout-title .scene-copy{max-width:820px}
.layout-title .scene-visual{display:none}
.layout-callout .scene-visual,.layout-quote .scene-visual{opacity:.85}
.enhanced-slide-stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#fff}
.enhanced-slide-stage .enhanced-slide-frame{position:absolute;top:0;left:0;width:1280px;height:720px;transform-origin:top left}
.lesson-tasks{margin-top:24px}
.lesson-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:10px}
.lesson-section-head .eyebrow{margin-bottom:5px}
.lesson-section-head h3{margin:0;font:700 16px/1.25 var(--font-sans)}
.lesson-task-wrap{overflow-x:auto;border:1px solid var(--border-dim);border-radius:9px}
.lesson-task-table{width:100%;border-collapse:collapse;text-align:left}
.lesson-task-table th{padding:9px 11px;border-bottom:1px solid var(--border-dim);background:var(--bg-input);color:var(--text-muted);font:700 8.5px/1.2 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}
.lesson-task-table td{padding:11px;border-bottom:1px solid var(--border-dim);color:var(--text-secondary);font-size:11px;vertical-align:middle}
.lesson-task-table tr:last-child td{border-bottom:0}
.lesson-task-table td:first-child{min-width:180px}
.lesson-task-table td:last-child{text-align:right}
.lesson-task-table strong{display:block;color:var(--text-primary);font-size:12px}
.lesson-task-table small{display:block;max-width:300px;margin-top:3px;color:var(--text-muted);font-size:10px;line-height:1.35}
.task-actions{display:flex;justify-content:flex-end;gap:6px}
.task-actions button{min-height:30px;padding:0 10px;font-size:9.5px;white-space:nowrap}
.task-work-row{background:var(--bg-input)}
.task-work-row td{padding:0!important}
.task-work{padding:16px;text-align:left}
.task-work-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px;padding-bottom:11px;border-bottom:1px solid var(--border-dim)}
.task-work-head .eyebrow{margin:0 0 4px}
.task-work-head h4{margin:0;color:var(--text-primary);font:700 13px/1.3 var(--font-sans)}
.task-work p{margin:0 0 9px}
.task-work .actions{justify-content:flex-start}
.task-work>.course-file{margin:10px 0}
@media(max-width:1050px){
  .reader-grid{grid-template-columns:220px minmax(0,1fr)}
  .course-coach{position:static;grid-column:1/-1;min-height:460px}
  .learn-scene{min-height:0;grid-template-columns:1fr;padding:32px}.scene-visual{max-width:650px}.scene-copy h2{font-size:40px}
}
@media(max-width:760px){
  .learning-home{width:calc(100% - 24px);padding-top:32px}.learning-home-intro h1{font-size:30px}.learning-mode-grid{grid-template-columns:1fr}.learning-mode-card{min-height:240px}.managed-courses-head{align-items:flex-start;flex-direction:column}.managed-course-row{grid-template-columns:minmax(0,1fr) auto}.managed-course-fact{grid-column:1}.managed-course-arrow{grid-column:2;grid-row:1}
  .learning-shell{width:calc(100% - 24px)}
  .learning-shell.reader-mode{width:calc(100% - 24px)}
  .learning-ai-strip{align-items:flex-start;flex-direction:column}.learning-ai-provider>span:last-child{display:none}
  .hero{align-items:flex-start;flex-direction:column;padding-top:24px}
  h1{font-size:25px}
  .reader-grid{grid-template-columns:1fr}
  .lesson-nav{position:static;display:block;overflow:visible}
  .course-row{grid-template-columns:1fr}
  .course-row .button,.course-row>button,.course-actions{width:100%}
  .course-actions>*{flex:1}
  .lesson-work{padding:18px}
  .learn-scene{padding:24px}.scene-copy h2{font-size:32px}.scene-columns{grid-template-columns:1fr}.scene-nav{flex-wrap:wrap}.scene-nav>span{order:-1;width:100%;margin-left:0}
  .task-actions{align-items:stretch;flex-direction:column}.lesson-task-table td:last-child{text-align:left}
  .lesson-pager{grid-template-columns:1fr 1fr}.lesson-pager>span{grid-column:1/-1;grid-row:1}.lesson-pager>button{grid-row:2}
  .learning-work-actions{width:100%;justify-content:space-between}
  .hero-actions{width:100%;justify-content:flex-start}.catalog-tools{grid-template-columns:1fr}.guide-grid,.portfolio-grid{grid-template-columns:1fr}
  .catalog-series-head{align-items:flex-start}.catalog-collection-head{align-items:center;gap:8px}.catalog-collection-description{display:none}
}
/* Preserve authored list structure in automatic Learn scenes. */
.scene-items{gap:10px}
.scene-items li{grid-template-columns:38px 1fr;gap:12px;border:1px solid var(--border-dim);border-radius:10px;background:var(--bg-surface);padding:12px 13px}
.scene-items li>span{display:grid;min-height:26px;place-items:center;border-radius:7px;background:var(--accent-bg)}
.scene-items.bullets li>span{background:transparent;font-size:20px}
.scene-items p{line-height:1.5}
.typed-task-workspace .lesson-tasks{margin-top:20px}
.typed-task-workspace .task-card,.typed-task-workspace .task-work{border:0;background:transparent;padding:0}
.typed-task-workspace .task-work{display:block!important}
.typed-task-workspace .task-work-head{padding-bottom:12px;border-bottom:1px solid var(--border-dim)}