/* Scoped South/North Korean contrast module. Works with light/dark themes and mobile. */
.mw4-north{display:grid;gap:15px;min-width:0;padding-top:12px;scroll-margin-top:70px}
.mw4-north-head{border-radius:18px;background:linear-gradient(115deg,#14293f,#244259 65%,#273b46);color:#f8fcff;padding:clamp(19px,3vw,30px)}
.mw4-north-head h2{font-size:clamp(1.5rem,3vw,2.05rem);margin:7px 0 12px}
.mw4-north-head p{max-width:73ch;line-height:1.65;color:#e4edf2}
.mw4-north-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.mw4-north-stats span{border:1px solid #d3e2ef44;border-radius:999px;padding:7px 11px;background:#ffffff12;font-size:.8rem}
.mw4-north-notice{font-size:.88rem;line-height:1.65;padding:12px 16px;border-left:3px solid #5b96b5;background:rgba(76,132,173,.09);border-radius:8px}
.mw4-north-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mw4-north-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0}
.mw4-north-compare>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;border-radius:14px;border:1px solid var(--line,#d9e1d9);padding:17px 8px;min-width:0;background:var(--surface,#fff)}
.mw4-north-compare>div:nth-child(2){border-color:#7a9dab;background:rgba(75,121,155,.07)}
.mw4-north-compare strong{font-size:clamp(1.25rem,2.9vw,2rem);overflow-wrap:anywhere}
.mw4-north-compare small,.mw4-north-phrase small{font-weight:750;color:var(--muted,#647678)}
.mw4-north button{cursor:pointer;font:inherit}
.mw4-north-compare button,.mw4-north-phrase button{border:1px solid var(--line,#d9e1d9);background:var(--surface,#fff);color:var(--ink,#24342e);padding:7px 11px;min-height:37px;border-radius:10px}
.mw4-north-phrase{border-top:1px solid var(--line,#dde5dd);padding:13px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.mw4-north-phrase strong{font-size:1.12rem;overflow-wrap:anywhere}
.mw4-north-phrase small{grid-column:1/-1}
.mw4-north-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.mw4-north-actions button{padding:9px 13px;border:1px solid var(--line,#d9e1d9);background:var(--surface,#fff);color:var(--ink,#24342e);border-radius:10px;min-height:41px}
.mw4-north-actions button:nth-child(2){background:var(--green,#267b66);color:white;border-color:var(--green,#267b66)}
.mw4-north-quiz{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:13px 0}
.mw4-north-quiz button{min-height:55px;padding:10px;border:1px solid var(--line,#d9e1d9);border-radius:12px;background:var(--surface,#fff);color:var(--ink,#24342e);font-size:1.18rem}
.mw4-north-quiz button:hover,.mw4-north button:focus-visible{border-color:var(--green,#278b70);outline-offset:3px}
.mw4-north-list summary{cursor:pointer;font-weight:700;line-height:1.55}
.mw4-north-list-wrap{overflow-x:auto;max-width:100%}
.mw4-north-list table{width:100%;border-collapse:collapse;margin-top:12px}
.mw4-north-list th,.mw4-north-list td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line,#dfe4e0)}
.mw4-north-list td:nth-child(1),.mw4-north-list td:nth-child(2){font-size:1.03rem;font-weight:650}
.mw4-north-list a{text-decoration:underline;overflow-wrap:anywhere}
@media(max-width:740px){.mw4-north-grid{grid-template-columns:1fr}.mw4-north-quiz{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:370px){.mw4-north-compare{grid-template-columns:1fr}.mw4-north-quiz{grid-template-columns:repeat(2,minmax(0,1fr))}}