/* Mungok's navy/ivory webtoon base. A scene atlas is displayed one panel at a time. */
.mj-page{--ink:#f5efe3;--muted:#b8c6d7;--line:#56708766;background:#14283f;color:var(--ink);padding:0 24px 90px;container-type:inline-size}
.mj-nav{padding-top:23px}.mj-page a{color:#e9d3a6}.mj-page .mj-kicker{color:#c9b487}.mj-page h1,.mj-page h2,.mj-page h3{color:#f7efdf}.mj-page h1{font-size:36px}.mj-page p{color:#d6e0eb}.mj-page .mj-note{color:#b8c6d7}
.mj-hero{display:block;margin:0 -24px;padding:0;background:#172c44}.mj-hero .mj-story{margin:0}.mj-hero-copy{position:relative;padding:28px 24px 32px;background:linear-gradient(#203b56,#14283f)}.mj-page .mj-hero em{color:#ecd19a}
.mj-story{margin:28px -24px 36px;position:relative}.mj-scene{width:100%;aspect-ratio:1;background-image:url('assets/photos-20261010/mungok-study-scenes-v1.webp');background-size:300% 200%;background-repeat:no-repeat;background-color:#233e58}.mj-scene-0{background-position:0 0}.mj-scene-1{background-position:50% 0}.mj-scene-2{background-position:100% 0}.mj-scene-3{background-position:0 100%}.mj-scene-4{background-position:50% 100%}.mj-scene-5{background-position:100% 100%}
.mj-bubble{position:relative;z-index:1;margin:-22px 22px 0;padding:23px 24px;border-radius:5px 22px 22px 22px;background:#fbf6eb;color:#20364a;box-shadow:0 9px 28px #020c1c30;border:1px solid #e8dcc1}.mj-bubble:before{content:'';position:absolute;left:30px;top:-12px;border-left:13px solid transparent;border-right:6px solid transparent;border-bottom:14px solid #fbf6eb}.mj-bubble small{font-size:12px;font-weight:750;color:#886b3d}.mj-page .mj-bubble p{margin:10px 0 0;font-size:18px;font-weight:600;line-height:1.85;color:#263c51}
.mj-page .mj-button{background:#e5cfa3;border-color:#d0b784;color:#20344a!important}.mj-page .mj-button.secondary{background:#213c56;border-color:#8da4b5;color:#f2e4c8!important}.mj-page .mj-card{background:#203a54;border-color:#59718a;color:#f1eee5}.mj-page .mj-card p{color:#d1deeb}.mj-page .mj-paper{background:#f3eee2;color:#263d52;border-color:#dcd0b7}.mj-page .mj-paper h2,.mj-page .mj-paper h3,.mj-page .mj-paper h4,.mj-page .mj-paper p{color:#263d52}.mj-page .mj-paper small,.mj-page .mj-paper .mj-kicker{color:#73613f}
.mj-page .mj-scores>div{background:#233d56;border-color:#58718a}.mj-page .mj-scores strong{color:#ecd3a1}.mj-page .mj-field input:not([type=checkbox]),.mj-page .mj-field select,.mj-page .mj-field textarea{background:#233c55;color:#f8f1e4;border-color:#7591aa;color-scheme:dark}.mj-page input::placeholder,.mj-page textarea::placeholder{color:#bac9d7}.mj-page .mj-scale label{background:#213b55;border-color:#7591aa;color:#f7efdf}.mj-page .mj-scale label:has(input:checked){background:#3d5772;border-color:#ecd19a}.mj-page .mj-sticky{background:#172d44f5;border-color:#90a4b5}.mj-page .mj-sticky p{color:#d6e0eb}.mj-page .mj-dept small{color:#b8c6d7}.mj-page .mj-table{background:#f3eee2;color:#263d52}.mj-page .mj-table caption{color:#e6d5b4;padding:14px}.mj-page .mj-table th,.mj-page .mj-table td{border-color:#c3c3b8}.mj-page .mj-chips span{color:#263d52;background:#e4e9e9}.mj-page [role=alert]{color:#ffc9b8}.mj-page .mj-paper [role=alert]{color:#983d35}.mj-page .mj-badge{background:#dce8f1;color:#294a63}.mj-page .mj-badge.interest{background:#f1dfbd;color:#694b26}.mj-page .mj-badge.fact{background:#dae7dc;color:#355741}
@media(max-width:650px){.mj-page{padding:0 18px 90px}.mj-hero{margin:0 -18px}.mj-hero-copy{padding:26px 18px 32px}.mj-story{margin:26px -18px 32px}.mj-hero .mj-story{margin:0}.mj-bubble{margin:-20px 18px 0;padding:22px}.mj-page h1{font-size:34px}}