/* Pencil universe: decorative artwork stays behind the interactive concept graph. */
:root {
  --ink: #28354b;
  --muted: #566175;
  --paper: #fffdf7;
  --line: #ddd8e8;
  --teal: #426890;
}
body {
  background:
    radial-gradient(ellipse at 4% 4%, #eddbfb66, transparent 31rem),
    radial-gradient(ellipse at 97% 28%, #ffe3c466, transparent 27rem),
    radial-gradient(ellipse at 2% 64%, #d6eee566, transparent 26rem),
    #fffdf7;
}
.masthead { border-bottom-color: #e7dff0; }
.intro h1 { color: #33466e; }
.eyebrow { color: #655085; }
[data-welcome-root="start"] {
  background: linear-gradient(120deg,#f7effc,#fff8e9 53%,#ecf7f1);
  border: 1px solid #d8cbe4;
  border-radius: 25px 21px 26px 19px;
}
.welcome-number { box-shadow: 3px 3px 0 #e7dcf366; }
.scene-context { background: #f0ecf8; }
.concept-deck { background: #f8f0fc; border-color: #ded0eb; }
.perspective-tools { background: #fff6e5; border-color: #e5d7b8; }
.space-panel {
  position: relative;
  isolation: isolate;
  border: 1px solid #647497;
  border-radius: 28px 23px 26px 21px;
  background:
    radial-gradient(ellipse at 4% 8%, #a494d940, transparent 33%),
    radial-gradient(ellipse at 96% 74%, #7ca6b13a, transparent 34%),
    radial-gradient(ellipse at 13% 91%, #edb2a730, transparent 26%),
    linear-gradient(145deg,#354567,#364866 55%,#314d62);
  box-shadow: 0 7px 22px #39497514;
}
/* Hand-drawn line fragments stay at the far edges, not under labels. */
.space-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .7;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='760' viewBox='0 0 1200 760'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M18 128 Q58 71 114 115 Q150 163 97 195 Q40 221 19 167' stroke='%23C2ABD8' stroke-width='2' opacity='.4'/%3E%3Cpath d='M12 156 Q73 113 153 143 M13 161 Q80 121 152 147' stroke='%23EAC49D' stroke-width='2' opacity='.3'/%3E%3Cpath d='M1056 541 Q1126 501 1172 558 Q1200 611 1134 635 Q1074 646 1056 581' stroke='%239ECABD' stroke-width='3' opacity='.3'/%3E%3Cpath d='M1036 587 Q1109 542 1200 561 M1037 590 Q1112 548 1200 565' stroke='%23AFB6E7' stroke-width='2' opacity='.35'/%3E%3Cpath d='M37 489 l7 -13 4 12 13 4 -12 5 -3 13 -5 -12 -13 -5 z M1144 187 l5 -11 4 11 11 4 -11 5 -4 11 -5 -11 -11 -5 z M164 681 l5 -13 4 12 12 4 -12 5 -4 13 -5 -12 -12 -5 z' stroke='%23F3D28C' stroke-width='2' opacity='.5'/%3E%3Cpath d='M1046 68 q17 -6 26 -2 M1041 72 q19 -7 31 -1 M159 55 q17 4 23 14' stroke='%23E9B7BA' stroke-width='2' opacity='.38'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
#jarvis-space .future-sky { opacity: .58; }
#jarvis-space .future-planet { fill:#b1a3d5;fill-opacity:.14;stroke:#c3b4de;stroke-opacity:.45; }
#jarvis-space .future-orbit { stroke:#efcaad;stroke-opacity:.45;stroke-width:1.2; }
#jarvis-space .future-subject { fill:#c8c0db; }
#jarvis-space .future-status, #jarvis-space .future-unit { fill:#aab8c9; }
/* Node labels retain opaque backgrounds. No actual edges/data coordinates change. */
#jarvis-space .node-name-backdrop { fill:#223951;stroke:#7c98af;fill-opacity:.98; }
#jarvis-space .node-name-text { fill:#f4f5ff; }
.space-heading,.space-help,.constellation-legend,.constellation-center,
.constellation-metric,.touch-mode,.touch-mode>span,.neighbor-pager span,
.focus-peek { color:#f2f4ff; }
.reading-panel { background:#fffdfa;border-color:#e0d5e6;border-top-color:#9f8abb;border-radius:22px; }
.jarvis-guide-card { background:linear-gradient(120deg,#eff4ff,#f9edf7);border-radius:17px; }
.jt-paper { background:#fffdf5;border-color:#e4d9be;box-shadow:5px 6px 0 #f0e5c64d; }
.jr-tools { background:#eef2fc;border-color:#ccd6e7; }
.jr-question { background:#fff3d9;border-left-color:#bb9050; }
.jr-terms { background:#f2edf8; }
.resource-card { border-color:#e1d9e7;border-radius:18px;box-shadow:0 3px 0 #eee7f04d; }
/* A future summary element may use this style with the existing Yoyo image.
   Keep image alt empty if nearby heading already names Yoyo. */
.yoyo-key-summary { background:#fff2c9;border:1px solid #e7cd82;border-radius:19px 23px 18px 25px;padding:20px;color:#403d48; }
.yoyo-key-summary h3 { color:#5b4b64; }
@media(max-width:560px){
  .space-panel::before { opacity:.4; }
  .space-panel { border-radius:19px; }
  .reading-panel { border-radius:17px; }
}
@media(prefers-reduced-motion:reduce){
  .space-panel::before { animation:none; }
}
@media print{
  body,.reading-panel,.jt-paper { background:#fff;box-shadow:none; }
  .space-panel::before { display:none; }
}
/* Original colored-pencil raster created for this site; decorative layer only. */
.space-panel::before{background-image:url('assets/pencil-universe-v10.png');background-size:cover;background-position:center;opacity:.22}
.space-heading,.constellation-legend,.constellation-center,.constellation-metric,.space-help{color:#edf0ff}
.space-heading{padding-top:20px}.space-heading .engine-wordmark{color:#e2e9ff}
.sliders,.space-actions,.focus-peek{background:#20344e66;border-color:#bdc9e838}.sliders label,.space-actions label,.focus-peek{color:#f2f3ff}
.space-actions button{background:#294158;color:#fff;border-color:#8098b6}.touch-mode{color:#f1edff}.space-panel #touch-mode-label,.space-panel .touch-hint{color:#eef0fd}
#jarvis-space>line[stroke="#3f6c7b"]{stroke:#c3c4e2;opacity:.68}
#jarvis-space>path[stroke="#436d79"]{stroke:#d1c0e7;opacity:.35}
#jarvis-space .node-name[data-active="true"] .node-name-backdrop{fill:#235f65;stroke:#a6f4d6;stroke-width:2}
#jarvis-space .node-name[data-active="true"] .node-name-text{fill:#fff}
.masthead{border-bottom:2px dashed #dbd2e7}.language-bar{border-top-style:dashed;border-bottom-style:dashed}
.intro h1{color:#3e4367}.concept-chapters button{border-radius:14px 10px 14px 10px}.concept-chapters button:nth-child(3n+1):not([aria-pressed=true]){background:#fcf1df}.concept-chapters button:nth-child(3n+2):not([aria-pressed=true]){background:#f0eaf9}.concept-chapters button:nth-child(3n):not([aria-pressed=true]){background:#eaf5ee}
.jl-lesson .jl-yoyo{border-radius:22px 16px 24px 17px}
@media(max-width:560px){.space-panel::before{opacity:.17;background-position:center}.space-panel .constellation-metric{font-size:.73rem}}

/* Shared Korean sans-serif typography; no remote font service. */
body,button,input,textarea,select,svg text,h1,h2,h3,h4,h5,h6,p,li,label,legend,summary,small,span,mark,a,dt,dd,th,td,strong,blockquote{font-family:'Malgun Gothic','Apple SD Gothic Neo','Noto Sans KR',system-ui,sans-serif!important}
/* Editorial system after the second GPT consultation: reading first, compact references. */
:root{--ink:#293743;--muted:#5f6b76;--line:#e8e2d8;--sl-body:17px;--sl-note:14px;--sl-reference:13px}
body{font-size:16px;line-height:1.75;letter-spacing:-.012em;color:var(--ink)}
h1,h2,h3,h4{letter-spacing:-.025em;word-break:keep-all}
.intro h1{font-size:clamp(28px,3.1vw,40px);line-height:1.35;font-weight:750}
.intro>p:last-child{font-size:17px;line-height:1.75;max-width:860px}
.eyebrow{font-size:12px;letter-spacing:.08em}
.engine-top h2,.section-heading h2,.survey-section h2{font-size:24px;line-height:1.45}
.scene-context p,.context-note,.map-note,.exploration-trail{font-size:14px;line-height:1.65}
.reading-panel{border:1px solid #e8e2d8;border-top:3px solid #a7b8ad;border-radius:16px;background:#fffefa;padding:28px;box-shadow:none}
.reading-heading h2{font-size:24px;line-height:1.4}.reading-heading .context-note{font-size:14px}
.jarvis-guide-card{background:#f2f5f6;border-radius:12px;box-shadow:none}.jarvis-guidance p{font-size:16px;line-height:1.75}
.jt-paper{max-width:980px;margin:0 auto;padding:28px 32px;background:#fffefa;border-color:#e2ded4;box-shadow:none;border-radius:12px}
.jt-title{font-size:34px!important;line-height:1.3!important;letter-spacing:-.035em!important}
.jt-lead{font-size:17px!important;line-height:1.75!important;letter-spacing:-.01em}
.jt-running,.jt-kicker,.jt-figure figcaption,.jt-framing{font-size:13px;line-height:1.65}
.jt-framing{background:#f1f5ec;border-left-width:2px;padding:12px 14px;margin-bottom:22px}
.jl-lesson{max-width:720px;margin:28px auto;padding:26px 0 0;border:0;border-top:1px solid #e3e6e4;border-radius:0;box-shadow:none;background:transparent}
.jl-heading{padding-bottom:20px;border-bottom:1px solid #e8e2d8}.jl-heading h3{font-size:26px!important;line-height:1.45!important;letter-spacing:-.025em}
.jl-kicker,.jl-side-note,.jl-meta span,.jl-depth-label{font-size:13px;line-height:1.55}.jl-kicker{letter-spacing:.06em}.jl-essential{font-size:18px!important;line-height:1.65!important}
.jl-teacher{margin:22px 0}.jl-teacher p,.jl-prose,.jl-exit>p{font-size:var(--sl-body)!important;line-height:1.75!important;letter-spacing:-.01em!important;color:#32444e!important}
.jl-teacher strong,.jl-goals strong{font-size:14px}.jl-goals{padding:15px 18px;background:#f1f6fa}.jl-goals li{font-size:15px;line-height:1.75}
.jl-keypoints{border-left:0;border-radius:12px;background:#f5f3fb;padding:20px 22px;margin:24px 0}.jl-keypoints h4{font-size:18px!important;line-height:1.5!important}.jl-keypoints li{font-size:16px;line-height:1.85;margin:9px 0}
.jl-full-story{border:0;background:#f4f5f8;padding:2px 16px;border-radius:10px}.jl-full-story>summary{font-size:14px;line-height:1.65;min-height:48px;padding:13px 0}.jl-full-story[open]{background:transparent;border:1px solid #e8e2d8}
.jl-section{margin:26px 0}.jl-section h4,.jl-depth-section>h4,.jl-activity h4,.jl-exit h4{font-size:20px!important;line-height:1.5!important;margin-bottom:13px!important}
.jl-prose{margin-bottom:17px!important}.jl-view{border-top:1px solid #e8e2d8;padding-top:24px}.jl-bridge{font-size:15px!important;line-height:1.75!important;background:#f0f5eb;border-left:2px solid #9bb18a}
.jl-depth h4{font-size:18px!important;line-height:1.55!important}.jl-depth{border-top-color:#e8e2d8}
.jl-yoyo{box-shadow:none;border-color:#e5d7ad;background:linear-gradient(110deg,#fff5da,#fff9ed 75%,#f6f0fc);padding:20px 22px;margin:26px 0}.jl-yoyo h4{font-size:18px!important;line-height:1.55!important}.jl-aha{font-size:16px!important;line-height:1.75!important}
.jl-activity{padding:20px 22px;border:0;background:#f0f5f9}.jl-activity li{font-size:16px;line-height:1.8}.jl-example summary{font-size:14px}.jl-example p{font-size:15px!important;line-height:1.75!important}.jl-exit{padding:20px 22px;border-color:#ded6e7;background:#f8f5fb}.jl-write-guide{font-size:14px!important}
.jl-sources summary,.jl-pdf-link,.jt-analysis-details>summary,.jr-expanded-materials>summary{font-size:14px}.jl-sources li,.jl-sources p,.jl-download small,.jr-source-line{font-size:13px!important;line-height:1.65!important;color:#606d71!important}
.jt-sources{padding-top:16px;margin-top:22px;border-top:1px solid #e8e2d8}.jt-sources h3{font-size:15px!important}.jt-sources ul{gap:5px}.jt-sources li,.jt-sources a{font-size:13px;line-height:1.6}.jt-sources li small,.jt-footer p{font-size:12px!important;line-height:1.65!important;color:#657174}
#resource-panel{margin-top:30px;padding-top:24px;border-top:1px solid #e8e2d8}#resource-panel .section-heading h2{font-size:21px}#resource-count,#source-note,#material-note{font-size:13px;line-height:1.6}
#resource-grid{gap:12px}.resource-card{padding:15px 16px;gap:7px;border-color:#e8e2d8;border-radius:11px;box-shadow:none;background:#fffefb}.resource-card h3{font-size:16px;line-height:1.5;letter-spacing:-.015em}.resource-card p,.resource-card .provider,.resource-card .resource-meta,.resource-card details,.resource-card details p{font-size:13px;line-height:1.65}.resource-card .actions{gap:7px;padding-top:7px}.resource-card button,.resource-card a{font-size:13px;line-height:1.5;min-height:44px}.resource-card .resource-meta{color:#59766a}
.resource-tools label,.library-link{font-size:13px}.resource-tools input,.resource-tools select{font-size:16px}
.survey-card,.public-survey-notice,.public-survey-gratitude{max-width:980px;margin-left:auto;margin-right:auto}.survey-card{padding:28px;border-color:#e8e2d8}.survey-question legend,.survey-free-question label{font-size:16px;line-height:1.65}.survey-form-heading h3{font-size:21px}.survey-intro,.public-survey-notice p,.public-survey-gratitude p{font-size:14px!important;line-height:1.75!important}.public-survey-notice li{font-size:14px;line-height:1.75}
@media(max-width:900px){.jt-paper{padding:24px}.jt-title{font-size:30px!important}.jl-heading h3{font-size:24px!important}}
@media(max-width:620px){:root{--sl-body:16px}.intro h1{font-size:28px}.intro>p:last-child{font-size:16px}.engine-top h2,.section-heading h2,.survey-section h2{font-size:21px}.reading-panel{padding:16px 8px;border-radius:12px}.reading-heading h2{font-size:22px}.jt-paper.jt-has-classroom{padding:20px 10px;border-radius:9px}.jt-title{font-size:26px!important}.jt-lead{font-size:16px!important}.jl-lesson{margin:22px 0;padding-top:22px}.jl-heading h3{font-size:22px!important}.jl-essential{font-size:17px!important}.jl-section h4,.jl-depth-section>h4,.jl-activity h4,.jl-exit h4{font-size:19px!important}.jl-teacher p{font-size:16px!important}.jl-keypoints{padding:16px 13px}.jl-keypoints li{font-size:15px;line-height:1.8}.jl-yoyo{padding:16px 13px}.jl-yoyo h4{font-size:17px!important}.jl-activity,.jl-exit{padding:17px 13px}.jl-goals{padding:14px 13px}.jl-activity li{font-size:15px}.jl-meta span{font-size:12px}.jt-running,.jt-kicker,.jt-framing,.jt-figure figcaption{font-size:12px}.survey-card{padding:20px 15px}.survey-question legend,.survey-free-question label{font-size:15px}.survey-form-heading h3{font-size:19px}.resource-card{padding:14px}#resource-panel .section-heading h2{font-size:20px}}

/* Values adapted to preserve source-link legibility and all current controls. */
main{max-width:1180px}.intro{padding-top:36px}.jl-heading h3{font-size:22px!important}.jl-heading{border-bottom:0}.jl-section-number{font-size:13px}.jl-meta{margin-top:12px}.jr-tools{background:#f4f6f8;border-color:#e1e5e7;border-radius:10px}.jt-paper{border-color:#d8d2c7}.jl-lesson{border-top-color:#e8e2d8}.jl-sources,.jt-sources{max-width:640px;margin-left:auto;margin-right:auto}.jl-sources li a,.jt-sources a{color:#4b6072}.jl-sources li{margin:5px 0}.jt-sources li small{font-size:12px!important}.jl-download{padding-top:16px;border-top:1px solid #e8e2d8}.jt-footer{border-top-color:#e8e2d8!important}.concept-deck,.perspective-tools{box-shadow:none;border-width:1px}
@media(min-width:621px) and (max-width:1000px){.intro h1{font-size:34px}.jl-lesson{max-width:680px}.engine-top h2,.section-heading h2{font-size:22px}}
@media(max-width:620px){.intro{padding-top:26px}.jl-heading h3{font-size:20px!important}.jl-full-story{padding:2px 12px}.jl-sources li,.jl-sources p,.jl-download small,.jr-source-line,.jt-sources li,.jt-sources a{font-size:13px!important;line-height:1.65!important}.resource-card .provider,.resource-card .resource-meta,.resource-card p{font-size:13px;line-height:1.6}}

/* Keep the daughter's original Yoyo asset; borrow only the gentle aha presentation. */
.jl-yoyo-image{width:108px;flex-basis:108px;max-height:146px;transform:rotate(-3deg)}.jl-yoyo h4{display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;background:linear-gradient(transparent 55%,#ffe7a1 55%,#ffe7a1 95%,transparent 95%);padding:0 3px}.jl-yoyo .jl-aha{margin-top:12px!important}
@media(max-width:620px){.jl-yoyo-image{width:64px;max-height:98px;margin:0 12px 7px 0}.jl-yoyo .jl-aha{margin-top:10px!important}}

/* v13: a smaller supporting interface around the existing learning material. */
.masthead{padding-top:12px;padding-bottom:12px;border-bottom:1px solid #e3e1da}
.masthead .brand img{width:154px;height:auto}.masthead nav{gap:16px}.masthead nav a{font-size:13px;line-height:1.5;min-height:44px;display:inline-flex;align-items:center}
.intro{padding-top:27px;padding-bottom:18px}.intro .eyebrow{font-size:11px;letter-spacing:.06em;margin-bottom:7px}.intro h1{font-size:36px;line-height:1.3;letter-spacing:-.025em}.intro>p:last-child{font-size:15px;line-height:1.6;margin-top:10px}
[data-welcome-root="start"]{padding:20px 22px;margin-bottom:16px;border-color:#e1e4de;border-radius:12px;background:#f5f8f3;box-shadow:none}
[data-welcome-root] .welcome-header{gap:20px;align-items:center}
[data-welcome-root] .welcome-header h2{max-width:660px;font-size:24px;line-height:1.4;font-weight:700;letter-spacing:-.025em}
[data-welcome-root] .welcome-actions{gap:6px}
[data-welcome-root] .welcome-actions a,[data-welcome-root] .welcome-actions button{font-size:13px;line-height:1.45;padding:8px 12px;min-height:44px;border-radius:7px;box-shadow:none}
.welcome-jarvis-intro{margin:12px 0 10px;max-width:760px}.welcome-jarvis-intro p{font-size:14px;line-height:1.65;color:#53685f;margin:0}
[data-welcome-root] .welcome-context{font-size:13px;line-height:1.55;margin:2px 0 0;color:#57695e}
[data-welcome-root] .welcome-help{font-size:13px;border-top:1px solid #dce5dc}
[data-welcome-root] .welcome-help summary{min-height:44px;line-height:1.5;padding:11px 0;font-size:13px}
[data-welcome-root] .welcome-steps{margin:8px 0 16px;gap:16px}
[data-welcome-root] .welcome-steps h3{font-size:14px;line-height:1.5}
[data-welcome-root] .welcome-steps p,[data-welcome-root] .welcome-tips p{font-size:13px;line-height:1.6}
[data-welcome-root] .welcome-number{width:26px;height:26px;font-size:11px}
[data-welcome-root] .welcome-tips{gap:9px 22px;padding-bottom:12px}
.welcome-sky{grid-template-columns:minmax(0,1fr) 230px;gap:22px;margin-top:15px;padding:17px 20px;border-radius:11px}
.welcome-sky h3{font-size:15px;margin-bottom:7px;line-height:1.5}.welcome-sky p{font-size:13px;line-height:1.6}.welcome-sky .eyebrow{font-size:10px;margin-bottom:4px;letter-spacing:.06em}.welcome-sky .sky-fine,.welcome-sky .sky-details{font-size:12px;line-height:1.6}
.sky-actions{gap:8px 15px;margin:10px 0 6px}.sky-actions label{font-size:13px;gap:7px}.sky-actions select{padding:7px 10px;min-height:44px}
.sky-details{margin-top:3px}.sky-details summary{min-height:44px;display:flex;align-items:center;gap:5px}.sky-details summary::before{content:'▸'}.sky-details[open] summary::before{content:'▾'}
.welcome-sky .sky-chart{padding:10px;border-radius:10px}.sky-chart-heading{padding:0;gap:5px}.sky-chart-heading span{font-size:11px}.sky-chart-heading strong{font-size:14px}.sky-chart svg{max-height:160px}.sky-chart figcaption{font-size:12px;line-height:1.55}.sky-chart figcaption small{font-size:11px;margin-top:2px}
.language-bar{padding:8px 0;margin:0 0 22px;border-top:1px solid #e3e1da;border-bottom:1px solid #e3e1da;gap:13px}.language-bar>span{font-size:12px}.language-bar #languages{gap:6px}.language-bar button{font-size:13px;padding:7px 11px;line-height:1.4;min-height:44px;border-radius:6px}
.engine-top{margin-bottom:14px}.engine-top h2{font-size:23px;line-height:1.4}.engine-top .eyebrow{font-size:11px;letter-spacing:.06em}.scene-context{padding:11px 14px;margin-bottom:14px}.scene-context strong{font-size:14px}.scene-context p{font-size:13px;line-height:1.55;margin-top:4px}
.context-note,.map-note,.exploration-trail,.perspective-tools>p{font-size:13px;line-height:1.6}.exploration-trail{gap:7px}.engine-toolbar label,.engine-toolbar .control-label,.perspective-tools label{font-size:13px}.engine-toolbar button,.perspective-tools button,.scene-tabs button{font-size:13px;min-height:44px}
.concept-deck{padding:13px 15px;margin:14px 0;border-color:#e2e4dc;border-radius:9px}.concept-deck h3{font-size:15px;line-height:1.5}.concept-deck>p{font-size:13px;line-height:1.55;margin:4px 0 11px}.concept-chapters{gap:6px}.concept-chapters button{font-size:13px;min-height:44px;padding:7px 10px;border-radius:7px}.concept-chapters button span:first-child{font-size:11px}
.space-help,.constellation-metric{font-size:12px;line-height:1.6}.space-toolbar{font-size:13px;gap:8px}.space-toolbar button,.reading-actions button,.trail-button{font-size:13px;min-height:44px}
#resource-panel{padding-top:20px;margin-top:26px}#resource-panel .section-heading h2{font-size:19px;line-height:1.45}#resource-panel .section-heading{margin-bottom:12px}
#resource-grid{gap:10px}.resource-card{padding:12px 14px;gap:6px;border-radius:8px}.resource-card h3{font-size:15px;line-height:1.5}.resource-card p,.resource-card .provider,.resource-card .resource-meta,.resource-card details,.resource-card details p{font-size:13px;line-height:1.55}.resource-card .actions{gap:6px;padding-top:5px}.resource-card button,.resource-card a{font-size:13px;min-height:44px}
#resource-grid[data-support-expanded="false"]>.resource-card:nth-child(n+7){display:none}
.support-resource-toggle{display:block;margin:12px auto 0;padding:8px 16px;min-height:44px;border:1px solid #cbd7cf;border-radius:7px;background:#f7f9f6;color:#315d4e;font-size:13px;line-height:1.5;cursor:pointer}.support-resource-toggle[hidden]{display:none}.support-resource-toggle:focus-visible{outline:3px solid #16877a;outline-offset:3px}
.portfolio-section{margin-top:28px;padding:18px 20px;border-radius:10px}.portfolio-section h2{font-size:20px;line-height:1.4}.portfolio-section>p{font-size:13px;line-height:1.6}.portfolio-section .eyebrow{font-size:11px}.portfolio-section button{font-size:13px;min-height:44px}
.about-section{margin-top:30px;padding:22px 0;gap:24px;border-top:1px solid #e3e1da}.about-section h2{font-size:20px;line-height:1.4;margin-bottom:9px}.about-section p{font-size:13.5px;line-height:1.65;margin:7px 0}.about-section .eyebrow{font-size:11px;letter-spacing:.06em}.about-section .baseline-research[lang="en"]{font-size:12.5px;line-height:1.6}
[data-welcome-root="research"]{padding:16px 18px;margin-bottom:24px;border-radius:10px;border-color:#e2e4de;background:#fafbf8}
[data-welcome-root="research"] h2{font-size:17px;line-height:1.45}
[data-welcome-root] .welcome-research-lead{font-size:13.5px;line-height:1.6;margin-top:6px;max-width:900px}
.support-research-details>summary{font-size:13px;color:#36594b;min-height:44px;padding:11px 0;line-height:1.6;cursor:pointer}
[data-welcome-root] .welcome-benefits{gap:18px;margin:12px 0 16px}
[data-welcome-root] .welcome-benefits article{border-top-width:2px;padding-top:10px}
[data-welcome-root] .welcome-benefit-language h3{font-size:14px;line-height:1.5}.welcome-benefit-language p{font-size:13px!important;line-height:1.6!important}
[data-welcome-root] .welcome-benefit-language[lang="en"] h3{font-size:13px}[data-welcome-root] .welcome-benefit-language[lang="en"] p{font-size:12px!important;line-height:1.6!important}[data-welcome-root] .welcome-benefit-language+.welcome-benefit-language{margin-top:10px}
[data-welcome-root] .welcome-research-limit{padding:10px 12px;font-size:12px;line-height:1.6}
.survey-language-note,.section-caption{font-size:13px;line-height:1.6}.public-survey-notice p,.public-survey-notice li{font-size:15px!important;line-height:1.7!important}#public-survey-form .survey-consent{font-size:15px;line-height:1.7}
footer p,footer>div{font-size:13px;line-height:1.6}.admin-entry{padding:8px 0 14px}.admin-entry a{font-size:12px;min-height:44px}
@media(max-width:1000px){[data-welcome-root] .welcome-header{flex-direction:row;align-items:flex-start}[data-welcome-root] .welcome-header h2{font-size:22px}[data-welcome-root] .welcome-actions{flex-direction:column;min-width:135px}.intro h1{font-size:32px}}
@media(max-width:700px){.welcome-sky{grid-template-columns:minmax(0,1fr);gap:12px;padding:14px 16px}.welcome-sky .sky-chart{max-width:260px;justify-self:center}.sky-chart svg{max-height:145px}.intro h1{font-size:28px}.welcome-sky p{font-size:13px}}
@media(max-width:620px){.masthead .brand img{width:128px}.masthead nav{gap:10px}.masthead nav a{font-size:12px}.intro{padding-top:22px;padding-bottom:15px}.intro>p:last-child{font-size:14px}.welcome-jarvis-intro p{font-size:14px}.welcome-header h2{font-size:20px!important}[data-welcome-root="start"]{padding:17px 16px}[data-welcome-root] .welcome-header{flex-direction:column;gap:12px}[data-welcome-root] .welcome-actions{flex-direction:row;gap:6px;min-width:0}[data-welcome-root] .welcome-actions>*{flex:1 1 130px;padding:8px}.welcome-help .welcome-steps{gap:12px}.welcome-sky .eyebrow{font-size:10px}.engine-top h2{font-size:21px}.language-bar{margin-bottom:18px}.about-section{padding:18px 0;gap:12px}.portfolio-section{padding:16px}.about-section h2{font-size:19px}[data-welcome-root="research"]{padding:15px}.concept-deck{padding:12px}.resource-card{padding:12px}.public-survey-notice p,.public-survey-notice li{font-size:15px!important}}

/* Keep the optional sky activity one line on first entry to a small screen. */
.support-sky-disclosure{margin-top:12px;border-top:1px solid #dce5dc}.support-sky-disclosure>summary{font-size:13px;line-height:1.6;min-height:44px;padding:11px 0;color:#35594e;cursor:pointer}.support-sky-disclosure>.welcome-sky{margin-top:0}
@media(max-width:430px){.sky-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sky-actions label{display:flex;flex-direction:column;align-items:stretch;gap:4px;font-size:12px}.sky-actions select{min-width:0;width:100%;font-size:13px}.support-sky-disclosure>summary{font-size:13px}}

/* Actual control groups: compact spacing, full-sized touch and text input targets. */
.scene-context{margin-bottom:0}.scene-region{font-size:12px;line-height:1.5}
.engine-tools{gap:14px;padding:12px 0 6px}.engine-tools label,.engine-tools legend{font-size:13px;line-height:1.5}.engine-tools select{font-size:16px;min-height:44px}#school-buttons button{font-size:13px;min-height:44px;padding:7px 10px}
#context-note{font-size:13px;line-height:1.6;margin:5px 0 10px}.comparison-launch{margin:8px 0 12px;gap:10px}.comparison-launch button{font-size:13px;min-height:44px}.comparison-launch p{font-size:13px;line-height:1.6}
.scene-sharing{margin:8px 0 12px;gap:10px}.scene-sharing button{font-size:13px;min-height:44px}.scene-sharing p{font-size:12.5px;line-height:1.6;min-width:160px}
.perspective-tools{padding:12px 14px;margin:12px 0;border-radius:9px}.perspective-tools label{font-size:13px;line-height:1.5}.perspective-tools select{font-size:16px;min-height:44px}.perspective-tools p{font-size:13px;line-height:1.6}
.relations{margin-top:22px}.relations h3{font-size:15px;line-height:1.5}.relations button{font-size:13px;line-height:1.55;min-height:44px}.edge-evidence{font-size:12px!important;line-height:1.6}
.resource-tools{gap:10px;padding:10px 0}.resource-tools label{font-size:13px;line-height:1.5}.resource-tools select,.resource-tools input{font-size:16px;min-height:44px}.resource-tools button{font-size:13px;min-height:44px}
@media(max-width:620px){.engine-tools{gap:13px;padding-top:12px}.scene-sharing{gap:7px}.perspective-tools{padding:12px}.scene-context{gap:12px;padding:11px 13px}.scene-context p{font-size:13px;line-height:1.55}}

/* v15: one introduction, one exploration desk, then the readable lesson. */
.layout-screen-reader{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body{background:#f8f9f7}
main{max-width:1240px;padding:0 32px}
.masthead{max-width:1240px;padding:16px 32px;border-bottom:0;gap:18px}
.masthead .brand{gap:14px;font-size:16px}.masthead .brand img{width:140px}.masthead .brand small{font-size:11px;line-height:1.5}
.masthead nav a{color:#536562;font-size:13px}
.mission-hero{position:relative;max-width:none;padding:30px 32px 21px;margin:5px 0 0;background:#fffefa;border:1px solid #e0e6df;border-radius:18px;box-shadow:0 5px 22px #254c3610}
.mission-hero .eyebrow{font-size:10px;letter-spacing:.14em;color:#38746b;margin:0 0 12px}
.mission-greeting{font-size:13px;color:#65776e;margin:0 0 8px!important;line-height:1.6}
.mission-hero h1{font-size:clamp(27px,3vw,38px);line-height:1.32;letter-spacing:-.035em;max-width:950px;margin:0}
.mission-copy{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;margin-top:22px}
.mission-copy .mission-label{font-size:10px;letter-spacing:.08em;color:#688278;font-weight:700;line-height:1.5;margin:0 0 7px}
.mission-korean>p:not(.mission-label){font-size:16px;line-height:1.8;color:#354e46;max-width:620px;word-break:keep-all}
.mission-korean strong{font-weight:650;background:linear-gradient(transparent 62%,#e5efd9 62%);padding:0 1px}
.mission-english{border-left:1px solid #e0e6df;padding-left:28px;align-self:start}
.mission-english>p:not(.mission-label){font-size:14px;line-height:1.7;color:#566961}
.mission-copy p.mission-depth{margin-top:9px;font-size:13px;color:#66756e;line-height:1.7}
.mission-hero [data-welcome-root="start"]{padding:0;margin:20px 0 0;border:0;border-radius:0;background:transparent;display:flex;align-items:flex-start;gap:14px;box-shadow:none}
.mission-hero .welcome-header{display:block;flex-shrink:0}
.mission-hero .welcome-actions{display:flex;flex-direction:row;gap:8px;min-width:0}
.mission-hero .welcome-actions .welcome-primary{font-size:14px;min-height:46px;padding:12px 22px;background:#146a5e;box-shadow:none;border-radius:8px}
.mission-hero .welcome-help{flex:1;margin:0;border:0;max-width:800px}
.mission-hero .welcome-help>summary{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:10px;color:#556e65;font-size:13px;line-height:1.6}
.mission-hero .welcome-help>summary::before{content:'+';font-size:17px;color:#2d6e61}.mission-hero .welcome-help[open]>summary::before{content:'−'}
.mission-hero .welcome-help>summary::-webkit-details-marker{display:none}
.mission-hero .welcome-help[open]{padding:0 10px 12px;background:#f2f6f0;border-radius:10px}
.mission-hero .welcome-steps{display:grid;grid-template-columns:1fr;gap:13px}
.mission-hero .welcome-tips{display:grid;grid-template-columns:1fr;gap:8px}.mission-hero .welcome-secondary{font-size:13px;margin:4px 0 8px}
.mission-hero .welcome-context,.mission-hero .welcome-jarvis-intro p{font-size:12px;line-height:1.6}
.language-bar{justify-content:flex-end;gap:10px;padding:6px 0;border:0;margin:4px 0 16px;flex-wrap:wrap}
.language-bar>span{font-size:11px;color:#6b7c74}.language-bar #languages{gap:2px}.language-bar button{background:transparent;font-size:12px;padding:6px 10px;min-height:44px;color:#5a7066;border-radius:6px}
.language-bar button[aria-pressed=true]{background:#e3eee7;color:#165b4e;border-color:transparent;font-weight:700}
.engine-section{padding-top:3px}.engine-top{margin:0 0 15px;gap:12px;align-items:center}.engine-top h2{font-size:23px;letter-spacing:-.025em}.engine-top .eyebrow{font-size:10px;color:#64786d;margin-bottom:4px}
.scene-tabs{gap:3px;background:#eaf0ec;padding:3px;border-radius:8px}.scene-tabs button{font-size:12px;min-height:44px;padding:7px 11px;border-color:transparent;background:transparent;color:#5a6e62;max-width:260px}
.scene-tabs button[aria-pressed=true]{background:#fffefa;color:#235c4c;box-shadow:0 1px 4px #20402e14}
.exploration-layout{display:grid;grid-template-columns:272px minmax(0,1fr);gap:18px;align-items:start;scroll-margin-top:16px}
.exploration-controls{background:#fffefa;border:1px solid #e0e6df;border-radius:14px;padding:18px;min-width:0}
.control-heading{display:flex;align-items:center;gap:9px;margin-bottom:17px}.control-heading h3{font-size:15px;line-height:1.5;letter-spacing:-.015em}
.layout-step{font-size:10px;font-weight:700;letter-spacing:.05em;color:#24745f;border:1px solid #c8dfd2;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;background:#eef5eb}
.exploration-controls .scene-context{padding:0 0 13px;margin:0 0 13px;background:transparent;border-bottom:1px solid #e8ece6;border-radius:0;display:block}
.exploration-controls .scene-context strong{font-size:12px;font-weight:600;color:#5b7666}.exploration-controls .scene-context p{display:none}.exploration-controls .scene-region{display:block;margin-top:2px;font-size:10px;letter-spacing:.04em;color:#7a887e}
.exploration-controls .engine-tools{display:grid;gap:18px;padding:0}.exploration-controls .engine-tools>label{width:100%}.exploration-controls .engine-tools select{min-width:0;width:100%;font-size:15px;background:#f8faf6;border-color:#d9e2d8;border-radius:7px}
.exploration-controls #school-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.exploration-controls #school-buttons button{font-size:12px;padding:6px 4px;border-color:#dce5dc;background:#f8faf7;min-width:0}
.exploration-controls #school-buttons button[aria-pressed=true]{background:#e2efe7;border-color:#93b5a2;color:#1e5843;font-weight:700}
.exploration-controls #context-note{font-size:12px;line-height:1.65;color:#687b6d;margin:9px 0 15px}
.exploration-controls .perspective-tools{background:transparent;border:0;border-radius:0;padding:0;margin:0 0 12px;display:block}.exploration-controls .perspective-tools label{display:flex;flex-direction:column;gap:5px;font-size:13px}.exploration-controls .perspective-tools select{min-width:0;max-width:100%;width:100%;font-size:14px;background:#f8faf6;border:1px solid #d9e2d8;color:#315d48}
.exploration-controls .perspective-tools>p{font-size:11px;line-height:1.6;color:#728072;margin-top:7px}
.exploration-controls .comparison-launch{margin:0 0 12px;display:block}.exploration-controls .comparison-launch button{width:100%;background:#fffefa;color:#2b6952;border-color:#a8c6b3;font-size:12px;padding:8px;white-space:normal}.exploration-controls .comparison-launch p{font-size:12px;line-height:1.6;margin:7px 0;color:#617264}
.layout-secondary{border:0;border-top:1px solid #e1e7de;border-radius:0;background:transparent;box-shadow:none;min-width:0}
.layout-secondary>summary{cursor:pointer;font-size:12px;line-height:1.6;padding:12px 0;min-height:44px;color:#566e60;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}
.layout-secondary>summary::after{content:'+';font-size:17px;font-weight:400;line-height:1;flex-shrink:0}.layout-secondary[open]>summary::after{content:'−'}.layout-secondary>summary::-webkit-details-marker{display:none}
.layout-secondary>summary:focus-visible{outline:3px solid #388d78;outline-offset:3px;border-radius:4px}
.exploration-controls .concept-deck{padding:0;margin:0}.exploration-controls .concept-deck h3,.exploration-controls .concept-deck>p{font-size:12px;line-height:1.6;margin-bottom:8px}
.exploration-controls .concept-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding-bottom:12px}.exploration-controls .concept-chapters button{min-width:0;width:auto;font-size:12px;padding:7px 4px;min-height:44px}
.exploration-controls .scene-sharing{margin:0 0 10px;display:block}.exploration-controls .scene-sharing button{font-size:12px;min-height:44px}.exploration-controls .scene-sharing p{font-size:12px;min-width:0;line-height:1.6;margin-top:6px}.exploration-controls .scene-link-panel{margin:0 0 10px;min-width:0}.exploration-controls #scene-link{min-width:0;width:100%}
.space-panel{border-radius:14px;min-width:0;margin:0;box-shadow:0 5px 16px #28375314;overflow:hidden}
.space-heading{padding:14px 18px 7px;gap:10px}.space-heading #view-name{font-size:12px}.space-heading #space-focus{font-size:14px;max-width:58%}.engine-wordmark{font-size:10px}
.graph-legend{margin:0 18px;border-top:0}.graph-legend>summary{justify-content:flex-start;font-size:11px;color:#d8e4e4;padding:3px 0;min-height:36px;gap:9px}.graph-legend .constellation-metric{padding:0 0 8px;font-size:11px;color:#d6dfdf;line-height:1.6}.graph-legend .constellation-legend{padding:5px 0}
.constellation-center{padding:0 18px;font-size:12px!important;margin:0 0 6px}.touch-mode{padding:0 18px 5px;gap:6px 14px}.touch-mode label{font-size:12px;min-height:44px}.touch-mode>span{font-size:11px;line-height:1.55;max-width:310px}.neighbor-pager{padding:4px 14px!important;gap:6px!important}.neighbor-pager button{font-size:11px!important;min-height:36px!important}.neighbor-pager span{font-size:11px!important}
.space-help{font-size:11px!important;padding:5px 12px!important;line-height:1.6}
.graph-adjust{border-top:1px solid #bec8d233;margin:0 18px}.graph-adjust>summary{font-size:11px;color:#dbe8e6;padding:8px 0;min-height:38px}.graph-adjust .sliders{padding:8px 0 13px;gap:10px}.graph-adjust .sliders label{font-size:12px}.graph-adjust input{min-height:30px}
.focus-peek{margin:0;padding:11px 18px;gap:8px;font-size:13px!important;line-height:1.65}.focus-peek span{font-size:13px!important}.focus-peek a{font-size:12px;min-height:36px;display:inline-flex;align-items:center;flex-shrink:0}
.space-actions{padding:8px 18px 13px;gap:8px}.space-actions label,.space-actions button{font-size:11px;line-height:1.5;min-height:36px}.space-actions label{display:flex;align-items:center}.space-actions button{background:transparent;color:#dde9e4;border-color:#bccbd34d}
.reading-panel{margin-top:28px;background:#fffefa;padding:26px;border:1px solid #e1e5db;border-radius:14px}
.reading-step{display:flex;align-items:center;gap:9px;color:#577667;font-size:13px;font-weight:650;margin-bottom:18px}.reading-heading{margin-bottom:14px}.reading-heading h2{font-size:24px}.reading-heading .eyebrow{font-size:10px;color:#7b857b}
.guided-reading{gap:16px}.jarvis-guide-card{padding:12px 16px;margin-bottom:10px}.jarvis-character{max-width:64px!important;max-height:82px;object-fit:contain}.jarvis-guidance strong{font-size:13px}.jarvis-guidance p{font-size:14px;line-height:1.65}.jarvis-guidance .guidance-scope{font-size:11px;margin-top:5px}.jarvis-guidance button{font-size:12px;min-height:44px;padding:6px 10px}
.jt-paper{border:0!important;padding:22px 12px!important;background:transparent!important}.jt-running{font-size:11px;padding-bottom:12px}.jt-kicker{font-size:11px}.jt-title{font-size:30px!important}.jt-framing{font-size:12px;margin-bottom:18px;padding:10px 12px}.jt-hero{gap:22px}.jt-figure{max-width:430px}.jt-figure figcaption{font-size:11px}.jt-hero .jt-intro h3{font-size:16px}.jr-tools{padding:12px 14px}.jr-tools h3{font-size:15px}.jr-tools>p,.jr-selected-note{font-size:12px!important;line-height:1.6!important}
.relation-disclosure{margin:15px 0 0}.relation-disclosure>.relations{margin:0 0 16px}.relation-disclosure>summary{font-size:13px}.relations button{font-size:12px}
#resource-panel{background:transparent;border-top:1px solid #e1e7de;margin-top:18px;padding-top:19px}#resource-panel .section-heading h2{font-size:18px}#source-note,#material-note,.resource-card p{font-size:12px!important;line-height:1.65}.resource-card h3{font-size:14px}.resource-card{padding:12px;background:#fffefa}.resource-card .provider,.resource-card .resource-meta{font-size:12px}.resource-card .actions button,.resource-card .actions a{font-size:12px}.resource-tools input,.resource-tools select{font-size:14px}
.international-links{border-top:0;margin:8px 0 16px;font-size:12px;gap:8px 20px}
.supplementary-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:12px 0 22px}.supplementary-grid .layout-secondary,.supplementary-grid .support-sky-disclosure{margin:0;border-top:1px solid #dfe6dc}.supplementary-grid summary{font-size:13px;line-height:1.6;min-height:46px}
.portfolio-section{padding:12px 0;margin:0;background:transparent;border:0;border-radius:0}.portfolio-section h2{font-size:18px}.portfolio-section .eyebrow{font-size:10px}.portfolio-section p{font-size:13px}.portfolio-preview{gap:5px;margin:12px 0}
.sky-support-slot .welcome-sky{display:grid;grid-template-columns:1fr;padding:16px;margin:0;border-radius:12px}.sky-support-slot .sky-chart{max-width:240px;margin:0;justify-self:center}.sky-support-slot .sky-chart svg{max-height:160px}
.about-section{margin-top:22px;padding-top:20px}.about-section h2{font-size:18px}.about-section p{font-size:13px;line-height:1.7}.welcome-research{margin-top:0}
@media(min-width:960px){.exploration-controls .scene-context p{display:none}.exploration-controls .perspective-tools>p{font-size:11px}}
@media(max-width:959px){.exploration-layout{grid-template-columns:230px minmax(0,1fr);gap:12px}.exploration-controls{padding:14px}.mission-hero{padding:25px}.mission-copy{gap:22px}.mission-english{padding-left:20px}.mission-korean>p:not(.mission-label){font-size:15px}.scene-tabs button{max-width:220px}.touch-mode>span{max-width:250px}}
@media(max-width:760px){main{padding:0 16px}.masthead{padding:12px 16px}.masthead .brand span{display:none}.masthead .brand img{width:128px}.masthead nav{gap:12px}.mission-hero{padding:23px 21px 16px;border-radius:14px}.mission-copy{grid-template-columns:1fr;gap:16px;margin-top:18px}.mission-english{border-left:0;border-top:1px solid #e1e7df;padding:13px 0 0}.mission-english>p:not(.mission-label){font-size:13px;line-height:1.65}.mission-copy p.mission-depth{font-size:12px}.mission-hero [data-welcome-root="start"]{margin-top:14px;gap:7px;flex-wrap:wrap}.mission-hero .welcome-header{flex-shrink:1}.mission-hero .welcome-actions .welcome-primary{padding:10px 14px}.mission-hero .welcome-help{min-width:130px}.mission-hero .welcome-help[open]{flex-basis:100%}.language-bar{justify-content:flex-start;margin-bottom:12px}.language-bar #languages{flex-wrap:wrap}.language-bar button{font-size:12px;padding:7px 9px}.engine-top{margin-bottom:12px}.engine-top h2{font-size:21px}.scene-tabs{width:100%}.scene-tabs button{flex:1;max-width:none;font-size:11px}.exploration-layout{display:block}.exploration-controls{margin-bottom:13px;padding:16px}.control-heading{margin-bottom:12px}.exploration-controls .scene-context{display:none}.exploration-controls .engine-tools{grid-template-columns:1fr;gap:13px}.exploration-controls #school-buttons{display:flex;flex-wrap:wrap}.exploration-controls #school-buttons button{flex:1 1 86px;min-height:44px}.exploration-controls #context-note{font-size:12px;margin:7px 0 12px}.exploration-controls .perspective-tools>p{font-size:12px;line-height:1.6}.exploration-controls .comparison-launch button{width:auto;min-width:160px}.exploration-controls .concept-chapters{grid-template-columns:repeat(4,minmax(0,1fr))}.exploration-controls .concept-chapters button{font-size:11px}.space-heading{padding:12px 14px 5px}.touch-mode{padding-left:14px;padding-right:14px}.reading-panel{padding:20px 12px;margin-top:20px}.jt-paper{padding:14px 0!important}.jt-title{font-size:26px!important}.reading-heading h2{font-size:22px}.jt-hero{gap:16px}.reading-actions{gap:5px}.reading-actions button{font-size:12px}.supplementary-grid{grid-template-columns:1fr;gap:10px}.focus-peek{flex-wrap:wrap}.focus-peek a{min-height:44px}.space-actions{flex-wrap:wrap}.space-actions label,.space-actions button{min-height:44px}.graph-adjust>summary,.graph-legend>summary{min-height:44px}.neighbor-pager button{min-height:44px!important}.jarvis-guidance p{font-size:13px}.guided-reading .jarvis-guide-card{gap:12px;padding:12px}.resource-tools input,.resource-tools select{font-size:16px}}
@media(max-width:400px){.mission-hero{padding:20px 16px 15px}.mission-hero h1{font-size:27px}.mission-greeting{font-size:12px}.mission-korean>p:not(.mission-label){font-size:15px}.mission-hero .welcome-help>summary{font-size:12px;padding:8px 3px}.mission-hero .welcome-actions .welcome-primary{font-size:13px}.masthead nav a{font-size:11px}.exploration-controls{padding:13px}.exploration-controls .concept-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.jt-framing{padding:9px}.reading-step{font-size:12px}.space-heading #space-focus{max-width:100%}.mission-hero .welcome-tips{padding-left:0}.engine-wordmark{display:none}}
@media print{.mission-hero,.exploration-controls,.graph-legend,.graph-adjust,.supplementary-grid,.language-bar{display:none!important}}

/* Stretch the new exploration row inside the previous flex-based wrapper. */
.engine-workspace{display:block!important}.exploration-layout{width:100%}.engine-workspace>.reading-panel{width:100%}

/* Compact type still keeps tablet controls easy to tap. */
.graph-legend>summary,.graph-adjust>summary,.space-actions label,.space-actions button,.focus-peek a{min-height:44px}
.neighbor-pager button{min-height:44px!important}
.graph-legend:has(#constellation-legend[hidden]){display:none}
@media(max-width:760px){.guided-reading .jarvis-guide-card{display:block}.jarvis-guide-card>.jarvis-character{float:right;margin:0 0 8px 12px}.jarvis-guide-card .jarvis-guidance{width:auto}.jarvis-guide-card::after{content:"";display:block;clear:both}}

/* v16: learner perspectives and small stickers adapted from family drawings. */
.mission-copy .mission-label{font-size:12px;letter-spacing:.055em;color:#506e60}
.mission-hero .mission-korean>p:not(.mission-label){font-size:16px;line-height:1.8}
.mission-korean>p+p:not(.mission-label){margin-top:10px}
.mission-hero .mission-english>p:not(.mission-label){font-size:14px;line-height:1.75}
.mission-english>p+p:not(.mission-label){margin-top:9px}
.perspective-story{list-style:none;margin:22px 0 0;padding:18px 0 0;border-top:1px solid #e0e6df;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.perspective-story li{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:start;gap:10px;min-width:0}
.student-sticker{display:block;width:70px;height:80px;object-fit:contain;align-self:center}
.perspective-story-label{display:block;font-size:12px;line-height:1.6;color:#657568;margin-bottom:5px}
.perspective-story h2{font-size:16px;line-height:1.55;margin:0 0 6px;color:#345247;word-break:keep-all;overflow-wrap:anywhere;font-weight:700}
.perspective-story li:nth-child(1) h2{background:linear-gradient(transparent 64%,#edf1c9 64%,#edf1c9 94%,transparent 94%);display:inline}
.perspective-story li:nth-child(2) h2{background:linear-gradient(transparent 64%,#e0edf6 64%,#e0edf6 94%,transparent 94%);display:inline}
.perspective-story li:nth-child(3) h2{background:linear-gradient(transparent 64%,#f8e2d7 64%,#f8e2d7 94%,transparent 94%);display:inline}
.perspective-story p{font-size:14px;line-height:1.75;color:#52675b;margin:7px 0 0;word-break:keep-all;overflow-wrap:anywhere}
.mission-tuning{margin:18px 0 0!important;font-size:14px!important;line-height:1.8!important;color:#5b6d61;max-width:100%!important;word-break:keep-all;overflow-wrap:anywhere}
.mission-tuning strong{color:#365448;font-weight:650;background:linear-gradient(transparent 64%,#e5efd9 64%);padding:0 1px}
@media(max-width:1100px) and (min-width:761px){.perspective-story{gap:16px}.perspective-story li{grid-template-columns:1fr;gap:4px}.student-sticker{width:64px;height:64px}}
@media(max-width:760px){.perspective-story{grid-template-columns:1fr;gap:17px;margin-top:18px;padding-top:16px}.perspective-story li{grid-template-columns:65px minmax(0,1fr);gap:12px}.student-sticker{width:65px;height:72px}.mission-copy .mission-label{font-size:12px}.mission-hero .mission-korean>p:not(.mission-label){font-size:16px}.mission-hero .mission-english>p:not(.mission-label){font-size:14px}.perspective-story p{font-size:14px}.mission-tuning{font-size:14px!important}}
@media(prefers-reduced-motion:no-preference){.perspective-story li:hover .student-sticker{transform:rotate(-4deg)}.student-sticker{transition:transform .18s ease}}

/* Familiar Yoyo reactions: welcome, encouragement, and the joy of understanding. */
.mission-greeting{display:flex;align-items:center;gap:9px}
.yoyo-reaction{display:block;width:42px;height:42px;object-fit:contain;flex:none}
.yoyo-reaction.yoyo-smile{width:48px;height:48px}
.control-heading:has(.yoyo-reaction){gap:7px;flex-wrap:wrap}
.control-heading .yoyo-reaction{width:38px;height:38px}
.control-heading h3{min-width:0;overflow-wrap:anywhere}
.reading-step:has(.yoyo-reaction){flex-wrap:wrap;gap:8px}
@media(max-width:760px){.yoyo-reaction.yoyo-smile{width:42px;height:42px}.mission-greeting{font-size:14px}.reading-step .yoyo-reaction{width:36px;height:36px}}

/* The family-drawn team accompanies a few learning moments. */
.lesson-friend-heading,.resource-friend-heading{display:flex;align-items:center;gap:10px;min-width:0}
.lesson-friend-heading>span,.resource-friend-heading h2{min-width:0;overflow-wrap:anywhere}
.lesson-friend-icon{display:block;width:56px;height:56px;object-fit:contain;flex:0 0 56px}
.jl-sources summary>.lesson-friend-heading{display:inline-flex;vertical-align:middle}
.jt-question:has(.lesson-friend-icon){padding-left:18px}
.jt-question:has(.lesson-friend-icon) .jt-question-mark{display:none}
.resource-friend-heading h2{margin:0}
.knowledge-team{margin:34px 0 24px;padding:34px 22px 25px;text-align:center;border:1px solid #dbe5da;border-radius:22px;background:radial-gradient(ellipse at 50% 62%,#eaf0db 0,transparent 64%),linear-gradient(135deg,#f2f8f1,#fffdf4 58%,#f3f1fc);color:#345748;overflow:hidden}
.knowledge-team .team-eyebrow{margin:0 0 11px;font-size:11px;font-weight:700;letter-spacing:.13em;color:#6b7e66}
.knowledge-team h2{margin:0;font-size:clamp(22px,3vw,34px);line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}
.knowledge-team h2>span:first-child{background:linear-gradient(transparent 65%,#f2eeb6 65%,#f2eeb6 95%,transparent 95%)}
.knowledge-team .team-title-next{display:inline-block}
.knowledge-team .team-intro{margin:10px 0 0;font-size:16px;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere;color:#5d7062}
.knowledge-team-art{display:block;width:100%;max-width:800px;height:auto;object-fit:contain;margin:0 auto}
.knowledge-team .team-signoff{margin:4px 0 0;font-size:15px;font-weight:650;line-height:1.75;word-break:keep-all;color:#48634f}
.team-signoff small{display:block;margin-top:4px;font-size:12px;font-weight:400;color:#718173}
@media(max-width:760px){.lesson-friend-icon{width:48px;height:48px;flex-basis:48px}.lesson-friend-heading,.resource-friend-heading{gap:8px}.knowledge-team{margin-top:25px;padding:26px 12px 23px;border-radius:17px}.knowledge-team h2{font-size:23px}.knowledge-team .team-intro{font-size:14px}.knowledge-team .team-signoff{font-size:14px}}
@media print{.knowledge-team,.lesson-friend-icon,.resource-friend-heading>.lesson-friend-icon{display:none}.lesson-friend-heading{display:block}}

/* v18: continuous lessons, light companion icons, and one shared level selector. */
.jt-paper .jt-hero{display:block;max-width:720px;margin:0 auto 12px}
.jt-paper .jt-intro h3{margin:0 0 8px;font-size:16px;line-height:1.55}
.jt-paper .jt-lead{margin:0!important}
.jt-paper .jt-analysis-details{max-width:720px;margin:10px auto 8px}
.jt-paper .jt-analysis-details>summary{padding:8px 0;min-height:44px;font-size:13px}
.jt-paper .jr-reading{margin:12px auto 20px}
.jt-paper .jr-reading>.jl-lesson{margin:0 auto 22px;padding:18px 0 0}
.jt-paper .jl-heading{padding-bottom:12px}
.jt-paper .jl-meta{margin-top:8px;gap:5px}
.jt-paper .jl-meta span{padding:3px 9px;line-height:1.5}
.lesson-friend-heading,.resource-friend-heading{gap:8px}
.lesson-friend-icon{width:34px;height:34px;flex:0 0 34px;object-fit:contain}
.jt-paper .jl-keypoints,.jt-paper .jl-activity,.jt-paper .jl-exit{padding:14px 18px;margin-top:18px;margin-bottom:18px;border-radius:9px}
.jt-paper .jl-keypoints h4{margin-bottom:7px!important}
.jt-paper .jl-keypoints li{margin:6px 0}
.jt-paper .jt-question{padding-top:14px;padding-bottom:14px}
.jt-paper .jl-teacher{margin:16px 0}
.perspective-story li{grid-template-columns:56px minmax(0,1fr);gap:10px}
.student-sticker{width:56px;height:56px;object-fit:contain}
.yoyo-reaction.yoyo-smile{width:36px;height:36px}
.control-heading .yoyo-reaction,.reading-step .yoyo-reaction{width:32px;height:32px}
.knowledge-team{padding:22px 20px 18px;margin:25px 0 20px;border-radius:16px}
.knowledge-team-art{max-width:600px}
@media(max-width:760px){
  .lesson-friend-icon{width:30px;height:30px;flex-basis:30px}
  .lesson-friend-heading,.resource-friend-heading{gap:7px}
  .perspective-story li{grid-template-columns:48px minmax(0,1fr);gap:10px}
  .student-sticker{width:48px;height:48px}
  .jt-paper .jl-keypoints,.jt-paper .jl-activity,.jt-paper .jl-exit{padding:12px}
  .jt-paper .jr-reading>.jl-lesson{padding-top:14px}
  .knowledge-team{padding:20px 12px 16px}
}

/* v19: a single screen type scale. Print and diagram coordinates stay unchanged. */
@media screen {
  :root{--sl-body:16px;--sl-title:28px;--sl-concept:22px;--sl-section:20px;--sl-subhead:17px;--sl-note:13px;--sl-reference:13px}
  body{font-size:16px;line-height:1.75;letter-spacing:-.005em}
  #top h1,#top h2,#top h3,#top h4{font-weight:700!important;letter-spacing:-.02em!important;line-height:1.45!important}
  #top h1{font-size:var(--sl-title)!important}
  #top h2{font-size:var(--sl-section)!important}
  #top h3,#top h4{font-size:var(--sl-subhead)!important}
  #top .jt-title{font-size:var(--sl-concept)!important}
  #top .jl-heading h3,#top .intl-reading .jl-lesson>h3,#top .jr-edition-heading h3{font-size:var(--sl-section)!important}
  #top .perspective-story h2,#top .control-heading h3,#top .concept-deck h3,#top .resource-card h3,#top .welcome-steps h3,#top .welcome-benefit-language h3{font-size:15px!important;line-height:1.55!important}
  #top .jt-sources h3,#top .relations h3,#top .welcome-sky h3{font-size:15px!important}
  #top .jt-lead,#top .jt-explanation,#top .jl-prose,#top .jr-prose,#top .jl-teacher p,#top .jl-aha,#top .jl-exit>p,#top .jl-activity li,#top .jl-keypoints li{font-size:var(--sl-body)!important;line-height:1.75!important;letter-spacing:-.005em!important}
  #top .jl-essential{font-size:var(--sl-body)!important;line-height:1.65!important;font-weight:650}
  #top .jl-bridge,#top .jl-goals li,#top .jl-example p,#top .jr-question p,#top .jr-next p{font-size:15px!important;line-height:1.7!important}
  #top .mission-hero .mission-korean>p:not(.mission-label){font-size:15px!important;line-height:1.75!important}
  #top .mission-hero .mission-english>p:not(.mission-label),#top .perspective-story p,#top .mission-tuning{font-size:14px!important;line-height:1.7!important}
  #top .mission-greeting,#top .knowledge-team .team-intro,#top .knowledge-team .team-signoff{font-size:14px!important;line-height:1.65!important}
  #top .mission-label,#top .eyebrow,#top .jt-running,#top .jt-kicker,#top .jl-kicker,#top .jr-chapter-cap,#top .jl-meta span,#top .jl-depth-label,#top .jt-framing>small,#top .jr-edition-heading p,#top .knowledge-team .team-eyebrow{font-size:12px!important;line-height:1.6!important;letter-spacing:.02em!important}
  #top .jt-framing,#top .jt-framing strong,#top .jt-framing>span,#top .jt-subjects span,#top .jr-edition-label{font-size:13px!important;line-height:1.6!important}
  #top .jarvis-guidance p{font-size:14px!important;line-height:1.65!important}
  #top .jarvis-guidance strong{font-size:14px!important}
  #top .jarvis-guidance .guidance-scope{font-size:12px!important}
  #top .context-note,#top .map-note,#top .reading-step,#top .exploration-trail,#top .perspective-tools>p,#top .about-section p,#top .welcome-research-lead,#top .welcome-benefit-language p,#top .welcome-research-limit{font-size:13px!important;line-height:1.65!important}
  #top .scene-tabs button,#top #school-buttons button,#top .concept-chapters button,#top .layout-secondary>summary,#top .comparison-launch button,#top .scene-sharing button,#top .reading-actions button,#top .relations button{font-size:13px!important;line-height:1.5!important}
  #top .exploration-controls label,#top .control-label,#top .resource-tools label,#top .language-bar,#top .language-bar button{font-size:13px!important;line-height:1.5!important}
  #top .scene-sharing p,#top .space-help,#top .touch-mode>span,#top .engine-wordmark,#top .constellation-metric,#top .space-heading #view-name,#top .space-actions label,#top .space-actions button,#top .neighbor-pager span,#top .neighbor-pager button{font-size:12px!important;line-height:1.6!important}
  #top .exploration-controls select,#top .resource-tools select,#top .resource-tools input{font-size:14px!important}
  #top .resource-card p,#top .resource-card .provider,#top .resource-card .resource-meta,#top .resource-card details,#top .resource-card details p,#top #source-note,#top #material-note,#top #resource-count{font-size:13px!important;line-height:1.65!important}
  #top .jt-footer p,#top .jr-end-note,#top .jl-sources p,#top .jl-sources li,#top .jl-download small,#top .jr-source-line,#top .jt-sources li,#top .jt-sources a,#top .intl-sources p,#top .intl-sources small{font-size:13px!important;line-height:1.65!important}
  #top .jl-sources summary,#top .jt-analysis-details>summary,#top .jr-expanded-materials>summary,#top .jl-full-story>summary,#top .jl-example>summary{font-size:13px!important;line-height:1.6!important}
  #top .survey-question legend,#top .survey-free-question label,#top .public-role{font-size:15px!important;line-height:1.65!important}
  #top .public-survey-notice p,#top .public-survey-notice li,#top .public-survey-gratitude p,#top .survey-consent,#top .survey-intro,#top .public-free-explanation,#top .public-free-starter{font-size:14px!important;line-height:1.7!important}
  #top .survey-form-heading h3,#top .public-survey-notice h3,#top .public-survey-gratitude h3{font-size:var(--sl-subhead)!important}
  #top .public-free-starter span:first-child,#top .public-unscored-option,#top .public-clear-answer,#top .survey-submit-row p,#top .survey-language-note{font-size:13px!important;line-height:1.6!important}
  #top .public-unscored-option small{font-size:12px!important}
  #top .public-five-point .survey-option{font-size:12px!important;line-height:1.55!important}
  #top .public-five-point .survey-option strong{font-size:15px!important}
  #top .survey-free-question textarea{font-size:16px!important;line-height:1.7!important}
  #top footer p,#top footer>div,#top .admin-entry a,#top .team-signoff small{font-size:13px!important;line-height:1.65!important}
  #top .jl-section h4,#top .jl-depth-section>h4,#top .jl-activity h4,#top .jl-exit h4,#top .jr-chapter h4{margin-bottom:10px!important}
  #top .jl-prose,#top .jr-prose{margin-bottom:14px!important}
  #top .jl-section{margin:22px 0}
  @media(max-width:760px){
    :root{--sl-title:24px;--sl-concept:20px;--sl-section:18px;--sl-subhead:16px}
    #top .exploration-controls select,#top .resource-tools select,#top .resource-tools input{font-size:16px!important}
    #top .public-five-point .survey-option{font-size:11px!important}
    #top .public-five-point .survey-option strong{font-size:14px!important}
  }
}

/* v20: visible full-map return */
@media screen {
  #top .space-heading .graph-whole-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-left:auto;min-height:44px;max-width:100%;padding:7px 12px;border:1px solid #adcfc0;border-radius:9px;background:#e8f4ee;color:#163e43;font-size:13px;line-height:1.35;font-weight:700;box-shadow:0 2px 8px #06182824}
  #top .space-heading .graph-whole-button:hover{background:#fff7db;border-color:#e2be69;color:#17343e}
  #top .space-heading .graph-whole-button>span:first-child{font-size:17px;line-height:1}
  @media(max-width:640px){#top .space-heading .graph-whole-button{padding:7px 10px;font-size:12px}}
}