#n4Course7313{background:#123a58;color:#f5faff;border:1px solid #6b99b8;border-radius:20px;padding:20px;margin:12px auto 90px;max-width:1080px;font-family:system-ui,sans-serif;overflow-wrap:anywhere}
#n4Course7313 button{background:#eef7ff;color:#123a58;border:1px solid #91b8d4;border-radius:10px;padding:10px 14px;cursor:pointer;font:inherit;min-height:44px}
#n4Course7313 button:disabled{opacity:.45;cursor:default}
#n4Course7313 button:focus-visible,#n4Course7313 input:focus-visible{outline:3px solid #ffd976;outline-offset:3px}
#n4Course7313 h2{font-size:1.4rem;color:#fff}#n4Course7313 h3,#n4Course7313 h4{color:#aee2ff}
#n4Course7313 p{line-height:1.65;margin:.7em 0}#n4Course7313 .n4-top{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
#n4Course7313 .n4-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}#n4Course7313 [aria-current=page]{background:#f6b9d6;color:#17374b}
#n4Course7313 .n4-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#n4Course7313 .n4-grid button{text-align:left;display:grid;gap:8px}
#n4Course7313 ruby{ruby-align:center}#n4Course7313 rt{font-size:.56em;letter-spacing:0;font-weight:400}#n4Course7313 .n4-jp{font-size:1.2rem;line-height:2.8}
#n4Course7313 .n4-line{padding:12px 0;border-bottom:1px solid #49738e}#n4Course7313 .n4-line button{margin-left:10px}
#n4Course7313 article{padding:14px;margin:12px 0;background:#1c4967;border-radius:12px}
#n4Course7313 fieldset{border:1px solid #6c91aa;border-radius:12px;margin:18px 0;padding:16px;min-width:0}#n4Course7313 legend{padding:4px 8px;line-height:1.5}
#n4Course7313 .n4-option{display:flex;gap:10px;align-items:center;background:#214b69;padding:12px;border-radius:8px;margin:7px 0;cursor:pointer}#n4Course7313 input[type=radio]{width:19px;height:19px;flex-shrink:0}
#n4Course7313 .n4-ok{color:#a3f5c1}#n4Course7313 .n4-error{color:#ffd2b5}#n4Course7313 [data-status]{color:#ffe5a2;font-weight:600;line-height:1.6;margin:10px 0}
#n4Course7313 .n4-word{display:grid;grid-template-columns:30px 1.1fr 1fr 50px;align-items:center;gap:10px;padding:12px;border-bottom:1px solid #49738e}#n4Course7313 .n4-active{background:#306482}
#n4Course7313 .n4-card{background:#244f6c;border-radius:16px;padding:18px;margin:16px 0;text-align:center}#n4Course7313 .n4-flash{display:block;min-height:100px;width:100%;font-size:1.4rem;margin-bottom:12px}
#n4Course7313 .n4-footer{display:flex;justify-content:space-between;gap:8px;margin-top:20px}#n4Course7313 .n4-note{font-size:.9rem;color:#c6dce9}
#n4Course7313 details{margin:14px 0;padding:12px;border:1px solid #547d98;border-radius:10px}#n4Course7313 summary{cursor:pointer;font-weight:600;line-height:1.5}#n4Course7313 .n4-table{overflow:auto;max-height:500px}#n4Course7313 table{border-collapse:collapse;width:100%;font-size:.9rem}#n4Course7313 td,#n4Course7313 th{border:1px solid #547d98;padding:8px;text-align:left;vertical-align:top}
@media(max-width:600px){#n4Course7313{padding:12px;margin:8px 0 90px;border-radius:14px}#n4Course7313 .n4-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#n4Course7313 .n4-word{grid-template-columns:24px 1fr 44px}#n4Course7313 .n4-word>span:not(.n4-jp){grid-column:2}#n4Course7313 .n4-word>button{grid-column:3;grid-row:1/3}#n4Course7313 .n4-jp{font-size:1.05rem}#n4Course7313 .n4-footer{flex-wrap:wrap}#n4Course7313 .n4-tabs button{flex:1 1 42%}}

#n4Course7313 .n4-sentence{line-height:1.8}#n4Course7313 .n4-reading{display:block;font-size:.75em;color:#c6dce9;line-height:1.7}#n4Course7313 ruby{white-space:normal}

#n4Course7313 summary,#n4Course7313 summary::marker{color:#e9f7ff!important}#n4Course7313 table,#n4Course7313 td,#n4Course7313 th{color:#f5faff;background:#173f5b}

#n4ClassicMenu button{width:100%;text-align:left;margin:5px 0;padding:14px}#n4Drill .panel{color:#163b54}#n4Drill button{padding:12px;margin:5px;border-radius:10px;min-height:44px}#n4Drill .choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#n4Drill input{padding:12px;font:inherit;max-width:95%}#n4Drill [data-feedback]{white-space:pre-line;line-height:1.7}#n4Drill .triple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#n4Drill .triple button{width:100%;margin:4px 0;overflow-wrap:anywhere}#n4Drill button.selected{outline:3px solid #d8589b}#n4Drill button:disabled{opacity:.55}

#n4ClassicMenu .n4-n5-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}#n4ClassicMenu .n4-n5-grid button{margin:0;border:1px solid #b9d9ef;border-radius:14px;background:#eef8ff;color:#0b5688;font-weight:700}#n4ClassicMenu details{margin-top:14px}#n4ClassicMenu summary{padding:12px;color:#164462;cursor:pointer}@media(max-width:520px){#n4ClassicMenu .n4-n5-grid{grid-template-columns:1fr}}

/* Match N5 course cards and its reading/exercise surfaces. Scoped to N4. */
#n4ClassicMenu .n4-n5-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:10px 0 0}
#n4ClassicMenu .n4-n5-grid button{min-height:54px;border-radius:15px;border:1px solid #cfe5f4;background:linear-gradient(180deg,#fff,#eef9ff);color:#104f7e;font-weight:900;font-size:14px;text-align:left;padding:10px 12px;box-shadow:none;margin:0}
#n4ClassicMenu details{padding:12px;border:1px solid #cfe5f4;border-radius:15px;background:#f4faff;margin-top:12px}
#n4Course7313{max-width:none;margin:0 0 12px;background:rgba(255,255,255,.96)!important;color:#163b54;border:1px solid #cfe5f4;border-radius:22px;padding:14px;font-family:inherit}
#n4Course7313 h2,#n4Course7313 h3,#n4Course7313 h4{color:#0c5488}
#n4Course7313 h2{font-size:18px;margin:0;line-height:1.5}
#n4Course7313 .n4-top{padding-bottom:12px;border-bottom:1px solid #d6e8f3}
#n4Course7313 button,#n4Drill button{border:1px solid #cfe5f4;border-radius:15px;background:linear-gradient(180deg,#fff,#eef9ff);color:#104f7e;font-weight:900;font-size:14px;min-height:44px;box-shadow:none}
#n4Course7313 article{padding:12px;border:1px solid #d6e8f3;border-radius:15px;background:#fff;margin:10px 0}
#n4Course7313 .n4-line{padding:9px 10px;border-radius:12px;background:#f4faff;margin:7px 0;border:0;line-height:1.55}
#n4Course7313 .n4-line p,#n4Course7313 .n4-note,#n4Course7313 .n4-reading{color:#55778e}
#n4Course7313 .n4-jp{color:#163b54;font-size:18px}
#n4Course7313 fieldset{padding:12px;border:1px solid #d8e8f2;border-radius:14px;margin:10px 0;background:#fff}
#n4Course7313 legend{color:#104f7e;font-weight:700}
#n4Course7313 .n4-option{background:#f4f9fc;color:#163b54;padding:9px;border:1px solid #e0edf5;border-radius:10px}
#n4Course7313 details{border-color:#cfe5f4;background:#f4faff}
#n4Course7313 summary,#n4Course7313 summary::marker{color:#104f7e!important}
#n4Course7313 table,#n4Course7313 td,#n4Course7313 th{color:#163b54;background:#fff;border-color:#d6e8f3}
#n4Course7313 th{background:#eef8ff}
#n4Course7313 [data-status]{color:#135e85;background:#edf8ff;border-radius:10px;padding:8px}
#n4Course7313 [data-status]:empty{display:none}
#n4Course7313 .n4-ok{color:#15703d}#n4Course7313 .n4-error{color:#ad361c}
#n4Course7313 .n4-footer{border-top:1px solid #d6e8f3;padding-top:12px;margin-top:14px}
#n4Drill h2,#n4Drill h3{color:#0c5488}#n4Drill h2{font-size:18px}
#n4Drill [data-stage]{background:rgba(255,255,255,.96);border:1px solid #cfe5f4;border-radius:18px;padding:14px;margin:12px 0}
#n4Drill .choices button{text-align:left;background:#f4f9fc;padding:12px;margin:0}
#n4Drill [data-feedback]:not(:empty){padding:12px;border-radius:12px;background:#edf8ff;color:#164462}
#n4Drill input{border:1px solid #bcdced;border-radius:10px;color:#163b54;background:#fff;box-sizing:border-box}
@media(max-width:520px){#n4ClassicMenu .n4-n5-grid{grid-template-columns:1fr}#n4Drill .choices{grid-template-columns:1fr}#n4Course7313 .n4-top{gap:9px}#n4Course7313 h2{flex:1 1 100%}}

#n4Course7313{background:#eef8ff!important}#n4Course7313 .n4-card{background:#e2f2fc;color:#163b54}#n4Course7313 .n4-active{background:#d8efff}#n4Course7313 .n4-word{border-color:#cfe5f4}

/* N4 uses the merged grammar entry only. */
#courseView.n4-single-grammar #openGrammar49{display:none!important}

#courseView:not(.n4-single-grammar) #n4ClassicMenu{display:none!important}
#courseView.n5-menu-clean #n5Full25Actions,#courseView.n5-menu-clean #n5CompleteActions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px;margin-top:10px}
#courseView.n5-menu-clean #n5Full25Actions button,#courseView.n5-menu-clean #n5CompleteActions button{min-height:58px;padding:12px 14px;border:1px solid #cfe5f4;border-radius:16px;background:linear-gradient(#fafdff,#edf8ff);color:#144e77;text-align:left;font-size:16px;font-weight:900}
@media(max-width:420px){#courseView.n5-menu-clean #n5Full25Actions,#courseView.n5-menu-clean #n5CompleteActions{grid-template-columns:1fr!important}}