.chapter-intro{display:flex;flex-direction:column;gap:12px}.chapter-intro-scene{height:120px;position:relative;border-radius:18px;overflow:hidden;isolation:isolate;flex-shrink:0;display:flex;align-items:flex-end;padding:12px 130px 12px 14px;background:#dfe9c5}.chapter-intro-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:.6}.chapter-intro-dino{position:absolute;right:10px;bottom:0;width:115px;height:115px;object-fit:contain}.chapter-intro-scene>span{background:#fff9e5ef;border:1px solid #c6d1a5;border-radius:12px;padding:6px 10px;font-size:14px;font-weight:800;color:#315638}.chapter-intro h2{font-size:25px;line-height:1.2;margin:0}.chapter-intro p{margin:0;line-height:1.5;font-size:16px}.chapter-intro-examples{display:flex;flex-wrap:wrap;gap:8px}.chapter-intro-examples>span{background:#e7edcd;border:1px solid #c0cca2;border-radius:12px;padding:8px 12px;font-size:20px;font-weight:800;white-space:nowrap}.chapter-intro-tip{background:#fff1c9;border:1px solid #ddc78e;border-radius:16px;padding:12px 14px}.chapter-intro-tip>strong{display:block;font-size:16px;margin-bottom:4px}.chapter-intro .chapter-intro-repeat{font-size:14px;color:#5f7258}.chapter-intro>.primary{align-self:center;min-height:46px;padding:10px 24px;font-size:17px}
@media(max-width:520px){.chapter-intro{gap:9px}.chapter-intro-scene{height:85px;padding-right:95px}.chapter-intro-dino{height:82px;width:82px}.chapter-intro-scene>span{font-size:12px}.chapter-intro h2{font-size:21px}.chapter-intro p{font-size:14px}.chapter-intro-examples>span{font-size:18px;padding:6px 9px}.chapter-intro .chapter-intro-repeat{font-size:12px}}