.lesson-series{font-size:.85rem;font-weight:800;color:#246966;letter-spacing:.05em}
.article-card>header h1{font-size:clamp(1.75rem,4vw,2.65rem);font-weight:900;line-height:1.5;overflow-wrap:anywhere;margin:1rem 0}
.lesson-preview{padding:.7rem 1rem;background:#fff1c9;border:1px solid #d8cdbb;border-radius:.6rem;font-size:.85rem;line-height:1.7}
.lesson-dialogue{display:grid;gap:1rem;margin:2rem 0;padding:1.2rem;background:#f4ede0;border-radius:1rem;border:1px solid #d8cdbb}
.lesson-line{display:grid;grid-template-columns:72px minmax(0,1fr);gap:1rem;align-items:start}
.lesson-line>div{background:#fffdf7;padding:.8rem 1rem;border-radius:.8rem;border:1px solid #d8cdbb;min-width:0;overflow-wrap:anywhere}
.lesson-line strong{display:block;color:#246966;font-size:.85rem}.lesson-line p{margin:.3rem 0 0;line-height:1.9}
.lesson-avatar{display:block;width:72px;height:84px;border-radius:20px;background-color:#fff;background-repeat:no-repeat;border:1px solid #d8cdbb}
.lesson-avatar.wafu{background-image:url('/assets/characters/wafu-reference.png');background-size:620px auto;background-position:-1px -51px}
.lesson-avatar.robo{background-image:url('/assets/characters/robo-reference.png');background-size:620px auto;background-position:-1px -67px}
.lesson-toc{padding:1.2rem;background:#e7f2ed;border:1px solid #c9ded4;border-radius:1rem;margin:1.5rem 0 2rem}.lesson-toc ol{margin:.6rem 0 0}.lesson-toc a{display:inline-block;min-height:32px;line-height:1.8}
.article-prose kbd{font-family:inherit;white-space:nowrap;background:#fff;border:1px solid #bab3a8;border-bottom-width:3px;border-radius:4px;padding:0 .35rem}
@media(max-width:480px){.lesson-dialogue{padding:.8rem}.lesson-line{grid-template-columns:52px minmax(0,1fr);gap:.6rem}.lesson-avatar{width:52px;height:65px;background-size:470px auto!important}.lesson-avatar.wafu{background-position:0 -39px}.lesson-avatar.robo{background-position:0 -50px}.lesson-line>div{padding:.65rem .75rem}.article-prose{overflow-wrap:anywhere}}

.lesson-sample{white-space:pre-wrap!important;overflow-wrap:anywhere;word-break:normal;font-family:inherit;font-size:1rem;line-height:2;padding:1.2rem;background:#eef5f0;border:1px solid #c9ded4;border-radius:.8rem;max-width:100%}
.lesson-line>div{position:relative}
.lesson-line>div::before{content:"";position:absolute;left:-6px;top:22px;width:10px;height:10px;transform:rotate(45deg);background:#fffdf7;border-left:1px solid #d8cdbb;border-bottom:1px solid #d8cdbb;pointer-events:none}
.lesson-line--robo{grid-template-columns:minmax(0,1fr) 72px}
.lesson-line--robo>.lesson-avatar{grid-column:2;grid-row:1}
.lesson-line--robo>div{grid-column:1;grid-row:1}
.lesson-line--robo>div::before{left:auto;right:-6px;border-left:0;border-bottom:0;border-top:1px solid #d8cdbb;border-right:1px solid #d8cdbb}
@media(max-width:480px){.lesson-line--robo{grid-template-columns:minmax(0,1fr) 52px}.lesson-line>div::before{top:18px}}