ouroboros / source /src /atlas.css
REXWind's picture
Publish the Ouroboros scientific showcase to CladeTeam
03677d0 verified
Raw History Blame Contribute Delete
26.1 kB
.atlas-section{position:relative}.atlas-intro{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.atlas-intro h2,.atlas-page h1{font-family:var(--serif);font-size:clamp(42px,5vw,65px);font-weight:400;line-height:1.04;letter-spacing:-1.5px;margin-top:15px}.atlas-intro h2 em,.atlas-page h1 em{color:var(--coral)}.atlas-intro>p{font-size:13px;color:var(--muted);line-height:1.8;max-width:340px}.atlas-stats{display:flex;gap:36px;margin:28px 0}.atlas-stats>div{display:flex;flex-direction:column;gap:5px}.atlas-stats strong{font-family:var(--serif);font-size:35px;font-weight:400}.atlas-stats span{font-size:10px;color:var(--muted)}.atlas-map{border:1px solid var(--line);border-radius:6px;background:var(--paper);overflow:hidden;min-width:0}.atlas-map-toolbar{padding:15px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.atlas-map-toolbar>.micro{font-size:8px;color:var(--muted)}.atlas-layers{display:flex;gap:3px}.atlas-layers button{background:transparent;color:var(--muted);padding:8px 10px;border-radius:4px;font-size:10px;line-height:1.3}.atlas-layers button[aria-pressed=true]{background:#e5e8dc;color:var(--ink)}.atlas-map-stage{height:560px;position:relative;overflow:hidden}.atlas-map-preview .atlas-map-stage{height:420px}.atlas-map-stage canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.atlas-map-stage canvas:active{cursor:grabbing}.atlas-marker{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;border:1px solid var(--coral);background:var(--paper);color:var(--coral);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 5px #f7f5ef90;z-index:2;font-size:11px;font-weight:600}.atlas-marker:hover,.atlas-marker.selected{background:var(--coral);color:var(--paper);z-index:3}.atlas-marker.selected:after{content:'';position:absolute;inset:-7px;border:1px solid var(--coral);border-radius:50%;opacity:.5}.atlas-hover{position:absolute;z-index:5;pointer-events:none;background:#fffffff5;border:1px solid var(--line);box-shadow:0 4px 16px #26343310;padding:10px 12px;border-radius:4px;display:flex;flex-direction:column;gap:5px;max-width:225px}.atlas-hover strong{font-family:var(--mono);font-size:10px;overflow-wrap:anywhere}.atlas-hover span,.atlas-hover small{font-size:9px;color:var(--muted)}.atlas-zoom{position:absolute;bottom:16px;right:16px;display:flex;gap:4px}.atlas-zoom button{background:var(--paper);border:1px solid var(--line);border-radius:4px;width:34px;height:34px;font-size:21px}.atlas-map-caption{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:12px 18px;border-top:1px solid var(--line);font-size:9px;color:var(--muted);line-height:1.8}.atlas-map-caption>span:first-child{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.atlas-dot{width:6px;height:6px;display:inline-block;border-radius:50%;flex:none}.atlas-dot.blue{background:var(--blue)}.atlas-dot.coral{background:var(--coral);margin-left:10px}.atlas-map-note{padding:0 18px 15px;font-size:9px;line-height:1.7;color:var(--muted)}.atlas-map-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:36px;font-size:13px;line-height:1.7;color:var(--muted)}.atlas-loading{padding:60px 25px;text-align:center;font-size:13px;color:var(--muted);border:1px solid var(--line);border-radius:5px;line-height:1.7}.atlas-preview-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:22px}.atlas-preview-foot p{font-size:11px;line-height:1.7;color:var(--muted);max-width:480px}.atlas-page{max-width:1500px;margin:0 auto;padding:48px 50px 70px}.atlas-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:38px}.atlas-page-header a{font-size:12px}.atlas-page-header>a:first-child{font-size:22px;letter-spacing:-.8px;font-weight:600}.atlas-page-header>a:first-child span{color:var(--coral);margin-right:8px}.atlas-page-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:32px}.atlas-page-heading p:last-child{max-width:410px;font-size:13px;color:var(--muted);line-height:1.8;margin-top:16px}.atlas-page-heading .atlas-stats{margin:0;gap:25px}.atlas-id-search{display:flex;gap:10px;align-items:end;padding:20px 0 24px}.atlas-id-search label{display:flex;flex:1;flex-direction:column;gap:9px;max-width:520px}.atlas-id-search label>span{font-size:10px;font-weight:500}.atlas-id-search input{width:100%;background:#fff9;border:1px solid var(--line);border-radius:5px;padding:13px 14px;font-family:var(--mono);font-size:13px;color:var(--ink);height:46px}.atlas-id-search .button{height:46px;flex:none}.atlas-id-search-note{font-size:10px;color:var(--muted);line-height:1.7;margin-top:-12px;margin-bottom:24px}.atlas-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr);gap:22px;align-items:start}.atlas-detail{border:1px solid var(--line);border-radius:6px;overflow:hidden;min-width:0;background:#fcfbf7}.atlas-detail-body{padding:26px}.atlas-detail h2{font-family:var(--mono);font-size:17px;line-height:1.5;overflow-wrap:anywhere;margin-top:12px}.atlas-detail-subtitle{font-size:11px;color:var(--muted);line-height:1.8;margin-top:7px}.atlas-description{margin-top:23px}.atlas-description>p{font-family:var(--serif);font-size:25px;line-height:1.35;margin-top:12px;white-space:pre-wrap;overflow-wrap:anywhere}.atlas-status{padding:10px 12px;margin-top:15px;border:1px solid #dcb58e;border-radius:4px;background:#fbf1e4;font-size:11px;line-height:1.7}.atlas-detail-sequence{margin-top:24px}.atlas-detail-sequence summary{font-size:11px;cursor:pointer;line-height:1.7}.atlas-detail-sequence pre{font-family:var(--mono);font-size:11px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;margin:12px 0;max-height:180px;overflow:auto}.atlas-detail-links{display:flex;gap:15px;flex-wrap:wrap;font-size:10px;margin-top:22px;line-height:1.8}.atlas-detail-links button,.atlas-detail-links a{background:none;padding:0;color:var(--blue);text-decoration:underline;text-underline-offset:3px}.atlas-location{font-size:10px;color:var(--muted);margin-top:18px;line-height:1.7}.atlas-structure{border-top:1px solid var(--line);padding:20px 25px}.atlas-structure .molecule{height:300px}.atlas-structure-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.atlas-structure-head p{font-size:11px;color:var(--muted);margin-top:8px}.atlas-structure-head button{font-size:10px;padding:8px;border:1px solid var(--line);border-radius:4px;background:transparent}.atlas-structure-note{font-size:10px;color:var(--muted);line-height:1.7}.atlas-structure-note a{color:var(--blue)}.atlas-record-empty{min-height:330px;padding:38px 28px;display:flex;flex-direction:column;justify-content:center}.atlas-record-empty h2{font-family:var(--serif);font-size:31px;font-weight:400;line-height:1.2}.atlas-record-empty p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:14px}.atlas-error{border-color:#dcb58e}.atlas-case-heading{margin:31px 0 15px;display:flex;justify-content:space-between;gap:18px;align-items:center}.atlas-case-heading h2{font-family:var(--serif);font-size:28px;font-weight:400}.atlas-case-heading p{font-size:10px;color:var(--muted)}.atlas-cases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.atlas-case{padding:18px;text-align:left;border:1px solid var(--line);border-radius:5px;background:transparent;display:flex;flex-direction:column;gap:10px;min-width:0;transition:background .2s,border-color .2s}.atlas-case:hover,.atlas-case[aria-pressed=true]{background:#f0ede4;border-color:var(--coral)}.atlas-case .micro{display:flex;justify-content:space-between;gap:10px;color:var(--coral);font-size:8px}.atlas-case strong{font-family:var(--mono);font-size:11px;font-weight:500;overflow-wrap:anywhere}.atlas-case p{font-size:11px;line-height:1.7;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.atlas-case small{font-size:9px;color:var(--muted);margin-top:auto}.atlas-evidence-note{font-size:10px;color:var(--muted);line-height:1.8;padding-top:24px;margin-top:25px;border-top:1px solid var(--line);max-width:1000px}.atlas-availability{font-size:12px;line-height:1.8;padding:13px 17px;background:#f5eadb;border:1px solid #dfc7a6;border-radius:5px;margin-bottom:15px}.atlas-case-download{display:flex;gap:16px;margin-top:12px;font-size:10px;color:var(--blue)}
@media(max-width:1100px){.atlas-page{padding:30px 28px 55px}.atlas-workspace{grid-template-columns:minmax(0,1.2fr) minmax(290px,1fr)}.atlas-map-toolbar{flex-wrap:wrap}.atlas-map-caption{flex-wrap:wrap}.atlas-map-stage{height:500px}.atlas-cases{grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-page-heading .atlas-stats{gap:15px}.atlas-page-heading .atlas-stats strong{font-size:29px}}
@media(max-width:780px){.atlas-page{padding:24px 18px 45px}.atlas-page-header{margin-bottom:26px;padding-bottom:17px}.atlas-page-header a{font-size:10px}.atlas-page-header>a:first-child{font-size:20px}.atlas-page-heading,.atlas-intro{display:block}.atlas-page h1,.atlas-intro h2{font-size:46px}.atlas-page-heading .atlas-stats{margin-top:22px;gap:25px}.atlas-intro>p{margin-top:18px;max-width:none}.atlas-stats{gap:25px}.atlas-stats strong{font-size:30px}.atlas-stats span{font-size:9px}.atlas-workspace{grid-template-columns:1fr;gap:17px}.atlas-map-stage{height:430px}.atlas-map-preview .atlas-map-stage{height:350px}.atlas-map-toolbar{padding:12px}.atlas-layers button{font-size:9px;padding:7px 8px}.atlas-map-caption{padding:10px 12px;font-size:8px;gap:5px}.atlas-map-note{padding:0 12px 12px;font-size:8px}.atlas-preview-foot{align-items:start;flex-direction:column;gap:17px}.atlas-preview-foot p{font-size:10px}.atlas-id-search{gap:8px}.atlas-id-search input{font-size:11px;padding:12px 10px}.atlas-id-search .button{font-size:11px;padding:12px 16px}.atlas-case-heading{align-items:start;flex-direction:column;gap:8px}.atlas-case{padding:14px}.atlas-case strong{font-size:10px}.atlas-case p{font-size:10px}.atlas-detail-body{padding:23px}.atlas-structure .molecule{height:280px}.atlas-hover{max-width:210px}}
@media(prefers-reduced-motion:reduce){.atlas-case{transition:none}}
/* Paper Atlas refresh: quiet canvas, precise landmarks, structure-first case browsing. */
.atlas-section{padding-top:90px;padding-bottom:90px}
.atlas-intro{align-items:center;gap:50px}.atlas-intro h2{font-size:clamp(44px,5.3vw,74px);line-height:1.02}
.atlas-intro-copy{max-width:360px}.atlas-intro-copy p{font-size:14px;line-height:1.85;color:var(--muted);margin-bottom:20px}
.atlas-stats{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:32px 0}
.atlas-stats>div{padding:20px 34px 20px 0;margin-right:34px;min-width:150px}.atlas-stats>div+div{border-left:1px solid var(--line);padding-left:34px}
.atlas-stats strong{font-size:40px;line-height:1.05;font-variant-numeric:tabular-nums}.atlas-stats span{font-size:11px}
.atlas-map{background:#fcfbf7;border-radius:10px}.atlas-map-stage{height:580px}.atlas-map-preview .atlas-map-stage{height:450px}
.atlas-map-toolbar{padding:13px 16px;background:#fff5}.atlas-layers{background:#edeee7;padding:3px;border-radius:6px}
.atlas-layers button{font-size:11px;padding:9px 12px}.atlas-layers button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 4px #26343312}
.atlas-map-toolbar>.micro{letter-spacing:1px}.atlas-map-label{position:absolute;top:22px;left:23px;pointer-events:none;display:flex;flex-direction:column;gap:6px}
.atlas-map-label>span{font-size:8px;letter-spacing:1.7px;color:#84908a}.atlas-map-label small{font-family:var(--serif);font-size:20px;color:#596862}
.atlas-leaders{position:absolute;inset:0;pointer-events:none}.atlas-leaders line{stroke:#6c7f78;stroke-width:1;opacity:.55}.atlas-leaders circle{stroke:#fcfbf7;stroke-width:1;fill:#516a60}.atlas-leaders .active line{stroke:var(--coral);opacity:1}
.atlas-marker{width:32px;height:32px;font-size:12px;background:#fffc;border-color:#697c72;color:#354f43;box-shadow:0 2px 7px #26343316,0 0 0 3px #fcfbf77a;transition:background .15s,box-shadow .15s}
.atlas-marker:hover,.atlas-marker.selected{background:#354f43;border-color:#354f43;color:white}.atlas-marker.selected:after{border-color:#354f43}
.atlas-map-caption{font-size:10px;gap:10px}.atlas-map-note{font-size:10px;line-height:1.7}
.atlas-color-key{display:inline-flex;gap:3px;margin-right:4px}.atlas-color-key i{display:block;width:7px;height:9px;border-radius:1px}.atlas-dot.gray{background:#a6afb3}.atlas-dot.coral{background:#d9822b}
.atlas-zoom{z-index:4}.atlas-zoom button{background:#fffffff0;width:36px;height:36px;box-shadow:0 2px 6px #26343308}
.atlas-preview-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:stretch}
.atlas-preview-story{padding:28px;background:#eeefe7;border:1px solid #e1e4d8;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:start;min-width:0}
.atlas-preview-story h3{font-family:var(--serif);font-weight:400;font-size:36px;line-height:1.1;margin:18px 0 15px}.atlas-preview-story h3 em{color:#59705d}
.atlas-preview-story>p:not(.eyebrow){font-size:12px;line-height:1.85;color:var(--muted);margin:16px 0 24px;overflow-wrap:anywhere}
.atlas-preview-story .eyebrow{font-size:8px;letter-spacing:1.4px}.atlas-preview-story .text-button{font-size:11px;line-height:1.6}
.atlas-preview-story>img{width:100%;height:145px;object-fit:contain;mix-blend-mode:multiply;margin:12px 0 0}.atlas-story-id{font-size:10px;line-height:1.7;color:var(--muted)}
.atlas-story-orbit{height:66px;width:66px;border:1px solid #a6b2a1;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:32px;color:#59705d;margin-bottom:30px}
.atlas-case-heading{margin:40px 0 20px}.atlas-case-heading h2{font-size:34px;margin-top:9px}.atlas-case-heading h3{font-family:var(--serif);font-size:26px;font-weight:400}
.atlas-case-heading p{font-size:11px;line-height:1.7}.atlas-case-heading .eyebrow{font-size:9px}
.atlas-cases{gap:16px}.atlas-case{padding:16px;background:#fcfbf7;border-radius:9px;gap:9px;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}
.atlas-case:hover{transform:translateY(-3px);box-shadow:0 7px 18px #26343309}.atlas-case[aria-pressed=true]{border-color:#59705d;background:#eeefe7}
.atlas-card-top{display:flex;align-items:center;width:100%;gap:8px;font-size:8px;letter-spacing:1px;color:var(--muted)}.atlas-card-top>span:last-child{margin-left:auto;font-size:14px}
.atlas-case-number{display:grid;place-items:center;width:27px;height:27px;background:#eeefe7;border:1px solid #d9ddcf;border-radius:50%;font-size:10px;letter-spacing:0;color:#455e50}
.atlas-case[aria-pressed=true] .atlas-case-number{background:#455e50;color:#fff;border-color:#455e50}
.atlas-case img{display:block;width:100%;height:130px;object-fit:contain;mix-blend-mode:multiply;margin:4px 0 8px}.atlas-card-title{font-family:var(--serif);font-size:25px;line-height:1.15}
.atlas-case strong{font-size:11px;color:var(--blue)}.atlas-case p{font-size:11px;-webkit-line-clamp:2}.atlas-case small{font-size:10px;line-height:1.6;margin-top:7px}
.atlas-cases-compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.atlas-cases-compact .atlas-case{padding:13px;display:grid;grid-template-columns:70px minmax(0,1fr);column-gap:12px;row-gap:5px}
.atlas-cases-compact .atlas-card-top{grid-column:1/-1}.atlas-cases-compact .atlas-case img{grid-column:1;grid-row:2/5;height:85px;margin:3px 0;width:70px}.atlas-cases-compact .atlas-card-title{font-size:20px;align-self:end}.atlas-cases-compact .atlas-case strong{font-size:9px}.atlas-cases-compact .atlas-case small{font-size:9px;margin:0}
.atlas-coverage{display:flex;align-items:center;gap:30px;margin-top:30px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.atlas-coverage .micro{font-size:8px;color:var(--muted);letter-spacing:1.4px}.atlas-coverage>div>p{font-size:11px;color:var(--muted);margin-top:7px}.atlas-coverage strong{font-size:17px;color:var(--ink);font-weight:500}
.atlas-coverage-bar{height:5px;background:#dce2dd;flex:1;min-width:50px;border-radius:4px;overflow:hidden}.atlas-coverage-bar i{display:block;width:.295%;min-width:2px;height:100%;background:#d9822b}
.atlas-coverage>p{font-size:11px;line-height:1.8}.atlas-coverage>p>span:not(.atlas-dot){color:var(--muted)}.atlas-coverage small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.atlas-coverage .atlas-dot.coral{margin:0 5px 0 0}
.atlas-preview-foot{margin-top:25px}.atlas-preview-foot p{max-width:560px;font-size:11px}.atlas-preview-foot .button{white-space:nowrap}
.atlas-page{max-width:1600px;padding:35px 50px 60px}.atlas-page-heading{gap:30px}.atlas-page h1{font-size:clamp(42px,4.8vw,68px)}
.atlas-page-heading .atlas-stats{flex-shrink:0;border-top:0;margin-bottom:5px}.atlas-page-heading .atlas-stats>div{min-width:0;padding:12px 17px 12px 0;margin:0}.atlas-page-heading .atlas-stats>div+div{padding-left:17px}.atlas-page-heading .atlas-stats strong{font-size:34px}.atlas-page-heading .atlas-stats span{font-size:9px}
.atlas-page-heading p:last-child{max-width:530px}.atlas-id-search{background:#eeefe7;border:1px solid #e1e4d8;border-radius:9px;padding:18px 22px;margin-top:26px}.atlas-id-search label{max-width:none}.atlas-id-search-note{margin:10px 0 25px;font-size:11px}
.atlas-workspace{grid-template-columns:minmax(0,1.65fr) minmax(330px,1fr);gap:24px;scroll-margin-top:24px}.atlas-map-column{min-width:0;position:sticky;top:22px}.atlas-detail{border-radius:10px;scroll-margin-top:20px}
.atlas-detail-body{padding:24px}.atlas-description>p{font-size:25px;line-height:1.4}.atlas-domain{display:inline-block;font-size:10px;line-height:1.7;color:#286e8b;background:#eaf2f4;padding:6px 10px;border-radius:4px;margin-top:14px}
.atlas-case-navigation{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-bottom:1px solid var(--line);background:#eeefe7}.atlas-case-navigation span{font-size:9px;letter-spacing:1.5px}.atlas-case-navigation button{width:32px;height:30px;border:1px solid #d9ddcf;border-radius:4px;background:#fcfbf7}
.atlas-structure-colors{display:flex;gap:5px;margin-top:16px}.atlas-structure-colors button{background:transparent;color:var(--muted);padding:7px 9px;font-size:10px;border:1px solid transparent;border-radius:4px}.atlas-structure-colors button[aria-pressed=true]{background:#eeefe7;color:var(--ink);border-color:#d9ddcf}
.atlas-structure .molecule{height:270px}.atlas-evidence-note{max-width:none;font-size:11px;line-height:1.9}
@media(min-width:1700px){.atlas-map-stage{height:640px}}
@media(max-width:1100px){.atlas-preview-layout{grid-template-columns:minmax(0,1fr) 240px;gap:16px}.atlas-preview-story{padding:22px}.atlas-cases-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-cases{grid-template-columns:repeat(4,minmax(0,1fr))}.atlas-cases-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-card-title{font-size:21px}.atlas-page{padding:28px}.atlas-page-heading{align-items:start;flex-direction:column;gap:22px}.atlas-page-heading .atlas-stats{width:100%;border-top:1px solid var(--line);gap:30px}.atlas-page-heading .atlas-stats>div{padding:16px 22px 16px 0}.atlas-page-heading .atlas-stats>div+div{padding-left:30px}.atlas-workspace{grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr)}.atlas-map-stage{height:500px}.atlas-map-toolbar{gap:8px}.atlas-coverage{gap:20px}.atlas-coverage-bar{display:none}}
@media(max-width:780px){.atlas-section{padding-top:55px;padding-bottom:55px}.atlas-intro{gap:20px}.atlas-intro-copy{max-width:none;margin-top:20px}.atlas-intro-copy p{font-size:13px}.atlas-stats{margin:25px 0;justify-content:space-between}.atlas-stats>div{min-width:0;padding:17px 10px 17px 0;margin:0}.atlas-stats>div+div{padding-left:18px}.atlas-stats strong{font-size:32px}.atlas-stats span{font-size:9px}.atlas-preview-layout{grid-template-columns:1fr;gap:14px}.atlas-map-preview .atlas-map-stage{height:365px}.atlas-preview-story{min-height:230px;padding:24px;display:block}.atlas-story-orbit{float:right;margin:0 0 12px 20px;width:50px;height:50px;font-size:25px}.atlas-preview-story h3{font-size:32px;margin-top:14px}.atlas-preview-story>p:not(.eyebrow){margin:12px 0 18px}.atlas-preview-story>img{float:right;width:35%;height:120px;margin:18px 0 10px 18px}.atlas-story-id{display:block}.atlas-case-heading{margin-top:28px}.atlas-case-heading h2{font-size:30px}.atlas-case-heading p{font-size:10px}.atlas-cases,.atlas-cases-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.atlas-cases-compact .atlas-case{display:flex;padding:12px;gap:7px}.atlas-cases-compact .atlas-case img{width:100%;height:90px;margin:0}.atlas-cases-compact .atlas-case small{margin-top:auto}.atlas-card-title,.atlas-cases-compact .atlas-card-title{font-size:22px;align-self:start}.atlas-case img{height:115px}.atlas-card-top{font-size:7px;gap:5px;letter-spacing:.5px}.atlas-case-number{width:25px;height:25px;flex:none}.atlas-coverage{align-items:start;flex-direction:column;gap:16px;padding:20px 0}.atlas-coverage>p{font-size:10px}.atlas-page{padding:24px 18px 45px}.atlas-page-heading{display:block}.atlas-page-heading .atlas-stats{gap:0;justify-content:space-between;margin-top:24px}.atlas-page-heading .atlas-stats>div{padding:16px 12px 16px 0}.atlas-page-heading .atlas-stats>div+div{padding-left:16px}.atlas-page-heading .atlas-stats strong{font-size:30px}.atlas-page-heading .atlas-stats span{font-size:8px}.atlas-id-search{padding:15px;gap:10px;align-items:stretch;flex-direction:column}.atlas-id-search input{font-size:12px}.atlas-id-search .button{height:42px}.atlas-id-search-note{font-size:10px}.atlas-workspace{grid-template-columns:1fr;gap:17px}.atlas-map-column{position:static}.atlas-map-stage{height:410px}.atlas-map-toolbar{padding:10px;flex-wrap:wrap}.atlas-layers button{font-size:10px;padding:8px 10px}.atlas-map-caption{font-size:9px;gap:5px;padding:12px}.atlas-map-note{font-size:9px}.atlas-map-label{top:17px;left:17px}.atlas-map-label small{font-size:18px}.atlas-map-toolbar>.micro{font-size:8px}.atlas-marker{width:32px;height:32px}.atlas-detail h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){.atlas-marker,.atlas-case{transition:none}.atlas-case:hover{transform:none}}
.atlas-map-preview .atlas-map-stage{height:500px}.atlas-empty-cases{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.atlas-empty-cases button{border:1px solid var(--line);border-radius:7px;background:#fff;padding:12px 10px;text-align:left;transition:border-color .2s}.atlas-empty-cases button:hover{border-color:#59705d}.atlas-empty-cases img{width:100%;height:90px;object-fit:contain;display:block}.atlas-empty-cases span{display:block;font-size:10px;line-height:1.5;margin-top:8px;color:#455e50}
@media(max-width:780px){.atlas-map-preview .atlas-map-stage{height:365px}.atlas-empty-cases img{height:75px}}
.atlas-map-stage canvas:focus-visible{outline:2px solid #6e8f80;outline-offset:-2px}.atlas-map-stage:has(.atlas-map-error) canvas{visibility:hidden}
/* A softer map surface and an editorial rhythm for the independent case studies. */
.atlas-map{box-shadow:0 4px 20px #31483a05;border-color:#dce1d7}.atlas-map-toolbar{padding:14px 18px}.atlas-map-label{top:25px;left:26px}.atlas-map-label small{font-size:22px;color:#596e60}.atlas-map-caption{background:#f5f6f0;padding-top:13px;padding-bottom:13px}.atlas-map-note{background:#f5f6f0;padding-top:0;padding-bottom:15px}.atlas-layers{background:#e9ede4}.atlas-marker{border-color:#819789;box-shadow:0 2px 9px #294c331c,0 0 0 4px #fcfbf799}.atlas-marker.selected{box-shadow:0 0 0 5px #3d6c4920,0 3px 9px #294c3320}.atlas-leaders line{stroke:#547b63;opacity:.55}
.atlas-preview-story{background:linear-gradient(145deg,#edf0e5,#e7ecdf);border-color:#dbe2d1;padding:30px}.atlas-preview-story>img{height:155px;margin-top:20px}.atlas-preview-story h3{font-size:38px}.atlas-preview-story .text-button{border-bottom:1px solid #a8b59e;padding-bottom:7px}.atlas-story-orbit{border-color:#9baa92;background:#f7f8f25c}.atlas-stats strong{font-size:42px;color:#334b3e}.atlas-stats>div{padding-top:23px;padding-bottom:23px}
.atlas-case{border-color:#dce1d7;box-shadow:0 2px 5px #26343303}.atlas-case:hover{border-color:#82997a;background:#f3f5ed;box-shadow:0 8px 24px #2634330a}.atlas-case img{height:145px}.atlas-card-title{font-size:26px}.atlas-card-top{letter-spacing:1.2px;font-size:8px}.atlas-case small{border-top:1px solid #e3e7dc;padding-top:11px;width:100%}.atlas-cases-compact .atlas-case{grid-template-columns:82px minmax(0,1fr);padding:15px}.atlas-cases-compact .atlas-case img{width:82px;height:90px}.atlas-cases-compact .atlas-case small{border:0;padding:0}.atlas-cases-compact .atlas-card-title{font-size:21px}
.atlas-description>p{font-size:26px;line-height:1.42}.atlas-detail{box-shadow:0 4px 20px #31483a05}.atlas-domain{background:#e7f0ef;color:#386b67}.atlas-coverage{border-color:#dce1d7}.atlas-preview-foot{margin-top:27px}.atlas-record-empty h2{font-size:33px}.atlas-page-header{margin-bottom:34px}
@media(max-width:1100px){.atlas-preview-story{padding:24px}.atlas-preview-story h3{font-size:34px}.atlas-cases-compact .atlas-card-title{font-size:22px}.atlas-card-title{font-size:23px}}
@media(max-width:780px){.atlas-map-toolbar{padding:10px}.atlas-map-label{top:19px;left:18px}.atlas-map-label small{font-size:19px}.atlas-preview-story{padding:24px}.atlas-preview-story h3{font-size:33px}.atlas-preview-story>img{width:34%;height:125px;margin-top:15px}.atlas-stats strong{font-size:33px}.atlas-stats>div{padding-top:18px;padding-bottom:18px}.atlas-cases-compact .atlas-case img{width:100%;height:105px}.atlas-cases-compact .atlas-case{padding:13px}.atlas-case img{height:125px}.atlas-card-title,.atlas-cases-compact .atlas-card-title{font-size:23px}.atlas-card-top{font-size:7px;letter-spacing:.65px}.atlas-description>p{font-size:25px}.atlas-record-empty h2{font-size:30px}}