/* A language school, with a small sense of adventure. */
.atlas-home-banner{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:25px 0;padding:30px;border:1px solid #d4dfc5;border-radius:17px;background:#eff3e2}.atlas-home-banner h2{font-size:28px;line-height:1.25;letter-spacing:-.8px;margin:16px 0}.atlas-home-banner p{font-size:14px;line-height:1.85;max-width:500px;margin-bottom:23px}.atlas-home-glyph{font-size:83px;color:#68845d;position:relative;flex-shrink:0;transform:rotate(-8deg)}.atlas-home-glyph>span{font-size:35px;color:#c38c60;position:absolute;right:-7px;top:-15px}@media(max-width:650px){.atlas-home-banner{padding:25px 20px}.atlas-home-banner h2{font-size:25px}.atlas-home-banner p{font-size:13px}.atlas-home-glyph{display:none}}
.world-intro{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:10px 0 45px}.world-intro h1{font-size:clamp(36px,4.3vw,64px);letter-spacing:-2px;line-height:1.08;margin:20px 0}.world-intro h1>span{color:#b8784d}.world-intro p{font-size:16px;max-width:570px;line-height:1.9}.atlas-stamps{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.atlas-stamps span{font-size:9px;letter-spacing:.06em;border:1px solid #bdcab0;padding:9px 12px;border-radius:7px}.world-art{width:210px;height:240px;position:relative;flex-shrink:0;border-radius:48% 48% 42% 42%;background:#e2e9d3;display:grid;place-items:center;transform:rotate(5deg)}.world-art>span{font-size:105px;color:#55774f;transform:rotate(-9deg);font-weight:600}.world-art>i{position:absolute;right:-8px;top:15px;color:#d29a70;font-size:60px;font-style:normal}.world-art>b{position:absolute;left:-10px;bottom:5px;background:#fffdf2;border:1px solid #bcc9ad;border-radius:9px;padding:13px;font-size:10px;line-height:1.5;letter-spacing:.12em;transform:rotate(-12deg)}.atlas-search{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:10px 0 30px}.atlas-search label{width:100%;font-size:14px;font-weight:600}.atlas-search input{flex:1;min-width:200px}.atlas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.atlas-card{padding:26px;border:1px solid #d8dfcd;border-radius:17px;background:#f8faef;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s;min-height:290px}.atlas-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #294f4110}.atlas-card-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#60715d}.atlas-icon{font-size:36px}.atlas-card h2{font-size:25px;line-height:1.2;letter-spacing:-.6px;margin:24px 0 14px}.atlas-card p{font-size:13px;line-height:1.8;flex:1}.atlas-card-end{border-top:1px solid #b5c4a760;margin-top:24px;padding-top:16px;display:flex;justify-content:space-between;font-size:10px}.accent-lavender,.accent-purple{background:#f0ebf5;border-color:#e1d9eb}.accent-orange,.accent-peach,.accent-coral{background:#fbefdf;border-color:#ebdac4}.accent-blue,.accent-sky{background:#eaf0f4;border-color:#d4e0e5}.accent-sage,.accent-green,.accent-mint{background:#edf3e3}.accent-yellow,.accent-sand{background:#f7f2da;border-color:#e7dfbb}.accent-rose,.accent-pink{background:#f7eceb;border-color:#ebd6d3}.atlas-start{margin-top:35px;padding:32px}.atlas-start h2{font-size:28px;margin:16px 0}.atlas-start p{font-size:15px;line-height:1.85;margin:15px 0 25px}.atlas-start .btn{margin:0 10px 10px 0}.editorial-status{font-size:12px;color:var(--muted);line-height:1.9;margin:28px 0;max-width:900px}.track-hero{padding:38px;border-radius:20px;margin:20px 0 35px}.track-hero h1{font-size:43px;line-height:1.15;letter-spacing:-1.2px;margin:22px 0}.track-hero>p{font-size:16px;line-height:1.8;max-width:800px}.track-goals{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.track-goals>span{font-size:12px;background:#ffffff80;border:1px solid #ffffff80;padding:11px 14px;border-radius:9px}.track-progress{display:flex;gap:12px;align-items:center;font-size:12px}.track-progress b{font-size:23px}.track-lessons{display:grid;gap:14px}.track-lesson{display:flex;gap:23px;align-items:center;background:#fffefa;border:1px solid var(--line);border-radius:14px;padding:24px}.track-number{font-size:25px;color:#9baa8b;min-width:36px}.track-lesson h3{font-size:21px;line-height:1.4;margin:8px 0}.track-lesson p{font-size:14px;line-height:1.7}.track-status{font-size:26px;margin-left:auto;color:#799568}.topic-lesson-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.topic-stepper{display:flex;gap:10px;margin:25px 0}.topic-stepper>button{display:flex;align-items:center;gap:10px;flex:1;padding:14px 17px;background:#f0f3e8;border:1px solid var(--line);border-radius:11px;color:#697760;font-size:13px;white-space:nowrap}.topic-stepper>button>span{width:25px;height:25px;border-radius:50%;background:#dce5cf;display:grid;place-items:center;font-size:12px;flex-shrink:0}.topic-stepper small{font-size:10px;margin-left:auto}.topic-stepper .active{background:#294f41;color:#fff}.topic-stepper .active>span{background:#ffffff25}.topic-reader{padding:38px;max-width:1020px}.topic-reader h2{font-size:30px;line-height:1.35;letter-spacing:-.6px;margin:20px 0}.topic-reader>p,.topic-explanation{font-size:16px;line-height:1.9;margin:18px 0}.topic-reader .expression-grid{margin-top:25px}.topic-ko{font-size:24px;line-height:1.85;display:block}.topic-en{display:block;font-size:15px;line-height:1.8;color:#60705d;margin-top:8px}.expression-note{font-size:12px;line-height:1.8;margin-top:13px}.expression-actions{display:flex;justify-content:space-between;gap:10px;margin-top:12px}.topic-reader .dialogue{margin:30px 0}.topic-controls{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-top:30px}.topic-recall-box{background:#eeedf5;border-radius:14px;padding:25px;margin:30px 0}.topic-recall-box h3{font-size:21px;margin-bottom:15px}.topic-recall-box label{display:block;font-size:15px;line-height:1.8}.topic-recall-box .recall-input{margin:18px 0}.topic-checklist{margin:25px 0}.topic-checklist label{display:flex;align-items:start;gap:12px;line-height:1.8;font-size:14px;margin:15px 0}.topic-checklist input{min-width:20px;height:20px;accent-color:#456b4e}.topic-sources{margin:30px 0;padding:23px;border-top:1px solid var(--line);font-size:14px;max-width:1000px}.topic-sources summary{cursor:pointer;min-height:35px}.topic-sources p{font-size:13px;line-height:1.9;margin:15px 0}.topic-sources a{display:block;min-height:38px;padding:8px 0;font-size:13px;text-decoration:underline;text-underline-offset:4px}.audio-caption{font-size:12px!important}.romanization{display:block!important;font-size:13px!important;font-weight:400!important;font-style:normal!important;line-height:1.7!important;letter-spacing:.02em!important;color:#7b6c8c!important;white-space:normal;overflow-wrap:anywhere;margin:3px 0 7px!important}.ko-reading-unit{display:inline-block;vertical-align:top;max-width:100%}.ko-reading-unit>.romanization{font-size:12px!important;margin-top:0!important}.alphabet-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.alphabet-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.letter-library,.writing-workshop{padding:27px}.alphabet-keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.alphabet-key{border:1px solid var(--line);border-radius:12px;background:#fffefa;padding:18px 8px;color:var(--ink);position:relative;min-height:104px}.alphabet-key>span{font-size:35px;line-height:1.2}.alphabet-key>small{display:block;font-size:12px;color:var(--muted);margin-top:10px}.alphabet-key.active{background:#e4ecd7;border-color:#9cb389}.alphabet-key>i{position:absolute;right:7px;top:5px;color:#618655;font-style:normal;font-size:11px}.alphabet-key .romanization{display:none!important}.letter-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.letter-heading h2{font-size:33px;margin:12px 0 5px}.letter-heading .romanization{font-size:15px!important}.mouth-guide{font-size:14px;line-height:1.9;margin:20px 0}.writing-board{max-width:310px;margin:25px auto;border:1px solid #d8dece;border-radius:15px;overflow:hidden;background:#fffef8}.writing-board svg{display:block;width:100%;touch-action:none;user-select:none}.writing-status{font-size:13px;line-height:1.8;min-height:45px;text-align:center}.syllable-studio,.alphabet-mission{margin-top:30px;padding:32px}.syllable-studio h2,.alphabet-mission h2{font-size:29px;margin:20px 0}.syllable-studio>p,.alphabet-mission>p{font-size:15px;line-height:1.9}.syllable-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.syllable-controls label{font-size:13px;display:grid;gap:12px}.syllable-controls select{width:100%;font-size:20px}.syllable-result{display:flex;justify-content:center;align-items:center;gap:60px;border-radius:18px;background:#e8efda;padding:25px;margin:20px 0}.syllable-result strong{font-size:105px;font-weight:400;line-height:1.3}.syllable-result .romanization{font-size:19px!important;text-align:center}.print-jamo-sheet{display:none}.sound-workshop{padding:35px;max-width:1020px}.sound-workshop h2{font-size:29px;margin:20px 0}.sound-workshop>p{font-size:16px;line-height:1.9}.sound-pairs{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0}.sound-pairs>button{padding:24px 18px;min-width:100px;border:1px solid #d3dcc7;border-radius:15px;background:#f0f4e7;color:var(--ink)}.sound-pairs strong{font-size:38px;display:block;font-weight:500}.sound-pairs .romanization{font-size:15px!important}.sound-pairs>button>small{display:block;font-size:10px;color:var(--muted);margin-top:15px}.sound-example{border-bottom:1px solid var(--line);padding:22px 0}.sound-example>span{font-size:27px}.sound-example>.text-link{display:flex}.sound-pairs .ko-reading-unit>.romanization{display:none!important}.local-preview-ribbon{background:#f5e6ca;color:#624929;padding:11px 20px;font-size:12px;line-height:1.6;text-align:center;border-bottom:1px solid #decaa7}.section-tabs{gap:22px}.sidebar nav{max-height:calc(100dvh - 300px)}
@media(max-width:1150px){.atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.world-art{width:165px;height:190px}.world-art>span{font-size:85px}.topic-stepper>button{padding:12px;gap:7px;font-size:12px}.topic-stepper small{display:none}.alphabet-layout{grid-template-columns:1fr 1fr;gap:18px}.alphabet-keys{grid-template-columns:repeat(3,minmax(0,1fr))}.writing-workshop{padding:23px}.letter-heading{display:block}.letter-heading .btn{margin-top:10px}}
@media(max-width:900px){.alphabet-layout{grid-template-columns:1fr}.letter-library .alphabet-keys{grid-template-columns:repeat(7,minmax(0,1fr))}.alphabet-key{min-height:95px;padding:15px 5px}.alphabet-key>span{font-size:29px}.writing-workshop{padding:28px}.letter-heading{display:flex}.world-intro h1{font-size:47px}.topic-reader{padding:28px}.topic-stepper{gap:5px}.topic-stepper>button{font-size:10px}.topic-stepper>button>span{height:21px;width:21px;font-size:10px}}
@media(max-width:650px){.world-intro{position:relative;display:block;padding-bottom:30px}.world-intro h1{font-size:41px;max-width:330px;position:relative;z-index:1}.world-intro p{font-size:15px}.world-art{position:absolute;right:-5px;top:0;width:100px;height:125px;opacity:.2;z-index:0}.world-art>span{font-size:62px}.world-art>b,.world-art>i{display:none}.atlas-stamps{gap:6px}.atlas-stamps span{font-size:8px;padding:8px}.atlas-grid{grid-template-columns:1fr}.atlas-card{min-height:235px;padding:25px}.atlas-card h2{font-size:29px}.atlas-card p{font-size:14px}.atlas-card-end{font-size:11px}.atlas-search select{width:100%}.track-hero{padding:27px 22px}.track-hero h1{font-size:34px}.track-hero>p{font-size:15px}.track-goals{display:grid}.track-goals span{font-size:12px}.track-lesson{padding:20px 15px;gap:13px}.track-lesson h3{font-size:20px}.track-lesson p{font-size:13px}.track-number{min-width:25px;font-size:23px}.track-status{font-size:22px}.topic-lesson-top{display:block}.topic-stepper{overflow:auto;padding-bottom:8px}.topic-stepper>button{min-width:75px;display:flex;flex-direction:column;padding:12px 7px;font-size:10px}.topic-reader{padding:25px 18px}.topic-reader h2{font-size:25px}.topic-reader>p,.topic-explanation{font-size:15px}.topic-ko{font-size:24px}.topic-en{font-size:14px}.expression-actions{flex-wrap:wrap}.topic-controls{gap:10px}.topic-controls .btn{font-size:12px;padding:12px 17px}.topic-recall-box{padding:20px 15px}.alphabet-keys,.letter-library .alphabet-keys{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.letter-library,.writing-workshop{padding:22px 17px}.alphabet-key{min-height:95px}.alphabet-key>span{font-size:31px}.letter-heading{display:block}.letter-heading .btn{margin-top:8px}.syllable-studio,.alphabet-mission{padding:25px 20px}.syllable-controls{gap:10px}.syllable-controls label{font-size:11px}.syllable-controls select{font-size:20px;padding:10px}.syllable-result{gap:25px;padding:20px}.syllable-result strong{font-size:85px}.syllable-result .btn{font-size:11px;max-width:140px}.sound-workshop{padding:25px 20px}.sound-pairs{gap:9px}.sound-pairs>button{min-width:85px;padding:20px 14px}.sound-pairs strong{font-size:34px}.sound-workshop h2{font-size:25px}.sound-workshop>p{font-size:15px}.local-preview-ribbon{font-size:11px;padding:10px 15px}.atlas-start{padding:25px}.atlas-start .btn{width:100%}.ko-reading-unit>.romanization{font-size:12px!important}.section-tabs{gap:19px}}
@media print{.sidebar,.topbar,.section-tabs,.mobile-nav,footer,.alphabet-tabs,.alphabet-layout,.syllable-studio,.topic-sources,.alphabet-mission .session-buttons,#toast{display:none!important}.app-shell{margin:0!important}main{padding:0!important}.alphabet-mission{border:0;margin:0;padding:0}.print-jamo-sheet{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.print-jamo-sheet>div{display:grid;grid-template-columns:45px repeat(3,1fr);border:1px solid #bbb;min-height:70px;align-items:center;padding:8px;gap:5px}.print-jamo-sheet b{font-size:28px}.print-jamo-sheet span{grid-column:1/-1;font-size:10px}.print-jamo-sheet i{height:40px;border:1px dashed #ccc}.page-intro{margin:0 0 20px}.page-intro h1{font-size:25px}.romanization{color:#444!important}.local-preview-ribbon{display:none}}
