.comic17{margin:24px 0}.comic17 img,.cast-art17{display:block;width:100%;height:auto;border-radius:18px}.comic17 figcaption{font-size:13px;color:#586a65;margin-top:8px}.cast-art17{max-width:1100px;margin:20px auto}.character-grid17{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.character17 dl{display:grid;grid-template-columns:95px 1fr;gap:10px}.character17 dt{font-weight:700;color:#335951}.character17 dd{margin:0}.character17 details{margin-top:16px}.han-word17{display:inline-flex!important;align-items:flex-end;justify-content:center;gap:2px;margin:4px 0 12px}.han-cell17{display:inline-flex;flex-direction:column;align-items:center;min-width:1.2em;gap:3px}.han-cell17 small{font-size:10px;line-height:1.2;letter-spacing:0;white-space:nowrap;color:#4e6d5a}.han-cell17 b,.kana-cell17{font-size:27px;line-height:1.2}.vocab-grid .vocab{white-space:normal;min-width:0}.formula-grid17{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin:20px 0}.formula-grid17>div{padding:18px;border-radius:14px;background:#edf5ec;border:1px solid #ccdfcf}.formula-grid17 .jp{font-size:20px;overflow-wrap:anywhere}.formula-grid17 p{margin:8px 0 0}.example17{border-left:4px solid #d1a354;background:#fff9e9;border-radius:12px;padding:18px;margin:20px 0}.example17 .jp{line-height:2.8}.sentence-gloss17{display:flex;flex-wrap:wrap;gap:5px 14px;font-size:12px;color:#526c60;margin:6px 0}.sentence-gloss17 span{display:inline-block}.story-line16>div{min-width:0}.story-line16 .jp{line-height:2.8;margin:5px 0}.story-line16 .new-word16{margin:3px 2px}.story-line16 ruby rt{font-size:10px}.lesson17{margin:20px 0}.lesson17 h2{font-size:25px}.step-controls17{margin-top:24px;justify-content:space-between;border-top:1px solid #dbe5dd;padding-top:20px}.step-controls17>span{color:#526b62;font-size:13px}.practice-item17{padding:16px 0;border-bottom:1px solid #dce7df}.practice-item17:last-of-type{margin-bottom:20px}.practice-item17 h3{font-size:18px}.course-card17>img{width:100%;height:auto;border-radius:12px;margin-bottom:16px}.course-start17{display:grid;grid-template-columns:1fr 170px;gap:24px;align-items:center;margin:30px 0}.kana-preview17{font-size:58px;line-height:1.5;text-align:center;color:#305a4c;background:#edf5e8;border-radius:22px;padding:15px}.kana-course17{margin-bottom:20px}.lesson17 select{max-width:100%;width:min(440px,100%)}.lesson17 audio,audio{max-width:100%}.story16 .new-word16 small{max-width:240px;white-space:normal}.character17 .story-line16{grid-template-columns:55px 1fr 40px}.character17 .story-line16 .jp{font-size:19px}.lesson17 .row>label{min-width:0}.lesson17 details>summary{cursor:pointer;font-weight:600}.course-start17 h2{font-size:28px}
@media(max-width:680px){.character-grid17{grid-template-columns:1fr}.character17 dl{grid-template-columns:80px 1fr}.course-start17{grid-template-columns:1fr 95px;gap:10px}.kana-preview17{font-size:32px;padding:10px}.course-start17 h2{font-size:22px}.story-line16{grid-template-columns:45px minmax(0,1fr) 35px!important;gap:8px!important}.story-line16>button{min-width:32px;padding:8px}.story-line16 .jp{font-size:19px}.formula-grid17{grid-template-columns:1fr}.han-cell17 b,.kana-cell17{font-size:24px}.comic17{margin:16px -8px}.lesson17{padding:18px}.lesson17 .row{gap:8px}.tabs{overflow:auto;max-width:100%;flex-wrap:wrap}.new-word16 small{font-size:11px}.step-controls17{gap:8px}.step-controls17 button{padding:10px}.character17 .story-line16{grid-template-columns:42px 1fr 32px}}
.lesson17 .vocab{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left}.lesson17 .vocab>span{display:block}.lesson17 .vocab .han-word17{display:inline-flex}.lesson17 .vocab .han-cell17{display:inline-flex}.lesson17 .vocab>small{margin-top:auto}.lesson17 .vocab .han-cell17 small{font-size:10px}