.c-learn .band{background:linear-gradient(90deg,#2f7d5b,#5cbf8f)} .c-learn .tag{background:#e6f5ec;color:#25664a}
.c-teacher .band{background:linear-gradient(90deg,#c0662b,#eba25c)} .c-teacher .tag{background:#fbefe3;color:#9a4f1d}
.article.is-new .tag::after{content:" NEW";font-weight:900;color:#d4380d}
.prose{text-align:left;text-align-last:auto;word-break:normal;line-break:strict}
.prose .pg{margin:0 0 1.4em;line-height:1.95}
.prose .pg:last-child{margin-bottom:0}
.prose .ln{display:block}                 
.thoughts.prose{border-left:3px solid var(--line);padding-left:28px;max-width:32em}
.thoughts.prose .pg{font-size:18px;line-height:2}
.thoughts.prose .ln{margin-bottom:.35em}
.quote{text-align:left;max-width:12em}
.hero-card .intro.prose{max-width:30em}
.lead.prose{max-width:32em}
.course .prose{font-size:15px;color:var(--ink2);max-width:30em}
.course .prose .pg{line-height:1.9;margin-bottom:1.2em}
.article .excerpt{font-size:14.5px;color:var(--ink2);max-width:28em}
.article .excerpt .pg{line-height:1.85;margin-bottom:1.2em}
@media (max-width:820px){
  .thoughts.prose,.lead.prose,.course .prose,.article .excerpt{max-width:22em}
  .hero-card .intro.prose{max-width:22em;margin-left:auto;margin-right:auto;text-align:left}
  .thoughts.prose{padding-left:18px}
  .thoughts.prose .pg{font-size:17px}
}
.works{background:#fff}
.works-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.work{background:var(--paper);border-radius:20px;overflow:hidden;box-shadow:0 8px 24px rgba(40,20,90,.08);display:flex;flex-direction:column}
.work .video{aspect-ratio:16/9;background:var(--deep);position:relative}
.work .video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;font-size:14px;text-align:center;padding:16px;background:linear-gradient(135deg,var(--deep),var(--violet))}
.video-ph .play{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:22px}
.video-ph .todo{white-space:normal}
.work .body{padding:22px 26px 26px;display:flex;flex-direction:column;gap:10px}
.work h3{font-size:19px;font-weight:700}
.work p{font-size:15px;color:var(--ink2)}
.work .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.wtag{font-size:12.5px;background:#efeaf8;color:var(--violet);padding:3px 10px;border-radius:999px}
.work .todo{white-space:normal}
@media (max-width:820px){.works-grid{grid-template-columns:1fr}}