/* One Atlas shell. Map coordinates, lessons and account state are owned by JS. */
:root{color-scheme:light;--bg:var(--member-paper);--panel:var(--member-surface);--ink:var(--member-ink);--muted:var(--member-muted);--accent:var(--member-teal);--gold:var(--member-gold);--line:var(--member-line);--space:#071c24}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 var(--member-body)}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}[hidden]{display:none!important}:is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #bc813c;outline-offset:4px}button:focus:not(:focus-visible),[tabindex="-1"]:focus{outline:none}h1,h2,h3,h4,p{margin-top:0}h1,h2{font-family:var(--member-display);font-weight:400}h1{font-size:clamp(30px,3.15vw,48px);line-height:1.12;letter-spacing:-.035em;margin-bottom:12px}h2{font-size:28px;line-height:1.2;letter-spacing:-.02em}h3{font-size:17px;line-height:1.4}h4{font-size:13px}p{color:var(--muted)}.eyebrow,.sampleLabel{font-size:10px;font-weight:650;letter-spacing:.16em;color:var(--accent);text-transform:uppercase}
.atlasHeader{display:flex;align-items:center;gap:28px;padding:14px 32px;border-bottom:1px solid var(--line);min-height:88px;background:var(--bg)}.atlasLogo{display:block;width:205px;flex-shrink:0;line-height:0}.atlasLogo img{mix-blend-mode:multiply;display:block;width:100%;height:auto}.edition{border-left:1px solid #c7d1c8;padding-left:28px;font-size:10px;letter-spacing:.15em;font-weight:700}.edition b{display:block;margin-top:4px;font-size:12px;letter-spacing:0;font-weight:400;color:var(--muted)}.atlasWorlds{display:flex;align-items:center;gap:6px;margin-left:auto}.atlasWorlds a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 13px;text-decoration:none;font-size:13px;border-radius:8px}.atlasWorlds a:hover{background:#e7ece4}.atlasWorlds a[aria-current]{background:#e6ecdf;color:var(--accent);font-weight:650}
.prototypeNotice{padding:9px 32px;background:#e9ede5;display:flex;align-items:center;gap:10px;font-size:11px;color:#596d67;border-bottom:1px solid var(--line)}.prototypeNotice strong{font-weight:600}.noticeDot{width:6px;height:6px;flex:none;border-radius:50%;background:#618c78}.prototypeNotice>span:last-child{margin-left:auto}.atlasAccount{padding:12px 32px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;border-bottom:1px solid var(--line);font-size:12px;background:#fffef8}.atlasAccount:empty{display:none}.atlasAccount>span{font-weight:600}.atlasAccount label{display:flex;align-items:center;gap:8px;color:var(--muted)}.atlasAccount select{width:230px;max-width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:7px;background:#f8f9f3;color:var(--ink);min-height:44px}.atlasAccount a{font-size:12px}.atlasAccount button{margin-left:auto}.atlasAccount>div{flex:1;min-width:220px;max-width:720px}.atlasAccount p{font-size:12px;margin:3px 0}.atlasAccount .primaryButton{color:#fff}
.atlasShell{display:grid;grid-template-columns:190px minmax(0,1fr);max-width:1800px;margin:auto}.rail{padding:30px 16px;border-right:1px solid var(--line);background:#eeeede;min-width:0}.rail>.eyebrow{margin:0 12px 20px;color:#6e7c72;font-size:9px}.rail nav{display:grid;gap:5px}.rail nav a{display:flex;align-items:center;min-height:46px;padding:11px 12px;border:1px solid transparent;border-radius:8px;text-decoration:none;color:#5b6c65;font-size:13px}.rail nav a:hover{background:#e3e9df}.rail nav a[aria-current]{background:#e6ecdf;border-color:#cdd7c5;color:var(--accent);box-shadow:inset 3px 0 #b7995c;font-weight:600}.rail nav span{font-size:9px;margin-right:12px;color:#7f9086;font-weight:400}.railNote{margin:62px 12px 30px;font-size:12px}.railNote p{line-height:1.8;color:#567167;margin:10px 0}.railNote small{font-size:10px;color:#7a877d}.railCompass{font-size:32px;line-height:1;color:#8aa391}.atlasHelp{display:block;padding:12px;font-size:11px;color:#527369;min-height:44px}.textButton{padding:12px;background:none;border:0;color:#697a71;text-decoration:underline;font-size:11px;min-height:44px}
main{padding:32px;min-width:0}.topline{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:6px 0 24px;padding:26px 28px;border:1px solid #254d55;border-radius:24px;background:radial-gradient(circle at 84% 20%,#e7ce8e 0 1px,transparent 2px),radial-gradient(circle at 69% 69%,#e7ce8e99 0 1px,transparent 2px),var(--member-night);color:#fff4d9}.topline h1{color:#fff4d9}.topline p{color:#c3d3cc}.topline .eyebrow{margin-bottom:12px;font-size:10px;color:#dcc790}.topline p{font-size:13px;margin-bottom:0;max-width:660px}.count{flex:none;text-align:right;font-size:10px;color:#c3d3cc;line-height:1.5}.count b{display:block;color:#f2dca2;font:30px/1.3 Georgia,serif;margin-bottom:3px}.wide{max-width:960px}
.primaryButton,.secondaryButton{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 16px;border:1px solid var(--accent);border-radius:999px;background:var(--accent);color:#fff;text-decoration:none;font-size:12px;font-weight:600;line-height:1.5}.primaryButton:hover{background:#1f494b}.secondaryButton{color:var(--accent);background:transparent;border-color:#bdcdc1}.secondaryButton:hover{background:#e8eee4}.filter{border:1px solid var(--line);border-radius:7px;background:transparent;padding:10px 12px;color:var(--muted);font-size:11px;min-height:44px}.filter[aria-pressed=true]{color:var(--accent);background:#e7ede3;border-color:#b9cbbd}
.mapNavigation{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;padding:20px 22px;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:0 0 16px}.mapFinder,.discoveryBar{min-width:0}.mapFinder label,.discoveryBar label{display:block;font-size:11px;font-weight:650;margin-bottom:8px;color:var(--ink)}.mapFinder input,.discoveryBar select{display:block;width:100%;min-width:0;padding:11px 13px;font-size:14px;min-height:46px;border:1px solid #c8d4c9;border-radius:7px;background:#f8f9f4;color:var(--ink)}.mapFinder p{font-size:10px;margin:7px 0 0;color:#748277}.mapFinder #conceptSearchCount:empty{display:none}.conceptSearchResults{display:grid;gap:6px;max-height:250px;overflow:auto;margin-top:12px}.conceptSearchResults:empty{display:none}.searchConcept{display:block;text-align:left;border:1px solid #d2ddd0;border-radius:7px;background:#f2f5ec;color:var(--ink);padding:11px 13px;min-height:48px;font-size:12px}.searchConcept span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.searchConcept:hover{border-color:#82a59a;background:#e5eee3}.discoveryBar a{display:inline-block;font-size:10px;color:var(--accent);margin-top:7px}
.flightToolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:0 0 12px}.flightControls{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.flightControls button{min-height:44px;padding:9px 12px;background:#fffef9;color:var(--accent);border:1px solid #d0dacf;border-radius:7px;font-size:11px}.flightControls button:hover{border-color:#94afa0;background:#e9eee4}.flightControls :is(#zoomOut,#zoomIn){width:38px;font-size:18px;padding:4px}.flightControls output{min-width:32px;text-align:center;font-size:11px;color:var(--muted)}
.mapLayout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:20px;align-items:start}.galaxyFrame{min-width:0;overflow:hidden;border-radius:14px;background:var(--space);border:1px solid #183e45;box-shadow:0 12px 34px #0b313a0c}.flightViewport{width:100%;height:660px;min-height:420px;max-height:76vh;overflow:auto;overscroll-behavior:contain;cursor:grab;scrollbar-width:thin;scrollbar-color:#3d6265 #081d25;position:relative;color-scheme:dark}.flightViewport.dragging{cursor:grabbing;user-select:none}.flightViewport:focus-visible{outline-offset:-4px}#galaxySize{position:relative;width:1872px;height:1872px}#galaxy{position:absolute;width:2600px;height:2600px;transform-origin:0 0;background:linear-gradient(#071c2466,#071c2466),#071c24 url('/assets/member-fleet/02-atlas-of-small-worlds-1440.webp') center/cover;isolation:isolate}.spaceLines,.fogLayer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.spaceLines{z-index:1}.fogLayer{z-index:2}.curriculumDepthRings{z-index:1}.sectorName{position:absolute;transform:translate(-50%,-50%);max-width:150px;text-align:center;font-size:11px;letter-spacing:.07em;line-height:1.4;color:#7e959c;background:#071c24e8;border:1px solid #85bdb717;padding:8px 12px;border-radius:8px;pointer-events:none}.sectorName span{display:block;color:var(--sector);font-size:19px;margin-bottom:2px}.sectorName.charted{color:var(--sector);z-index:3}
.galaxyNode{position:absolute;transform:translate(-50%,-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:10px;width:132px;min-height:102px;padding:4px;background:transparent;border:0;color:var(--sector);transition:filter .18s}.galaxyNode:hover{filter:brightness(1.25)}.nodeName{font-size:12px;line-height:1.35;max-width:132px;background:#071a22ec;color:#d6e4df;border:1px solid #c3e4d521;padding:5px 7px;border-radius:6px}.nodeOrb{position:relative;display:grid;place-items:center;border-radius:50%;transition:box-shadow .18s}.planet .nodeOrb,.ringed .nodeOrb{width:58px;height:58px;background:radial-gradient(ellipse at 30% 25%,#fff2ce99,transparent 55%),radial-gradient(circle at 55% 60%,var(--sector),#244b58);box-shadow:inset -8px -6px 14px #09212b66;border:1px solid #e5e3ba55}.ringed .nodeOrb{width:44px;height:44px}.ringed .nodeOrb:after{content:'';position:absolute;left:-23px;top:12px;width:88px;height:20px;border:4px double var(--sector);border-radius:50%;transform:rotate(-26deg);opacity:.55}.moon .nodeOrb{width:30px;height:30px;background:radial-gradient(circle at 32% 24%,#ecede3,#98aaa9 42%,#102b32 82%);box-shadow:0 0 18px #b5d8cd24}.moon .nodeOrb:before{content:'';position:absolute;inset:-10px;border:1px solid #b1d6c726;border-radius:50%;transform:rotate(-22deg) scaleX(1.3)}.stellar .nodeOrb{width:40px;height:40px;font-size:30px;background:radial-gradient(circle,#d7ffe418,transparent 65%);text-shadow:0 0 14px color-mix(in srgb,var(--sector) 50%,transparent)}.galaxyNode.unknown{opacity:.68}.galaxyNode[aria-pressed=true] .nodeName{border-color:var(--sector);background:#15313c;color:#fff}.galaxyNode[aria-pressed=true] .nodeOrb{outline:2px solid #dfc586;outline-offset:8px;box-shadow:0 0 18px #dfc58633}.discoveryDot{position:absolute;right:13px;top:5px;width:6px;height:6px;border-radius:50%;background:#b2e9ce;box-shadow:0 0 8px #b2e9ce}
.ship{position:absolute;z-index:5;transform:translate(-50%,-50%);width:190px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;background:transparent;color:#ede8d5}.atlasMothership{display:block;width:190px;height:127px;object-fit:cover;object-position:80% 50%;border:1px solid #dfc58666;border-radius:50%}.ship strong{font-size:10px;letter-spacing:.12em;margin-top:-8px;font-weight:600}.ship small{font-size:10px;color:#9bbab6;margin-top:4px}.atlas-personal-craft{color:#c6dbd4;font-size:10px}.atlas-personal-craft small{display:block;font-size:9px;color:#93b8b3}.flightCaption{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid #42666a60;color:#afc4bd;font-size:10px;background:#102c34}
.cosmicLandmark{position:absolute;transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;flex-direction:column;gap:20px;width:200px;min-height:180px;background:transparent;color:#d4d6bd;border:0;padding:20px}.landmarkName{font-size:10px;letter-spacing:.12em;text-transform:uppercase;background:#071c24ed;padding:6px 10px;border-radius:20px}.landmarkBody{display:block;position:relative;width:82px;height:82px;border-radius:50%}.blackhole .landmarkBody{background:#020c12;box-shadow:0 0 0 1px #f2d9ab,0 0 10px 3px #c792585e,inset 0 0 15px #271e20}.blackhole .landmarkBody:before{content:'';position:absolute;inset:-22px;border:7px double #cda777aa;border-radius:50%;transform:rotate(-27deg) scaleY(.34);box-shadow:0 0 22px #edbd6933}.observatory .landmarkBody{width:56px;height:56px;border:1px solid #8ab6b0;background:radial-gradient(circle at 30% 24%,#d4e6d1,#528685 42%,#0e303e 83%);box-shadow:0 0 30px #afd8c226}.observatory .landmarkBody:before,.observatory .landmarkBody:after{content:'';position:absolute;inset:-17px;border:1px solid #a6cbb55c;border-radius:50%;transform:rotate(35deg) scaleY(.45)}.observatory .landmarkBody:after{transform:rotate(-35deg) scaleY(.45)}.cosmicLandmark:hover .landmarkBody{filter:brightness(1.3)}
.detail{position:sticky;top:20px;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:12px;scroll-margin-top:20px;min-width:0}.detail h2{font-size:28px;margin:16px 0}.detail p{font-size:12px;line-height:1.8}.detail .eyebrow{font-size:9px;line-height:1.6}.detail section,.detail details{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.detail summary{cursor:pointer;font-size:12px}.detail h4{color:var(--ink);margin-bottom:8px}.detail .primaryButton,.detail .secondaryButton{font-size:11px}.guideLabel{font-size:10px!important;line-height:1.7!important;color:#728276!important;border-left:2px solid #bacdbc;padding-left:12px;margin-top:20px}.badge{display:inline-flex;font-size:10px;padding:4px 9px;border:1px solid #c5d6c5;border-radius:20px;color:#54785e;background:#edf3e7}.badge.lit{color:#285d60;background:#e5efdf}.topicList{display:flex;flex-wrap:wrap;gap:7px}.topic{font-size:11px;text-align:left;min-height:44px;border:1px solid #cedbca;border-radius:7px;padding:8px 10px;color:#3e6860;background:#f0f4e9;max-width:100%}.topic:hover,.topic[aria-pressed=true]{background:#e0ead9;border-color:#98b39b}.mapFootnote{font-size:10px;line-height:1.8;color:#7a887e;margin:18px 0 0;max-width:1000px}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.box{background:var(--panel);padding:28px;border:1px solid var(--line);border-radius:12px}.box p,.box li{font-size:14px;color:var(--muted)}.box .eyebrow{font-size:10px}.box ul{padding-left:20px}.box li{margin-bottom:10px}.box details{margin-top:20px}.box summary{cursor:pointer;min-height:44px;padding:10px 0}.focusBox{background:#e9eee2}.focusBox h2{font-size:36px;max-width:600px}.focusBox .primaryButton{margin-top:12px}.focusBox .secondaryButton{margin-top:12px}.sessionLine{display:flex;align-items:center;gap:12px;margin:16px 0;font-size:13px}.sessionLine span{margin-left:auto}.sessionNote{border-left:2px solid #a9bd9e;padding:4px 0 4px 18px;margin:22px 0}.statusNote{color:#285d60!important}.empty{border:1px dashed var(--line);border-radius:12px;padding:30px;grid-column:1/-1}.lessonText{white-space:pre-wrap;overflow-wrap:anywhere}.liveLesson{margin:20px 0}.liveLesson h2{font:400 20px/1.6 system-ui;white-space:pre-wrap}.liveLesson h3{margin-top:24px}.atlasLessonForm{margin:24px 0;max-width:960px}.atlasLessonForm>label{display:block;margin:18px 0;color:var(--ink);font-size:14px}.atlasLessonForm input,.atlasLessonForm textarea,.atlasLessonForm select{display:block;width:100%;background:#f8f9f3;border:1px solid #b8cdbb;border-radius:7px;padding:11px;color:var(--ink);font:inherit;margin-top:6px;min-height:44px}.atlasLessonForm input[type=date]{max-width:230px}.atlasLessonForm fieldset{min-width:0;border:1px solid var(--line);border-radius:8px;padding:18px}.atlasLessonForm details{border-top:1px solid var(--line);padding:12px 0}.atlasLessonForm summary{cursor:pointer;color:var(--accent)}.conceptChoice{display:grid;grid-template-columns:1fr 170px;gap:16px;align-items:center;padding:8px 0;font-size:13px}.conceptChoice select{margin:0}.importSource{margin:24px 0}.importSource h2{font-size:22px;line-height:1.5}.importSource h3{margin-top:24px}.importSource summary{cursor:pointer;color:var(--accent)}.atlasLessonForm .importConfirmation{display:flex;align-items:flex-start;gap:12px}.atlasLessonForm .importConfirmation input{width:20px;height:20px;min-height:20px;flex-shrink:0;margin:3px 0}.importSource .lessonText{font-size:13px}
.crewFlightDeck{display:flex;align-items:center;gap:28px;background:#102c34;color:#efe9d9;border-radius:14px;padding:24px;margin:24px 0}.crewFlightDeck p{color:#b8ccc4}.crewFlightDeck .sampleLabel{color:#ccdbba}.crewMothership{width:340px;height:auto;max-width:45%;object-fit:contain;border-radius:10px}.crewSection{margin:24px 0}.crewIntro{max-width:680px}.crewIntro h2{font-size:34px}.crewIntro p,.crewProfile p{font-size:14px;line-height:1.8}.crewEyebrow,.crewRank{font-size:10px!important;letter-spacing:.13em;color:var(--accent)!important}.crewProfiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.crewProfile{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.crewProfile h3{font:26px Georgia,serif;margin:12px 0 5px}.crewRole{color:var(--accent);font-size:12px!important}.crewIdentity{display:flex;align-items:center;gap:12px}.crewAvatar{width:67px;height:72px;object-fit:contain;flex:none}.crewProfile a,.crewQuickLink{font-size:12px;color:var(--accent);display:inline-block;padding:10px 0}.crewWelcome{font-size:12px;margin-top:24px}.crewLinkRow{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.skip,.sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{position:fixed;top:10px;left:10px;width:auto;height:auto;clip:auto;padding:12px;background:var(--accent);color:#fff;z-index:30}
@media(min-width:1600px){.mapLayout{grid-template-columns:minmax(0,1fr) 320px}.atlasShell{grid-template-columns:210px minmax(0,1fr)}main{padding:36px 40px}}
@media(max-width:1200px){.atlasShell{grid-template-columns:170px minmax(0,1fr)}.rail{padding:26px 10px}main{padding:28px 24px}.atlasHeader{gap:20px}.edition{padding-left:20px}.atlasLogo{width:175px}.mapLayout{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.detail{padding:20px}.crewProfiles{grid-template-columns:1fr}.count b{font-size:26px}}
@media(max-width:1000px){.atlasHeader{flex-wrap:wrap;padding:14px 24px}.edition{margin-right:auto}.atlasWorlds{gap:0}.atlasWorlds a{font-size:12px;padding:8px 10px}.mapLayout{grid-template-columns:1fr}.detail{position:static}.mapNavigation{gap:16px;padding:18px}.flightViewport{height:580px}.prototypeNotice,.atlasAccount{padding-left:24px;padding-right:24px}.topline{align-items:start}.topline h1{font-size:36px}}
@media(max-width:700px){.atlasHeader{padding:16px;gap:14px}.atlasLogo{width:168px}.edition{padding-left:16px;font-size:9px}.edition b{font-size:10px}.atlasWorlds{flex-basis:100%;margin:0;justify-content:space-between;gap:8px}.atlasWorlds a{flex:1;padding:8px 10px}.prototypeNotice{padding:10px 16px;flex-wrap:wrap;gap:6px 8px;font-size:10px}.prototypeNotice>span:last-child{margin:0;width:100%;padding-left:14px;font-size:9px}.atlasAccount{padding:14px 16px;gap:12px}.atlasAccount label{width:100%;justify-content:space-between}.atlasAccount select{flex:1;min-width:0;max-width:280px;font-size:16px}.atlasAccount button{margin-left:0}.atlasAccount .primaryButton{width:100%}.atlasAccount>div{max-width:100%}.atlasShell{display:block}.rail{padding:10px 12px;border-right:0;border-bottom:1px solid var(--line)}.rail>.eyebrow,.railNote,.rail .atlasHelp{display:none}.rail nav{display:flex;overflow-x:auto;gap:4px;scrollbar-width:thin}.rail nav a{flex:none;min-height:44px;font-size:12px;padding:10px 12px;white-space:nowrap}.rail nav span{display:none}.rail .textButton{font-size:10px;min-height:36px;padding:8px 12px}main{padding:24px 16px}.topline{gap:14px;margin-bottom:22px;padding:22px 20px}.topline h1{font-size:34px}.topline p{font-size:12px}.topline .eyebrow{font-size:9px}.count{font-size:9px;padding-top:28px}.count b{font-size:24px}.mapNavigation{grid-template-columns:1fr;gap:16px;padding:16px}.mapFinder input,.discoveryBar select{font-size:16px}.mapFinder p,.discoveryBar a{font-size:11px}.flightControls{gap:5px}.flightControls button{font-size:10px;padding:8px 10px}.flightToolbar{gap:8px}.flightToolbar>.filter{font-size:10px;min-height:38px}.flightViewport{height:520px;min-height:400px;max-height:68vh}.flightCaption{flex-direction:column;gap:3px;padding:12px 14px;font-size:9px}.detail{padding:24px}.detail p{font-size:13px}.detail .eyebrow{font-size:10px}.detail .primaryButton,.detail .secondaryButton{font-size:12px}.cards{grid-template-columns:1fr}.box{padding:22px}.focusBox h2{font-size:30px}.conceptChoice{grid-template-columns:1fr;gap:5px}.atlasLessonForm input,.atlasLessonForm select,.atlasLessonForm textarea{font-size:16px}.sessionLine{flex-wrap:wrap}.sessionLine span{margin-left:0}.crewFlightDeck{flex-direction:column;align-items:start;padding:22px}.crewMothership{width:100%;max-width:100%;max-height:230px;object-fit:contain}.crewFlightDeck h2{font-size:28px}.crewProfile{padding:22px}.mapFootnote{font-size:10px}.topic{font-size:12px}}
@media(prefers-reduced-motion:reduce){.galaxyNode,.nodeOrb{transition:none}html{scroll-behavior:auto}}

/* A single destination scene for every Atlas reading view. */
.topline.illustratedTopline{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:0;padding:0;overflow:hidden;position:relative;background:var(--member-night)}
.illustratedTopline>div:first-child{grid-column:1;grid-row:1;padding:28px;align-self:center}
.illustratedTopline .atlasScene{display:block;grid-column:2;grid-row:1;align-self:stretch;min-width:0}
.atlasScene img{display:block;width:100%;height:100%;min-height:260px;max-height:330px;object-fit:cover;object-position:76% 50%}
.illustratedTopline .count{position:absolute;right:16px;bottom:14px;padding:8px 12px;background:#153a43ed;border:1px solid #dcc79066;border-radius:12px;font-size:9px}
.illustratedTopline .count b{font-size:22px;margin:0}
@media(max-width:700px){.topline.illustratedTopline{grid-template-columns:1fr}.illustratedTopline .atlasScene{grid-column:1;grid-row:1}.atlasScene img{height:190px;min-height:0;max-height:none}.illustratedTopline>div:first-child{grid-column:1;grid-row:2;padding:22px}.illustratedTopline .count{top:122px;bottom:auto;right:12px}.illustratedTopline .count b{font-size:20px}}