.n4-welcome46{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:4px solid #65509a;background:linear-gradient(120deg,#fff,#ede7f6)}.n4-arcs46{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.n4-arcs46>.panel{margin:0}.n4-course-row46{display:flex;align-items:center;width:100%;gap:16px;text-align:left;padding:18px 0;border:0;border-top:1px solid #e7e0ee;background:transparent;color:#292438;border-radius:0}.n4-course-row46>span:first-child{color:#796298;font-size:22px;font-weight:700}.n4-course-row46>span:nth-child(2){flex:1}.n4-course-row46 small{display:block;color:#746983;margin-top:5px}.n4-top46{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.n4-top46 span{font-size:14px;color:#61606f}.n4-tabs46{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.n4-tabs46 button{padding:11px 16px}.n4-course46{max-width:1050px;margin:auto}.n4-course46 .n4-material40{overflow:visible;line-height:1.9}.n4-course46 .n4-material40 table{min-width:0;width:100%;table-layout:fixed;font-size:16px}.n4-course46 td,.n4-course46 th{overflow-wrap:anywhere}.n4-page46{min-height:360px}.n4-course46 img{max-width:100%;height:auto}.n4-comic46 img{display:block;margin:16px auto;border-radius:12px}.n4-course46 .eyebrow{font-size:13px;font-weight:700;color:#776b85;letter-spacing:.08em}.n4-pager46{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}.n4-finish46{margin:24px 0}.n4-finish46 p{font-size:14px;color:#736c7c}.n4-visuals46{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.n4-visuals46 figure{margin:0;padding:22px;background:#f1ecf7;border:1px solid #ded2ed;border-radius:18px}.n4-contrast46{display:flex;flex-direction:column;align-items:center;gap:12px;margin:24px 0}.n4-contrast46 b{font-size:26px;text-align:center;color:#643c80}.n4-contrast46>span{font-size:24px;transform:rotate(90deg);color:#a095b1}.n4-visuals46 figcaption{color:#484055;line-height:1.7}.n4-kanji46{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.n4-kanji46 article{padding:18px;background:#f4f0f8;border-radius:12px;text-align:center}.n4-kanji46 strong{display:block;font-size:44px;line-height:1.5}.n4-kanji46 p{font-size:15px;margin-bottom:0}.n4-task46 details,.n4-course46 details{border:1px solid #e4dcec;border-radius:12px;padding:14px;margin:12px 0}.n4-task46 summary,.n4-course46 summary{cursor:pointer;font-weight:600}.n4-task46 h2{font-size:26px;line-height:1.7}.n4-task46 textarea{width:100%;margin:10px 0}.n4-words46{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.n4-words46 summary{display:flex;justify-content:space-between;gap:14px;align-items:center}.n4-words46 summary span{font-size:25px}.n4-words46 small{font-size:12px;color:#776e83}.n4-read-tools46{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.n4-read-tools46 label{display:flex;align-items:center;gap:10px}.n4-read-tools46 select{width:auto}.n4-read-tools46 input[type=checkbox]{width:auto}.n4-reading46{height:52vh;max-height:520px;overflow:auto;border:1px solid #d4c5e6;border-radius:14px;background:#f8f6fc;margin:18px 0;overscroll-behavior:contain;scroll-behavior:auto}.n4-reading46>.jp{padding:26vh 28px 40vh;font-size:27px;line-height:2.5;overflow-wrap:anywhere}.hide-ruby46 rt,.hide-ruby46 rp{visibility:hidden}.n4-zoom46{overflow:auto;max-height:78vh}.n4-zoom46 img{display:block;width:1400px;max-width:none}.n4-course46 audio{max-width:100%}.n4-course46 .quiz-grid40 fieldset{min-width:0}.n4-course46 .quiz-grid40 input{width:auto}.n4-course46 .n4-material40 h2{font-size:28px}.n4-course46 [hidden]{display:none!important}@media(max-width:700px){.n4-arcs46,.n4-visuals46,.n4-words46{grid-template-columns:1fr}.n4-welcome46{align-items:flex-start;flex-direction:column}.n4-tabs46{flex-wrap:nowrap;overflow-x:auto;padding:4px 0 12px;position:sticky;top:0;z-index:5;background:#f6f4fa}.n4-tabs46 button{flex:0 0 auto;font-size:14px}.n4-top46{align-items:flex-start;flex-direction:column;gap:8px}.n4-course46 .panel{padding:18px}.n4-kanji46{grid-template-columns:repeat(2,minmax(0,1fr))}.n4-reading46>.jp{padding-left:16px;padding-right:16px;font-size:24px}.n4-course46 .n4-material40 table{display:block;overflow:auto;table-layout:auto;max-width:100%;font-size:14px}.n4-course46 table th,.n4-course46 table td{min-width:115px;padding:8px}.n4-task46 h2,.n4-course46 .n4-material40 h2{font-size:22px}.n4-pager46{font-size:14px}.n4-pager46 button{padding:10px 14px}}