.atlas-grid{grid-template-columns:1fr 1.14fr;gap:5vw;align-items:center;padding:48px 0 16px}.atlas-grid .learning-terminal-copy h2{font-family:PlexMono,monospace;font-weight:400;font-size:clamp(38px,4.1vw,63px);line-height:1.12;letter-spacing:-.055em}.atlas-grid .learning-terminal-copy>p{font-size:16px;line-height:1.85;max-width:470px}.atlas-topics{margin:28px 0 8px;display:flex;flex-wrap:wrap;gap:8px;max-width:500px}.atlas-topics button{font:12px/1.5 PlexMono,PlexThai,monospace;text-align:left;display:flex;gap:10px;align-items:center;border:1px solid #343c46;border-radius:2px;background:transparent;color:#b9c3cd;padding:10px 12px;min-height:44px;cursor:pointer}.atlas-topics button>span:first-child{color:#77818d;font-size:9px}.atlas-topics button[aria-pressed=true]{color:#f4eee1;border-color:#b35e66;background:#3b242a66}.atlas-topics button[aria-pressed=true]>span:first-child{color:#f08a92}.atlas-topics button:hover{background:#ffffff0b;color:#fff}.atlas-topics button:focus-visible,.atlas-play:focus-visible{outline:2px solid #fff;outline-offset:4px}.atlas-grid .learning-terminal-copy .atlas-footnote{font:10px/1.8 PlexMono,PlexThai,monospace;color:#8f9aa7;margin-top:20px}.atlas-stage{margin:0;position:relative;min-width:0;isolation:isolate;border:1px solid #32383f;border-radius:4px;background:radial-gradient(ellipse at 50% 42%,#202a31 0%,#11191e 43%,#0c1116 72%);overflow:hidden}.atlas-stage-head{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid #2b333c;color:#b9b5a9;font:10px PlexMono,monospace;letter-spacing:.08em}.atlas-play{font:10px PlexMono,PlexThai,monospace;color:#c4cbd1;background:transparent;border:0;padding:10px 8px;min-height:38px;cursor:pointer}.atlas-art{position:relative;aspect-ratio:600/660;margin:0 12px;overflow:hidden}.atlas-geometry{position:absolute;inset:0;width:100%;height:100%;stroke:#c3c5bd;stroke-width:.7;opacity:.35}.atlas-orbit{transform-origin:300px 330px;transform:rotate(var(--atlas-orbit,0deg));opacity:.7}.atlas-brackets{stroke:#df7a7d;stroke-width:1.4}.atlas-figure-wrap{position:absolute;inset:5% 4% 6%;transform:translateY(var(--atlas-drift,0px))}.atlas-figure{width:100%;height:100%;object-fit:contain;filter:saturate(.45);display:block;position:relative;z-index:1}.atlas-scan{position:absolute;left:5%;right:5%;top:var(--atlas-scan,0%);height:1px;background:linear-gradient(90deg,transparent,#eef0d86b,transparent);z-index:2;box-shadow:0 -5px 18px 2px #eef0d80a}.atlas-target{position:absolute;z-index:3;width:44px;height:44px;transform:translate(-50%,-50%);border:1px solid #ea7e82;border-radius:50%;box-shadow:0 0 0 7px #ed73750c;background:radial-gradient(circle,#e98c8c20,transparent 65%)}.atlas-target:before,.atlas-target:after{content:'';position:absolute;left:50%;top:50%;background:#f1c9c3;transform:translate(-50%,-50%)}.atlas-target:before{height:1px;width:9px}.atlas-target:after{height:9px;width:1px}.atlas-target i{position:absolute;inset:-7px;border:1px dashed #df727760;border-radius:50%}.atlas-stage[data-region=whole] .atlas-target{opacity:0}.atlas-coordinate{position:absolute;font:8px PlexMono,monospace;color:#8a9396;letter-spacing:.1em}.atlas-coordinate-a{top:7%;left:3%}.atlas-coordinate-b{bottom:5%;right:3%}.atlas-caption{border-top:1px solid #303a42;margin:0 18px;display:grid;grid-template-columns:52px 1fr;gap:10px;padding:18px 0 22px;min-height:131px}.atlas-caption-index{font:9px/1.8 PlexMono,monospace;color:#e68187;padding-top:3px}.atlas-caption h3{font:18px/1.4 PlexMono,PlexThai,monospace;color:#eee9dd;margin:0 0 8px;letter-spacing:-.02em}.atlas-caption p{font:12px/1.75 PlexSans,PlexThai,sans-serif;color:#a9b5c0;margin:0;max-width:380px}.atlas-progress{height:2px;background:#293039}.atlas-progress i{display:block;height:100%;background:#cf7276;transform-origin:left}.atlas-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.atlas-still .atlas-scan{opacity:0}.atlas-still .atlas-figure-wrap{transform:none}.atlas-still .atlas-progress i{opacity:.35}html[lang=th] .atlas-grid .learning-terminal-copy h2{font-family:PlexThai,sans-serif;line-height:1.4;letter-spacing:0}html[lang=th] .atlas-topics button{font-size:13px}html[lang=th] .atlas-caption h3{font-size:17px;line-height:1.6}html[lang=th] .atlas-caption p{font-size:13px;line-height:1.8}
@media(min-width:1200px){.atlas-art{max-height:450px}.atlas-stage{max-width:620px;justify-self:end;width:100%}}
@media(max-width:760px){.atlas-grid{grid-template-columns:1fr;gap:34px;padding-top:30px}.atlas-grid .learning-terminal-copy h2{font-size:42px;max-width:500px}.atlas-grid .learning-terminal-copy>p{font-size:15px}.atlas-topics{gap:7px;margin-top:22px}.atlas-topics button{font-size:11px;padding:10px}.atlas-stage-head{padding:9px 12px}.atlas-caption{margin:0 12px;grid-template-columns:40px 1fr;min-height:145px;padding:16px 0}.atlas-caption h3{font-size:16px}.atlas-caption p{font-size:12px}.atlas-art{margin:0 5px}.atlas-target{width:31px;height:31px}.atlas-coordinate{font-size:6px}}
@media(prefers-reduced-motion:reduce){.atlas-figure-wrap{transform:none!important}.atlas-orbit{transform:none!important}.atlas-scan{display:none}}

.atlas-topics .atlas-topic-name{font:inherit;color:inherit}.atlas-topic-name .r22-th-word{display:inline}.atlas-topics button{max-width:100%}.atlas-target{transition:left .8s cubic-bezier(.22,1,.36,1),top .8s cubic-bezier(.22,1,.36,1),opacity .6s}.media-paused .atlas-target{transition:none}

.atlas-art{width:calc(100% - 24px);margin:0 auto}@media(max-width:760px){.atlas-art{width:calc(100% - 10px);margin:0 auto}}@media(prefers-reduced-motion:reduce){.atlas-target{transition:none}}

/* R3: the figure is drawn entirely from ASCII glyphs, no visible raster layer. */
.atlas-ascii{filter:none;image-rendering:auto}.atlas-stage{background:radial-gradient(ellipse at 50% 42%,#172129,#0b1015 70%)}.atlas-geometry{opacity:.23}.atlas-scan{opacity:.38}.atlas-still .atlas-scan{opacity:0}