.remake-figure{margin:26px 0;background:var(--surface);border:1px solid var(--line);border-radius:13px;overflow:hidden}.remake-figure>a{display:block}.remake-figure>a>img{display:block;width:100%;height:auto}.remake-figure figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;font-size:14px;line-height:1.7;border-top:1px solid var(--line);color:var(--muted)}.remake-figure figcaption a{flex-shrink:0;font-weight:700}.remake-prompt{font:15px/1.95 var(--font);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--yellow-soft);border-radius:12px;padding:22px;margin-top:12px}.remake-course .study-section .remake-note{font-size:14px;color:var(--muted)}.remake-result{display:grid;grid-template-columns:minmax(0,310px) minmax(0,1fr);gap:34px;align-items:center}.remake-result .study-finished{width:100%;max-width:310px}.remake-result h3{font-size:23px}.remake-result p{font-size:16px;line-height:1.95}.remake-course .source-disclosure{margin-top:30px}.remake-course .image-dialog{max-width:95vw}.image-dialog .full-image{display:block;max-width:100%;height:auto}.course-directory-head{padding:36px 0 28px}.course-directory-head h1{font-size:40px;margin-bottom:18px}.course-directory-head p{font-size:18px;color:var(--muted)}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:20px 0 50px}.lesson-card{display:flex;flex-direction:column;align-items:flex-start;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:18px;color:var(--ink);gap:16px}.lesson-card:hover{text-decoration:none;border-color:var(--action)}.lesson-number{font-size:36px;font-weight:700;color:var(--action);line-height:1}.lesson-card h2{font-size:24px;line-height:1.5}.lesson-card p{font-size:16px;line-height:1.9;color:var(--muted)}.lesson-card .btn{margin-top:auto}.lesson-card:nth-child(2){background:var(--yellow-soft)}
@media(max-width:768px){.remake-figure figcaption{flex-direction:column;align-items:flex-start;gap:6px}.remake-result{grid-template-columns:1fr;gap:24px}.remake-result .study-finished{margin-inline:auto}.lesson-grid{grid-template-columns:1fr;gap:16px}.lesson-card{padding:24px}.course-directory-head h1{font-size:30px}.remake-prompt{font-size:14px;padding:16px}}

/* Original/reference comparison, scoped to the remake lesson. */
.remake-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0 18px}
.remake-compare-card{margin:0;min-width:0;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);display:flex;flex-direction:column;align-items:center}
.remake-compare-card figcaption{align-self:stretch;margin-bottom:16px;text-align:center}
.remake-compare-card figcaption strong{display:block;font-size:19px;color:var(--ink)}
.remake-compare-card figcaption span{display:block;font-size:13px;color:var(--muted);margin-top:4px}
.remake-compare-card video{display:block;width:100%;max-width:260px;aspect-ratio:9/16;object-fit:contain;background:var(--ink);border-radius:10px}
.remake-compare-card p{font-size:14px;line-height:1.85;color:var(--muted);margin:16px 0 8px;align-self:stretch}
.remake-compare-card .text-link{margin-top:auto;min-height:44px;white-space:nowrap}
.remake-course #finished>h3{margin:24px 0 12px}
@media(max-width:600px){.remake-comparison{grid-template-columns:minmax(0,1fr);gap:18px}.remake-compare-card{padding:18px}.remake-compare-card video{max-width:280px}}

/* Lead with the reference and remake in the hero's right column. */
.remake-course .workflow-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:44px}
.remake-hero-comparison{min-width:0;scroll-margin-top:calc(var(--nav-h) + 24px)}
.remake-hero-comparison .remake-comparison{gap:16px;margin:0}
.remake-hero-comparison .remake-compare-card{padding:0;border:0;border-radius:0;background:transparent}
.remake-hero-comparison .remake-compare-card figcaption{margin-bottom:12px}
.remake-hero-comparison .remake-compare-card figcaption strong{font-size:17px}
.remake-hero-comparison .remake-compare-card figcaption span{font-size:12px}
.remake-hero-comparison .remake-compare-card video{max-width:none}
.remake-hero-comparison .remake-compare-card .text-link{font-size:13px;margin-top:10px}
.remake-course .workflow-hero .remake-player-note{font-size:12px;line-height:1.7;color:var(--muted);text-align:center;margin:12px 0 0}
@media(max-width:1000px){.remake-course .workflow-hero{grid-template-columns:minmax(0,1fr);gap:28px}.remake-hero-comparison{width:100%;max-width:620px;justify-self:center}.remake-hero-comparison .remake-compare-card video{max-width:none}}
@media(max-width:600px){.remake-hero-comparison{max-width:360px}.remake-hero-comparison .remake-comparison{gap:18px}.remake-hero-comparison .remake-compare-card video{max-width:320px}}

/* Keep the two upcoming lessons consistent with the existing preparation cards. */
.ai-prep-directory .lesson-grid{grid-auto-rows:1fr}
.ai-prep-directory .lesson-card:nth-child(4){background:var(--yellow-soft)}
.ai-prep-directory .lesson-card-pending:hover{border-color:var(--line)}
.ai-prep-directory .lesson-card-pending .btn:disabled{cursor:default;opacity:1;transform:none}