.comic-intro{padding:64px 0 40px;max-width:820px}.comic-intro h1{font-size:clamp(38px,6vw,72px);line-height:1.08;letter-spacing:-2px}.comic-intro>p{font-size:18px;line-height:1.7;max-width:660px}.steps{display:flex;gap:24px;font-weight:700;margin-top:28px}.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding-bottom:60px}.story-card{border:1px solid #d8e4dc;border-radius:24px;overflow:hidden;text-decoration:none;color:inherit;background:#fff}.story-cover{height:260px;background:#e8ddd0;position:relative;display:grid;place-items:center;padding:28px}.story-cover img{width:100%;height:100%;object-fit:cover}.story-cover span{background:white;padding:18px;border-radius:18px;font-size:26px;z-index:1}.story-cover i{font-size:90px;font-style:normal}.story-copy{padding:26px}.story-copy p{line-height:1.6}.comic-reader{max-width:760px;margin:auto}.reader-tools{display:flex;flex-wrap:wrap;gap:20px;padding:20px;background:#eff5ed;border-radius:12px}.episode-art img{width:100%;border-radius:20px}.episode-scenes{display:grid;gap:28px;margin:30px 0}.scene{border:2px solid #243c30;border-radius:22px;overflow:hidden;background:#f3e6d4;padding:25px}.scene-1{background:#dcecdf}.scene-2{background:#e8e2f2}.scene-3{background:#f6e9bb}.scene-label{display:flex;justify-content:space-between;font-weight:800;letter-spacing:1px;font-size:12px}.scene-art{height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 25px}.scene-art span{font-size:74px}.window-shape{height:80px;width:95px;border:5px solid #345243;background:linear-gradient(90deg,transparent 47%,#345243 47%,#345243 53%,transparent 53%),linear-gradient(0deg,#b8d8c4 47%,#345243 47%,#345243 53%,#d6eadc 53%);border-radius:48px 48px 0 0}.speech-card{background:#fffdf8;border:2px solid #243c30;border-radius:22px;padding:24px;box-shadow:4px 5px 0 #243c30}.speech-card h2{font-size:28px}.speech-card button{background:#245d43;color:white;padding:10px 20px;border:0;border-radius:20px;cursor:pointer}.scene-note{margin:22px 4px 0;font-size:14px;line-height:1.7}.practised{display:block;margin-top:24px}.comic-practice{padding:30px 0 60px}.hide-roman .roman,.hide-english .translation{display:none}.expression{padding:14px 0;border-bottom:1px solid #dde7dd}.comic-practice details{padding:15px;margin:8px 0;border:1px solid #d1dfd3;border-radius:12px}.comic-practice summary{cursor:pointer}.episode-art{margin:0}@media(max-width:600px){.scene{padding:18px}.speech-card h2{font-size:23px}.comic-intro{padding-top:35px}}
.story-cover{padding:0;overflow:hidden}.story-cover img{display:block;min-height:0;width:100%;height:260px;object-fit:cover;object-position:center 15%}.comic-intro{margin:0 auto;padding-left:24px;padding-right:24px}.story-grid{max-width:1160px;margin:0 auto;padding:0 24px 60px}.comic-reader{padding:0 20px}.comic-reader .comic-intro{padding-left:0;padding-right:0}.story-copy h2{margin:10px 0}.story-copy strong{display:block;margin-top:16px}.steps{padding-bottom:10px}.reader-tools{margin-top:24px}@media(max-width:600px){.comic-intro h1{letter-spacing:-1.2px}.comic-intro>p{margin-top:18px}.story-grid{grid-template-columns:1fr;padding:0 20px 40px}.comic-intro{padding:36px 20px}.story-cover,.story-cover img{height:230px}}