:root{
  --paper:#F7F1E8;--oat:#F3EDE4;--card:#FFFCF7;
  --title:#3D2A22;--module:#5C3D32;--text:#4A3428;--muted:#6B554A;
  --wine:#7A3E48;--gold:#C4A574;--rose-soft:#E9DED4;
  --line:rgba(74,52,40,.14);--shadow:0 7px 24px rgba(74,52,40,.07)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif;font-size:16.5px;line-height:1.68}
a{color:inherit}img{display:block;max-width:100%}
.course{width:min(100%,760px);margin:auto;background:var(--card);min-height:100vh;box-shadow:var(--shadow)}
.screen{min-height:100svh;scroll-margin-top:0;background:var(--card)}.screen.alt{background:var(--paper)}
.hero img{width:100%;height:auto}.section{padding:27px 22px}
.eyebrow,.lesson-index{display:inline-block;font-size:13px;letter-spacing:.1em;color:var(--wine);font-weight:700}
.course-title{display:flex;flex-direction:column;align-items:flex-start;white-space:nowrap;margin:7px 0 10px;font-family:"Songti SC","Noto Serif CJK SC",serif;font-size:28px;line-height:1.28;color:var(--title)}
.course-title .shift{margin-left:2em}.lead{font-size:17.5px;line-height:1.62;margin:0}
.soft-line{width:100%;overflow:hidden;white-space:nowrap;color:var(--gold);font-size:17px;line-height:1;margin:14px 0}
.muted,.meta{color:var(--muted)}
h2{margin:0 0 13px;font-family:"Songti SC","Noto Serif CJK SC",serif;color:var(--module);font-size:23px;line-height:1.34}
h3{margin:0 0 6px;color:var(--module);font-size:18.5px;line-height:1.42}p{margin:0 0 11px}
.actions{display:grid;gap:10px;margin-top:14px}
.button{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 16px;border-radius:12px;text-decoration:none;font-weight:700;text-align:center}
.button.primary{background:var(--wine);color:#fff}.button.secondary{background:#F1E5E7;color:var(--module);border:1px solid rgba(122,62,72,.14)}.button.ghost{background:transparent;color:var(--module);border:1px solid rgba(122,62,72,.24)}
.catalog-section{padding-top:55px}.catalog-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:9px;margin-top:13px}
.catalog-card,.media-card,.card{background:var(--card);border:1px solid var(--line);border-radius:15px;box-shadow:0 3px 14px rgba(74,52,40,.035)}
.catalog-card{padding:13px;display:flex;flex-direction:column;min-height:210px}.catalog-card h3{font-size:16px}.catalog-card .meta{font-size:12.5px;line-height:1.48;flex:1}.catalog-card .button{margin-top:auto}
.num{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:#F2E6E8;color:var(--wine);font-weight:700;font-size:13px;margin-bottom:7px}
.lesson-screen .section{padding-top:35px;padding-bottom:38px}.lesson-index{margin-bottom:8px}.media-stack{display:grid;gap:12px;margin-top:17px}.media-card{padding:16px 17px}
audio,video{display:block;width:100%;border-radius:12px;margin-top:10px;background:#2E2625}video{aspect-ratio:16/9;object-fit:contain}
.quote{margin-top:14px;padding:17px 18px;border-left:3px solid var(--gold);background:#F6EFE5;border-radius:0 13px 13px 0}
.lesson-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.lesson-nav a{min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:11px;text-decoration:none;color:var(--module);font-weight:700;text-align:center;padding:8px}
.finish-screen{display:flex;flex-direction:column}.finish-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding-top:28px}.cards{display:grid;gap:10px}.card{padding:16px 17px}.card h3{margin-top:9px}.badge{display:inline-block;padding:4px 9px;border-radius:999px;background:#F2E6E8;color:var(--wine);font-size:13px;font-weight:700}
.quiet-block,.companion-note{margin-top:4px}.course-footer{text-align:center;padding:18px;background:var(--rose-soft);color:var(--module);font-size:18px;letter-spacing:.04em}.course-footer .line2{font-size:16px;margin-top:7px}.course-footer .signature{font-family:"Songti SC","Noto Serif CJK SC",serif;font-size:20px;margin-top:13px}
.media-card:focus-within,.catalog-card:focus-within{outline:2px solid rgba(122,62,72,.3);outline-offset:2px}
@media(min-width:640px){.section{padding:35px 44px}.course-title{font-size:33px}.actions{grid-template-columns:1fr 1fr}.media-stack{grid-template-columns:1fr 1fr}}
@media(max-width:390px){body{font-size:16px}.section{padding:24px 18px}.course-title{font-size:26px}.catalog-section{padding-top:50px}.catalog-card{min-height:205px}.media-card,.card{padding:15px 16px}h2{font-size:21.5px}}
@media(max-width:360px){.catalog-grid,.lesson-nav{grid-template-columns:1fr}.catalog-card{min-height:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}