/* CyberAtlas Fluid — a distinct, reversible visual edition. */
:root{--fluid-blue:#0066cc;--fluid-text:#e6edf6;--fluid-secondary:#a4b1c5;--fluid-line:#303f54;--fluid-canvas:#111927;--fluid-card:#1a2332;--fluid-radius:22px;--studio-accent:#9fef00;--ink:#e6edf6;--muted:#a4b1c5;--line:#dce2ea;--mint:#9fef00;--amber:#f5a29c;--red:#f5a29c;font-size:100%;font-optical-sizing:auto}
html{background:var(--fluid-canvas)}body.studio-app{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;background:var(--fluid-canvas);color:var(--fluid-text);letter-spacing:0;line-height:1.55;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,a.primary,a.secondary{transition:background-color .16s,color .16s,border-color .16s,box-shadow .16s;transform-origin:center}button:active,a.primary:active{filter:brightness(.94)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7fbc1b;outline-offset:4px}button:disabled{cursor:default}
.studio-app h1,.studio-app h2,.studio-app h3,dialog h2,dialog h3{font-family:inherit;font-weight:650;letter-spacing:-.035em;color:var(--fluid-text)}.studio-app p{color:var(--fluid-secondary)}.studio-app .eyebrow,.studio-app .small-label{font-family:inherit;font-size:.65rem;line-height:1.5;font-weight:650;letter-spacing:.13em;color:#a4b1c5}.studio-app .eyebrow:before{display:none}.studio-app .fine{font-size:.75rem;line-height:1.65;color:#a4b1c5}
.studio-app>header{background:#1a2332d9;backdrop-filter:blur(22px) saturate(1.5);border:0;box-shadow:0 9px 22px -22px #16304c;min-height:76px;padding:14px 36px}.studio-app>header .brand{color:#a4b1c5;font-size:.8rem;font-weight:550}.studio-app>header nav{gap:8px}.studio-app>main{padding:40px 36px 64px;max-width:1700px}.studio-app>footer{background:transparent;border-top:1px solid var(--fluid-line);color:#a4b1c5;font-size:.75rem;padding:24px 36px}.studio-app>footer button,.studio-app>footer a{color:#a4b1c5;font-size:.75rem}
#studio-sidebar{background:#1a2332f5;border-color:#303f54;padding:30px 16px 20px}.studio-brand{color:#e6edf6;font-family:inherit;font-size:1.2rem;font-weight:650;letter-spacing:-.04em}.studio-brand>span{background:#9fef00;color:white;border-radius:10px;box-shadow:0 5px 12px #0066cc22;width:38px;height:38px}.studio-brand small{color:#a4b1c5;font-family:inherit;font-size:.48rem;letter-spacing:.13em;font-weight:600}.studio-side-label{font-family:inherit;font-size:.6rem;color:#a4b1c5;letter-spacing:.1em;margin:40px 12px 14px}.studio-side-nav{position:relative;isolation:isolate;gap:7px}.studio-side-nav button{font-size:.76rem;font-weight:550;color:#a4b1c5;min-height:46px;padding:12px;border:0;background:transparent;border-radius:10px;z-index:1}.studio-side-nav button>span:first-child{color:#a4b1c5;font-size:1.15rem}.studio-side-nav button:hover{background:#1a233280;color:#e6edf6}.studio-side-nav button.active{color:#9fef00;background:transparent;border:0}.studio-side-nav button.active>span:first-child{color:#9fef00}.studio-side-nav button.active:before{display:none}.fluid-selection{display:block;position:absolute;top:0;border-radius:10px;background:#1a2332;box-shadow:0 2px 5px #2038550a,0 0 0 1px #dce3ec;z-index:0;pointer-events:none}.studio-nav-count{background:#1a2332;color:#a4b1c5}.studio-side-note{border:0;border-radius:10px;background:#1a2332;color:#a4b1c5;padding:18px 14px}.studio-side-note>span{color:#9fef00}.studio-side-note b{font-size:.8rem}.studio-side-note p{font-size:.75rem;color:#a4b1c5}.studio-side-footer{font-size:.62rem;color:#a4b1c5;line-height:1.5;padding-top:18px}
.studio-intro{margin:0 0 32px;align-items:flex-start}.studio-intro .eyebrow{font-size:.65rem;margin-bottom:14px;color:#9fef00}.studio-intro h1{font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.07;letter-spacing:-.05em;margin-bottom:15px}.studio-intro h1 em{color:#9fef00;font-style:normal}.studio-intro p{font-size:.91rem;line-height:1.6;color:#a4b1c5}.studio-session{font-family:inherit;font-size:.55rem;letter-spacing:.08em;color:#a4b1c5;margin-top:7px}.studio-session i{background:#20372d;box-shadow:none}
.studio-feature-grid{gap:22px;grid-template-columns:minmax(0,1fr) 265px}.studio-feature{border:0;border-radius:10px;min-height:420px;padding:36px;background:#142338;box-shadow:0 12px 35px #18334b0d}.studio-feature h2{color:#dce6f2;font-size:clamp(1.65rem,2.3vw,2.5rem);line-height:1.16;letter-spacing:-.035em;max-width:330px}.studio-feature .studio-feature-copy{max-width:350px}.studio-feature p{font-size:.85rem;line-height:1.7;color:#dce6f2;max-width:290px}.studio-feature-tags{color:#dce6f2;font-size:.7rem;line-height:1.5}.studio-pill{font-family:inherit;font-size:.52rem;letter-spacing:.12em;font-weight:600;color:#dce6f2;background:#1e344cbf;border:1px solid #303f5433;backdrop-filter:none;padding:8px 11px}.studio-feature:before{background:linear-gradient(90deg,#122039f5,#142039db 42%,#152c4140 85%),linear-gradient(0deg,#10203688,transparent 40%)}.studio-feature-art img{animation:none!important;transform:none}.atlas-hero-tag{font-family:inherit;background:#182a3bd9;backdrop-filter:none;color:#dce6f2;letter-spacing:.08em;border-color:#303f5433;font-size:.45rem;border-radius:7px}
.studio-app .primary,.studio-app .card-button,dialog .primary{font-size:.82rem;font-weight:600;background:#9fef00;color:#dce6f2;border:1px solid transparent;border-radius:10px;padding:12px 17px;min-height:44px;box-shadow:0 2px 5px #0066cc12}.studio-app .primary:hover,.studio-app .card-button:hover,dialog .primary:hover{background:#9fef00;color:white}.studio-feature .primary{background:#1a2332;color:#e6edf6;border:0;padding:13px 20px}.studio-feature .primary:hover{background:#1a2332;color:#9fef00}.studio-app .secondary,dialog .secondary{background:#1a2332;color:#a4b1c5;border:1px solid #303f54;font-size:.78rem;min-height:42px;border-radius:10px;padding:10px 14px}.studio-app .secondary:hover,dialog .secondary:hover{background:#1a2332;border-color:#303f54}.studio-app .quiet{color:#a4b1c5;font-size:.75rem}.studio-app .quiet:hover{color:#9fef00}.studio-player{border:1px solid #303f54;background:#1a2332;box-shadow:0 4px 20px #1c344705;border-radius:10px;padding:26px 22px}.studio-player-title{font-family:inherit;color:#a4b1c5;font-size:.6rem;letter-spacing:.12em}.studio-player-title b{font-size:1rem;color:#a4b1c5}.studio-player .academy-avatar{background:#1a2332;color:#9fef00;border:0;border-radius:10px}.studio-player .academy-profile b{font-size:.83rem;color:#e6edf6}.studio-player .academy-profile small{font-size:.68rem;line-height:1.5;color:#a4b1c5}.studio-player .xp-panel strong{font-size:2.4rem;letter-spacing:-.045em;color:#e6edf6}.studio-player .xp-panel span{font-size:.68rem;color:#a4b1c5}.studio-player .xp-track{background:#1a2332;height:5px}.studio-player .xp-track i{background:#9fef00;border-radius:5px}.studio-player-stats{border-color:#303f54}.studio-player-stats b{color:#e6edf6;font-size:1.2rem}.studio-player-stats span{font-size:.68rem;color:#a4b1c5}#studio-profile-actions .secondary{background:#1a2332;color:#9fef00;border:0;font-weight:600}#studio-profile-actions .quiet{color:#a4b1c5}
.studio-resume{border:1px solid #303f54;border-radius:10px;background:#1a2332;color:#e6edf6;margin:18px 0 42px;padding:18px 21px;box-shadow:none}.studio-resume>span{color:#9fef00}.studio-resume small,.studio-resume em{color:#a4b1c5}.studio-resume b{color:#e6edf6}.studio-section-heading h2,.section-heading h2{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.2;letter-spacing:-.035em}.studio-section-heading>span,.completion{font-size:.72rem;color:#a4b1c5}.studio-section-heading .small-label{font-size:.6rem;color:#a4b1c5}.studio-section-heading{margin-bottom:22px}.studio-route-grid{gap:18px}.studio-route-card{background:#1a2332;border:1px solid #303f54;border-radius:10px;padding:24px;box-shadow:0 4px 16px #243d5804;transform:none!important}.studio-route-card:hover{border-color:#303f54;box-shadow:0 8px 24px #2549660b}.studio-route-card .studio-route-icon{color:#9fef00;background:#1a2332;border-color:transparent}.studio-route-card>small{font-family:inherit;font-size:.59rem;letter-spacing:.09em;font-weight:650;color:#a4b1c5}.studio-route-card h3{font-size:1.35rem;color:#e6edf6;line-height:1.25;margin:16px 0 10px}.studio-route-card p{font-size:.79rem;color:#a4b1c5;line-height:1.7;min-height:4.1em}.studio-route-card em{color:#a4b1c5;font-family:inherit;font-size:.6rem}.studio-route-card footer{font-size:.68rem;color:#a4b1c5;border-color:#303f54}.studio-route-card footer b{font-size:.72rem;color:#9fef00}.studio-route-progress{background:#1a2332;height:4px}.studio-route-progress i{animation:none;background:#9fef00}
.studio-catalog-bar{gap:14px;margin-top:22px}.studio-catalog-bar>label:first-child{background:#1a2332;border:1px solid #303f54;border-radius:10px;color:#a4b1c5}.studio-catalog-bar input[type=search]{font-size:.83rem;color:#e6edf6;min-height:46px}.studio-catalog-bar input::placeholder{color:#a4b1c5}.studio-catalog-bar input:focus-visible{outline-offset:0}.studio-pending,.studio-catalog-bar>span{font-size:.73rem;color:#a4b1c5}.studio-pending input{accent-color:#0066cc}.studio-app .filters{gap:6px;margin:20px 0 25px}.studio-app .filters button{font-size:.73rem;color:#a4b1c5;background:transparent;border:1px solid transparent;min-height:38px;border-radius:10px;padding:8px 15px}.studio-app .filters button.active{color:#9fef00;background:#1a2332;border-color:#303f54}.studio-app .filters button:hover{background:#1a2332}.studio-home .module-grid{gap:20px}.studio-home .module-card{border:1px solid #303f54;border-radius:10px;background:#1a2332;box-shadow:0 3px 15px #27426304;padding:23px;transform:none!important;opacity:1!important;transition:border-color .18s,box-shadow .18s}.studio-home .module-card:hover{border-color:#303f54;box-shadow:0 10px 28px #2543630d}.studio-card-art{margin:-23px -23px 22px;height:145px;background:#15283e;border-radius:10px 10px 0 0}.studio-card-art .atlas-cover{height:145px}.studio-home .module-card h3{font-size:1.8rem;color:#e6edf6;margin:8px 0;letter-spacing:-.04em}.studio-home .module-full{font-size:.77rem;color:#a4b1c5;line-height:1.6}.studio-home .story-title{font-size:.96rem;line-height:1.5;color:#a4b1c5}.studio-home .category{color:#a4b1c5;font-size:.59rem;font-weight:600;letter-spacing:.1em}.studio-home .badge{font-size:.52rem;background:#1a2332;border-color:#303f54;color:#a4b1c5}.studio-home .badge.ready{color:#a5dc8a;background:#1a2332;border-color:#303f54}.studio-home .card-top .module-icon{color:#9fef00;background:#1a2332;border-color:#303f54}.studio-home .card-bottom>span{font-size:.59rem;color:#a4b1c5}.studio-home .card-button{font-size:.72rem;border:0;min-height:40px;padding:10px 13px}.studio-home .academy-card-xp{font-size:.69rem;color:#a4b1c5;border-color:#303f54}.studio-home .academy-card-xp b{color:#9fef00}.atlas-card-progress{background:#1a2332;height:3px}.atlas-card-progress i{transition:none}
.studio-app .academy-badges article{background:#1a2332;border:1px solid #303f54;border-radius:10px;box-shadow:none;color:#a4b1c5}.studio-app .academy-badges article>span{color:#a4b1c5;background:#1a2332;border-color:#303f54;animation:none}.studio-app .academy-badges article b{color:#a4b1c5}.studio-app .academy-badges article p{color:#a4b1c5;font-size:.75rem}.studio-app .academy-badges article small{color:#a4b1c5;font-size:.58rem}.studio-app .academy-badges article.unlocked{background:#1a2332;border-color:#303f54}.studio-app .academy-badges .unlocked>span{background:#1a2332;color:#9fef00}.studio-app .academy-badges .unlocked small{color:#9fef00}.studio-architecture{border-color:#303f54;background:#1a2332;border-radius:10px}.studio-architecture>summary{color:#a4b1c5;font-size:.8rem;padding:20px}.studio-architecture>summary span{color:#a4b1c5}
/* Study surfaces are light; conceptual network diagrams retain their dark canvas. */
.studio-app .lesson-title h1,.studio-app .soc-module-heading h1{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.15;letter-spacing:-.04em}.studio-app .story-heading h2{font-size:1.6rem;line-height:1.25;color:#e6edf6}.studio-app .story-heading p{font-size:.92rem;color:#a4b1c5;line-height:1.75;max-width:65ch}.studio-app .lesson-top,.studio-app .lesson-label{color:#a4b1c5}.studio-app .badge{background:#1a2332;color:#a4b1c5;border-color:#303f54}.studio-app .chapter-rail{border-color:#303f54}.studio-app .chapter-rail>button{color:#a4b1c5;border-radius:10px;font-size:.78rem}.studio-app .chapter-rail>button.current{background:#1a2332;color:#9fef00;border-color:#303f54}.studio-app .chapter-rail>button.current>span{color:#9fef00}.studio-app .chapter-rail>button.done{color:#a5dc8a}.studio-app .context-card{background:#1a2332;border-color:#303f54;color:#a4b1c5}.studio-app .context-card b{color:#a4b1c5}.studio-app .context-card p,.studio-app .context-card small{color:#a4b1c5}.studio-app .atlas-lesson-progress{background:#1a2332;border-color:#303f54;color:#a5dc8a;border-radius:10px;font-size:.78rem}
.studio-workspace{gap:22px}.studio-simulation{border:1px solid #303f54;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px #1d3a5007;background:#12273b}.studio-simulation-title{background:#1a2332;border-color:#303f54;padding:18px 20px;color:#a4b1c5;font-family:inherit;font-size:.6rem;letter-spacing:.08em}.studio-case-panel{background:#1a2332;border:1px solid #303f54;box-shadow:0 4px 20px #1d3a5007;border-radius:10px}.studio-case-header{background:#1a2332;border-color:#303f54;padding:24px 23px 19px}.studio-case-header>span{font-family:inherit;font-size:.6rem;color:#a4b1c5;letter-spacing:.12em}.studio-case-header>b{font-family:inherit;font-size:1.4rem;color:#e6edf6;letter-spacing:-.03em}.studio-case-tabs{background:#1a2332;border:0;margin:0 17px 17px;padding:4px;border-radius:10px;gap:4px}.studio-case-tabs button{font-size:.75rem;color:#a4b1c5;min-height:40px;border:0;border-radius:8px}.studio-case-tabs button[aria-selected=true]{background:#1a2332;color:#9fef00;box-shadow:0 2px 6px #29405c12;border:0}.studio-case-panel .tech-evidence{background:#1a2332}.studio-case-panel .tech-evidence p{background:#1a2332;border-color:#303f54;color:#a4b1c5;font-size:.84rem;line-height:1.75;border-radius:10px}.studio-case-panel .tech-evidence p span{color:#9fef00}.studio-case-panel .knowledge-check{background:#1a2332;border:0}.studio-case-panel .knowledge-check h3{font-size:1.2rem;line-height:1.4;color:#e6edf6}.studio-case-panel .answer-options button,.studio-app .answer-options button{background:#1a2332;border:1px solid #303f54;color:#a4b1c5;font-size:.83rem;line-height:1.65;border-radius:10px;padding:15px;min-height:54px}.studio-case-panel .answer-options button>span,.studio-app .answer-options button>span{background:#1a2332;color:#a4b1c5;border-radius:6px}.studio-case-panel .answer-options button:hover,.studio-app .answer-options button:hover{background:#1a2332;border-color:#303f54}.studio-case-panel .answer-options button.correct,.studio-app .answer-options button.correct{background:#1a2332;border-color:#3d6046;color:#a5dc8a}.studio-case-panel .answer-options button.incorrect,.studio-app .answer-options button.incorrect{background:#1a2332;border-color:#704c40;color:#f5a29c}.studio-case-panel .answer-options button:disabled{opacity:.7}.studio-case-panel .answer-options button.correct:disabled{opacity:1}.studio-case-panel .tech-feedback{background:#1a2332;color:#a5dc8a;border-color:#3d6046;border-radius:10px}.studio-case-panel .tech-feedback p{color:#a5dc8a;font-size:.83rem}.studio-case-panel .tech-feedback.incorrect{background:#1a2332;border-color:#704c40}.studio-case-panel .tech-feedback.incorrect p{color:#f5a29c}.studio-gate{background:#1a2332;border-color:#303f54;color:#a4b1c5}.studio-brief{background:#1a2332;border-color:#303f54;border-radius:10px}.studio-brief>summary,.studio-brief>summary span{color:#a4b1c5}.studio-app .source-note,.studio-app summary,.studio-app details a{color:#a4b1c5}.studio-app .source-note p{font-size:.78rem;color:#a4b1c5}.studio-app .tech-route>div{color:#a4b1c5;border-color:#303f54}.studio-app .tech-route>div.active{background:#1a2332;color:#9fef00;border-color:#303f54}.studio-app .tech-route span{background:#1a2332;color:#a4b1c5}
.fluid-edition #motion-dock{background:#1a2332e8;backdrop-filter:blur(18px);border:1px solid #303f54;border-radius:10px;box-shadow:0 4px 15px #29425d05}.fluid-edition #motion-dock>button{color:#a4b1c5;background:#1a2332;border-color:#303f54;border-radius:9px;font-size:.74rem}.motion-dock-title b{color:#e6edf6}.motion-dock-title span{color:#a4b1c5}.motion-dock-track{background:#1a2332}.motion-dock-track i{background:#9fef00}.studio-app .motion-switcher>button{background:#1a2332;border-color:#303f54;color:#a4b1c5;border-radius:10px}.studio-app .motion-switcher>button[aria-current]{background:#1a2332;border-color:#303f54}.studio-app .motion-switcher small,.studio-app .motion-switcher em{color:#a4b1c5}.studio-app .motion-switcher b{color:#a4b1c5}.studio-app .motion-next-mission{background:#1a2332;border-color:#303f54;color:#a4b1c5;border-radius:10px}
/* Inside the dark simulation, preserve diagram contrast explicitly. */
.studio-simulation .motion-flow-console{background:#142b40;border-color:#303f54}.studio-simulation .motion-flow-console h3,.studio-simulation .motion-flow-console p{color:#dce6f2}.studio-simulation .motion-flow-console .small-label,.studio-simulation .motion-flow-disclaimer{color:#dce6f2}.studio-simulation .motion-phase-buttons button{background:#1c354c;color:#dce6f2;border-color:#303f54}.studio-simulation .motion-phase-buttons button[aria-pressed=true]{background:#345951;color:#dce6f2;border-color:#3d6046}.atlas-scene-outcome p{color:#dce6f2}.atlas-scene-outcome.supported p{color:#dce6f2}.atlas-scene-outcome.review p{color:#dce6f2}.atlas-domain-scene .ux-mobile-flow p{color:#dce6f2}.atlas-domain-scene .ux-mobile-flow b{color:#dce6f2}.studio-app .simulation{background:#13283c;border-color:#303f54;border-radius:10px}.studio-app .simulation-top{color:#dce6f2;background:#173047}.studio-app .simulation-result{background:#1a2332;color:#a4b1c5;border-color:#303f54}.studio-app .simulation-result p{color:#a4b1c5}.studio-app .simulation-result b{color:#a4b1c5}.studio-app .experiment-panel,.studio-app .control-grid fieldset{background:#1a2332;border-color:#303f54;border-radius:10px}.studio-app .control-grid legend{color:#a4b1c5;font-size:.8rem}.studio-app select,.studio-app textarea{color:#a4b1c5;background:#1a2332;border-color:#303f54;border-radius:9px;min-height:44px}.studio-app .toggle-label{color:#a4b1c5;font-size:.82rem}.studio-app .policy-explanation p,.studio-app .payload p{color:#a4b1c5}.studio-app .policy-explanation>span,.studio-app .payload>span{color:#9fef00}.studio-app .document-preview{background:#1a2332;border-color:#303f54;color:#a4b1c5}.studio-app .learning-grid article{background:#1a2332;border-color:#303f54}.studio-app .learning-grid article:nth-child(2){background:#1a2332;border-color:#303f54}.studio-app .learning-grid h3{color:#e6edf6}.studio-app .learning-grid p{color:#a4b1c5}.studio-app .learning-grid article:nth-child(2) p{color:#e9bd78}.studio-app .knowledge-check{background:#1a2332;border-color:#303f54;border-radius:10px}.studio-app .takeaway p{color:#a4b1c5}.studio-app .quiz-feedback.correct{color:#a5dc8a}.studio-app .quiz-feedback.incorrect{color:#f5a29c}.studio-app .tech-score,.studio-app .tech-review article{background:#1a2332;border-color:#303f54;border-radius:10px}.studio-app .tech-score strong{color:#9fef00}.studio-app .tech-review p{color:#a4b1c5}
/* SOC workspace */
.studio-app .soc-intro h1{font-size:clamp(2rem,3.8vw,3.5rem);letter-spacing:-.045em;line-height:1.12}.studio-app .soc-intro h1 em{color:#9fef00}.studio-app .soc-intro .lead{color:#a4b1c5;font-size:.95rem;line-height:1.75}.studio-app .soc-intro-tags{color:#a4b1c5;font-size:.73rem}.studio-app .soc-route article{background:#1a2332;border-color:#303f54;border-radius:10px}.studio-app .soc-route article>span{color:#9fef00;background:#1a2332;border-color:#303f54}.studio-app .soc-route h3{color:#e6edf6}.studio-app .soc-route p{color:#a4b1c5}.studio-app .soc-evidence-dock,.studio-app .soc-case-panel,.studio-app .soc-controls,.studio-app .soc-handoff,.studio-app .soc-final{background:#1a2332;border-color:#303f54;border-radius:10px}.studio-app .soc-section-head h2,.studio-app .soc-case-panel h2,.studio-app .soc-controls h2{color:#a4b1c5}.studio-app .soc-section-head>span{color:#a4b1c5}.studio-app .soc-evidence-grid button{background:#1a2332;color:#a4b1c5;border-color:#303f54;border-radius:10px;min-height:64px}.studio-app .soc-evidence-grid button>b{color:#a4b1c5}.studio-app .soc-evidence-grid button>small{color:#a4b1c5}.studio-app .soc-evidence-grid button.seen{background:#1a2332;border-color:#303f54}.studio-app .soc-evidence-grid button.seen>small{color:#a5dc8a}.studio-app .soc-alert{background:#1a2332;border-color:#303f54;border-radius:10px}.studio-app .soc-alert h3{color:#a4b1c5}.studio-app .soc-alert p,.studio-app .soc-case-panel p{color:#a4b1c5}.studio-app .soc-levels>span{background:#1a2332;color:#a4b1c5;border-color:#303f54}.studio-app .soc-levels>span.active{background:#1a2332;color:#9fef00;border-color:#303f54}.studio-app .soc-levels>span.done{background:#1a2332;color:#a5dc8a;border-color:#303f54}.studio-app .soc-levels>b{color:#a4b1c5}.studio-app .soc-scene{border-color:#303f54;border-radius:10px;color:#dce6f2}.studio-app .soc-scene-top{background:#132e42;color:#dce6f2}.studio-app .soc-dispatch{background:#173247;color:#dce6f2}.studio-app .soc-dispatch b{color:#dce6f2}.studio-app .soc-dispatch>span{color:#dce6f2}.studio-app .soc-meta{color:#a4b1c5}.studio-app .soc-choice-grid button,.studio-app [data-choice]{background:#1a2332;border-color:#303f54;color:#a4b1c5}.studio-app .soc-choice-grid button.selected,.studio-app [data-choice][aria-pressed=true]{background:#1a2332;color:#9fef00;border-color:#303f54}.studio-app .soc-action-grid button{background:#1a2332;border-color:#303f54;color:#a4b1c5}.studio-app .soc-action-grid button.chosen{background:#1a2332;border-color:#303f54;color:#9fef00}
/* Account, dialogs, focus, and accessible status. */
.studio-app #atlas-account{font-size:.67rem;min-height:36px;background:#1a2332;color:#a5dc8a;border:1px solid #303f54;border-radius:10px}.studio-app #atlas-account[data-sync=pending],.studio-app #atlas-account[data-sync=unavailable]{background:#1a2332;color:#f5a29c;border-color:#303f54}.studio-app #atlas-hud{font-size:.69rem;color:#a4b1c5;background:#1a2332;border:1px solid #303f54;border-radius:10px;min-height:36px;box-shadow:none}.studio-app #motion-toggle,.studio-app .atlas-focus-toggle{font-size:.66rem;color:#a4b1c5;border:1px solid #303f54;background:#1a23329c;border-radius:10px;min-height:36px}.studio-app .atlas-focus-toggle[aria-pressed=true]{background:#1a2332;color:#9fef00;border-color:#303f54}.account-loading{background:#1a2332;color:#a4b1c5;border:1px solid #303f54;box-shadow:0 10px 35px #25436719;border-radius:10px}.fluid-edition dialog{border:1px solid #303f54;background:#1a2332ff;color:#e6edf6;border-radius:10px;box-shadow:0 24px 100px #162c4b35;padding:36px;max-width:700px;max-height:88dvh;overscroll-behavior:contain;animation:none!important;transition:none;isolation:isolate}.fluid-edition dialog::backdrop{background:#0b182454;backdrop-filter:blur(7px)}.fluid-edition dialog p,.fluid-edition dialog li{font-size:.87rem;line-height:1.8;color:#a4b1c5}.fluid-edition dialog h2{font-size:1.85rem;line-height:1.15;margin:12px 0 22px}.fluid-edition dialog h3{color:#a4b1c5}.fluid-edition dialog a{color:#9fef00}.fluid-edition dialog .close{background:#1a2332;color:#a4b1c5;border:0;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;padding:0;font-size:.9rem;min-height:32px}.fluid-edition dialog .eyebrow{font-family:inherit;color:#9fef00;font-size:.63rem;font-weight:600;letter-spacing:.12em}.fluid-edition .account-status{background:#1a2332;border-color:#303f54;color:#a5dc8a;border-radius:10px}.fluid-edition .account-status span{color:#a5dc8a}.fluid-edition .account-import{background:#1a2332;border-color:#303f54;border-radius:10px}.fluid-edition #atlas-alias{background:#1a2332;border-color:#303f54;border-radius:10px;color:#a4b1c5;padding:12px;font-size:.9rem}.fluid-edition .passport-list article{background:#1a2332;border-color:#303f54;color:#a4b1c5;border-radius:10px}.fluid-edition .passport-list small{color:#a4b1c5}.fluid-edition .passport-list article>span{color:#9fef00}.fluid-edition #atlas-toast{background:#1a2332;color:#a4b1c5;border:1px solid #303f54;box-shadow:0 10px 40px #20486420;border-radius:10px;animation:none}.fluid-edition #atlas-toast>span{color:#9fef00;background:#1a2332}.studio-app #ux-top{background:#1a2332;color:#9fef00;border:1px solid #303f54;box-shadow:0 5px 15px #19385211;border-radius:50%}
/* Restraint: motion belongs to explanation playback, not ambient decoration. */
.fluid-edition .studio-feature-art img,.fluid-edition .atlas-cover-center,.fluid-edition .atlas-cover-dot,.fluid-edition .beacon,.fluid-edition .studio-node-light,.fluid-edition .soc-typing,.fluid-edition .soc-screen-lines,.fluid-edition .studio-route-progress i{animation:none!important}.fluid-edition .module-card.motion-reveal,.fluid-edition .academy-badges article.motion-reveal{opacity:1;transform:none}.fluid-edition .atlas-link,.fluid-edition .atlas-cover-transit,.fluid-edition .studio-transit,.fluid-edition .stream{animation-play-state:paused}.fluid-edition .studio-flow-packet,.fluid-edition .moving-packet{visibility:hidden}.fluid-edition .tech-map:has(.motion-replay[aria-pressed=true]) .studio-flow-packet{visibility:visible}.fluid-edition .tech-map:has(.motion-replay[aria-pressed=true]) .atlas-link{animation-play-state:running}.fluid-edition .atlas-focus-mode>main{max-width:1500px}.fluid-edition .atlas-focus-mode .studio-workspace{grid-template-columns:minmax(0,1.6fr) minmax(340px,1fr)}
@media(max-width:1150px){.studio-app>main{padding:30px 25px 60px}.studio-app>header{padding:14px 25px}.studio-feature{padding:28px;min-height:400px}.studio-feature h2{font-size:1.85rem}.studio-feature p{font-size:.8rem;max-width:250px}.studio-feature-grid{grid-template-columns:minmax(0,1fr) 245px;gap:18px}.studio-player{padding:23px 19px}.studio-route-card{padding:22px 18px}.studio-route-card h3{font-size:1.2rem}.studio-route-card p{font-size:.75rem;min-height:5em}.studio-app>header .brand{display:none}.studio-app>header nav{width:100%;justify-content:flex-end}}
@media(max-width:900px){.studio-feature-grid{grid-template-columns:1fr}.studio-feature{min-height:390px}.studio-feature h2{font-size:2.2rem;max-width:380px}.studio-feature .studio-feature-copy{max-width:400px}.studio-player{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px}.studio-player-title{grid-column:1/-1}.studio-player-stats{margin:0;padding-top:16px}.studio-profile-actions{padding-top:16px}.studio-route-grid{grid-template-columns:1fr}.studio-route-card p{min-height:0}.fluid-edition .atlas-focus-mode .studio-workspace{grid-template-columns:1fr}}
@media(max-width:700px){:root{--studio-sidebar:0px}.studio-app>header{margin-left:0;padding:12px 16px;min-height:68px}.studio-app>header nav{flex-wrap:wrap;gap:7px;justify-content:space-between}.studio-app #atlas-account,.studio-app #atlas-hud,.studio-app #motion-toggle{font-size:.62rem;min-height:34px;padding:8px}.studio-app #motion-toggle{margin-left:auto}.studio-app>main{padding:26px 20px 100px}.studio-intro{display:block;margin-bottom:25px}.studio-intro h1{font-size:2.25rem;line-height:1.08;max-width:10em}.studio-intro p{font-size:.85rem}.studio-session{display:none}.studio-feature{padding:30px 25px;min-height:430px;border-radius:10px}.studio-feature h2{font-size:2rem;max-width:280px}.studio-feature p{font-size:.83rem;max-width:250px}.studio-feature:before{background:linear-gradient(90deg,#102139ef,#10213bd9 65%,#172c4360),linear-gradient(0deg,#102036c9,transparent)}.studio-feature-tags{font-size:.65rem;line-height:1.8}.studio-player{display:block;padding:25px}.studio-player .academy-profile{margin:20px 0}.studio-player .academy-profile b{font-size:.92rem}.studio-player .academy-profile small{font-size:.75rem}.studio-player-stats{margin-top:18px;padding-top:18px}.studio-profile-actions{padding-top:18px}.studio-resume{font-size:.8rem;padding:18px;margin-bottom:32px}.studio-section-heading h2{font-size:1.6rem}.studio-route-card{padding:25px}.studio-route-card h3{font-size:1.5rem}.studio-route-card p{font-size:.86rem}.studio-catalog-bar{display:flex;flex-wrap:wrap}.studio-catalog-bar>label:first-child{width:100%}.studio-app .filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.studio-app .filters button{flex-shrink:0;font-size:.72rem;min-height:40px}.studio-home .module-grid{gap:22px}.studio-home .module-card{padding:24px}.studio-card-art{margin:-24px -24px 22px;height:155px}.studio-card-art .atlas-cover{height:155px}.studio-home .module-full{font-size:.85rem}.studio-home .story-title{font-size:1.05rem}.studio-home .category{font-size:.65rem}.studio-home .badge{font-size:.56rem}.studio-home .card-button{font-size:.8rem}.studio-side-nav{position:fixed!important;inset:auto 12px 12px!important;background:#1a2332ed!important;backdrop-filter:blur(22px) saturate(1.4);border:1px solid #303f54!important;border-radius:10px!important;box-shadow:0 5px 30px #193c5c22!important;padding:7px!important;display:flex!important;flex-direction:row;gap:4px!important;isolation:isolate}.studio-side-nav button{flex:1;background:transparent!important;color:#a4b1c5!important;display:flex;flex-direction:column;gap:3px;padding:6px 3px!important;min-height:46px;border-radius:10px;z-index:1;font-size:0}.studio-side-nav button>span:first-child{font-size:1.2rem!important;color:#a4b1c5!important}.studio-side-nav button:after{font-family:inherit;font-size:.6rem;color:inherit;font-weight:550}.studio-side-nav button.active{color:#9fef00!important;background:#1a2332!important}.studio-side-nav button.active>span:first-child{color:#9fef00!important}.studio-side-nav .fluid-selection{display:none}.studio-app .story-heading h2{font-size:1.45rem}.studio-case-header>b{font-size:1.4rem}.studio-case-panel .answer-options button{font-size:.86rem;min-height:56px}.studio-app .chapter-rail>button{min-width:90px;flex-shrink:0;min-height:55px}.studio-app .chapter-rail>button>b{font-size:.62rem}.studio-app .chapter-rail{scroll-snap-type:x proximity}.studio-app .chapter-rail>button{scroll-snap-align:center}.studio-app .atlas-dlp-mobile button{min-height:60px;border-radius:10px}.studio-app .atlas-dlp-mobile button>b{font-size:.8rem}.studio-app .soc-intro h1{font-size:2.4rem}.studio-app .soc-route p{font-size:.84rem}.fluid-edition dialog{width:100%;max-width:none;max-height:92dvh;margin:auto 0 0;border-radius:10px 10px 0 0;padding:30px 25px calc(30px + env(safe-area-inset-bottom));border-bottom:0}.fluid-edition dialog:before{content:'';display:block;position:sticky;top:-17px;width:34px;height:4px;background:#202d40;border-radius:3px;margin:-14px auto 23px}.fluid-edition dialog h2{font-size:1.65rem}.fluid-edition dialog p,.fluid-edition dialog li{font-size:.87rem}.fluid-edition dialog .close{width:36px;height:36px;min-height:36px}.studio-app>footer{padding:23px 20px 90px}}
@media(prefers-reduced-motion:reduce){.fluid-edition *{scroll-behavior:auto!important}.fluid-edition dialog{transform:none!important}.fluid-edition .fluid-selection{transition:none!important}.fluid-edition .studio-flow-packet{display:none!important}}
@media(prefers-reduced-transparency:reduce){.studio-app>header,.studio-side-nav,#studio-sidebar,.fluid-edition #motion-dock{backdrop-filter:none!important;background:#1a2332!important}.fluid-edition dialog::backdrop{backdrop-filter:none;background:#10203399}}
@media(prefers-contrast:more){.studio-app{--fluid-secondary:#e6edf6;--muted:#e6edf6;--fluid-line:#303f54}.studio-app>header,#studio-sidebar,.studio-case-panel,.studio-route-card,.studio-home .module-card,.studio-player,.fluid-edition dialog{border:1px solid #303f54;background-color:#1a2332}.studio-app p,.fluid-edition dialog p,.fluid-edition dialog li{color:#a4b1c5}.studio-feature p{color:white}.fluid-edition dialog::backdrop{backdrop-filter:none;background:#071321b3}}
@media print{.fluid-edition dialog{position:static;max-height:none;transform:none!important;opacity:1!important;box-shadow:none}.fluid-edition #atlas-account,.fluid-edition .fluid-selection{display:none}.studio-app>main{margin:0;padding:0}.studio-app{background:#1a2332;color:black}}

.fluid-edition #motion-dock .motion-dock-title b{color:#a4b1c5}.fluid-edition #motion-dock .motion-dock-title span{color:#a4b1c5}

@media(max-width:700px){.studio-app>header nav #atlas-hud{display:inline-flex;align-items:center}.studio-app>header nav #motion-toggle{margin-left:0}}

/* SOC decision and report states use the same semantic surfaces as the case labs. */
.studio-app .soc-levels{background:#1a2332;border:1px solid #303f54;border-radius:10px}.studio-app .soc-levels>i{color:#a4b1c5}
.studio-app .soc-classify-grid article,.studio-app .soc-report-panel,.studio-app .soc-ticket{background:#1a2332;border:1px solid #303f54;border-radius:10px}.studio-app .soc-classify-grid .small-label{color:#a4b1c5}.studio-app .soc-choice-row button{border-radius:10px;font-size:.78rem;min-height:44px}.studio-app .soc-choice-row button.chosen,.studio-app [data-choice].chosen{background:#1a2332;border:1px solid #303f54;color:#9fef00;box-shadow:0 0 0 1px #a6c9f333}.studio-app .soc-choice-row button.chosen:before{content:'✓ ';font-weight:700}.studio-app .soc-evidence-grid button>span{color:#a4b1c5}.studio-app .soc-evidence-grid button.seen>span{color:#a5dc8a}.studio-app .soc-alert-tag{color:#f5a29c}.studio-app .soc-alert-tag.mild{color:#a4b1c5}
.studio-app .soc-action-grid button>b{color:#a4b1c5}.studio-app .soc-action-grid button>small{color:#a4b1c5}.studio-app .soc-action-grid button>span{color:#9fef00;background:#1a2332}.studio-app .soc-action-grid button.executed{background:#1a2332;border-color:#303f54}.studio-app .soc-action-grid button.executed>span,.studio-app .soc-action-grid button.executed>small{color:#a5dc8a}.studio-app .soc-action-grid button.executed.negative{background:#1a2332;border-color:#704c40}.studio-app .soc-action-grid button.executed.negative>span,.studio-app .soc-action-grid button.executed.negative>small{color:#f5a29c}
.studio-app .soc-feedback{background:#1a2332;border:1px solid #303f54;border-radius:10px;color:#a5dc8a}.studio-app .soc-feedback>b,.studio-app .soc-feedback p{color:#a5dc8a}.studio-app .soc-feedback.negative{background:#1a2332;border-color:#704c40}.studio-app .soc-feedback.negative>b,.studio-app .soc-feedback.negative p{color:#f5a29c}.studio-app .soc-state-map>div{background:#1a2332;border-color:#303f54}.studio-app .soc-state-map>div>span,.studio-app .soc-state-map b{color:#a4b1c5}.studio-app .soc-state-map small{color:#a4b1c5}.studio-app .soc-state-map>div.secured{background:#1a2332;border-color:#303f54}.studio-app .soc-state-map>div.secured>span,.studio-app .soc-state-map>div.secured small{color:#a5dc8a}.studio-app .soc-service{background:#1a2332;border-color:#303f54;color:#a4b1c5}.studio-app .soc-service b{color:#a4b1c5}.studio-app .soc-bottom>details{background:#1a2332;border-color:#303f54;border-radius:10px}.studio-app .soc-evidence-text{background:#1a2332;border-color:#303f54;color:#a4b1c5}.studio-app .soc-evidence-text p,.studio-app .soc-evidence-text li{color:#a4b1c5}.studio-app .soc-report-panel p,.studio-app .soc-report-panel li,.studio-app .soc-ticket p{color:#a4b1c5}.studio-app .soc-report-panel h3{color:#a4b1c5}.studio-app .soc-big-score{color:#9fef00}.studio-app .soc-big-score small{color:#a4b1c5}.studio-app .soc-score-row b{color:#a4b1c5}.studio-app .soc-score-row>div:first-child{color:#a4b1c5}.studio-app .soc-score-row>div:last-child{background:#1a2332}.studio-app .soc-score-row i{background:#9fef00}.studio-app .soc-xp-banner>div{background:#1a2332;border-color:#303f54;border-radius:10px;color:#a4b1c5}.studio-app .soc-xp-banner b{color:#9fef00}.studio-app .soc-xp-banner span{color:#a4b1c5}.studio-app .soc-badge-grid article{background:#1a2332;border-color:#303f54;border-radius:10px}.studio-app .soc-badge-grid article>span{background:#1a2332;color:#9fef00}.studio-app .soc-badge-grid h3{color:#a4b1c5}.studio-app .soc-badge-grid p{color:#a4b1c5}
.studio-app .academy-map{--ink:#dce6f2;--muted:#dce6f2;--mint:#dce6f2;--line:#36516c;color:#dce6f2}.studio-app .academy-map p{color:#dce6f2}.studio-app .map-layer{color:#dce6f2}.studio-app .map-layer b{color:#dce6f2}.studio-app .map-layer small{color:#dce6f2}
.studio-app .studio-resume>span:last-child{color:#9fef00;font-weight:600}

/* Cyber edition: dark navy and lime, inspired by cybersecurity lab interfaces. */
:root{color-scheme:dark;--fluid-blue:#9fef00;--studio-accent:#9fef00;--fluid-canvas:#111927;--fluid-card:#1a2332;--fluid-text:#e6edf6;--fluid-secondary:#a4b1c5;--fluid-line:#303f54;--ink:#e6edf6;--muted:#a4b1c5;--mint:#9fef00;--fluid-radius:10px}
body.studio-app{background:radial-gradient(ellipse at 65% 0,#9fef0007,transparent 55%),#111927}#studio-sidebar{background:#141d2b;border-right:1px solid #28364b}.studio-app>header{background:#111927ed;backdrop-filter:blur(18px);box-shadow:0 1px 0 #29374c}.studio-brand>span{background:#9fef00;color:#111927;border-radius:7px;box-shadow:none}.studio-brand{color:#f0f5fc}.studio-brand small{color:#8999b0}.fluid-selection{background:#253529;border:1px solid #9fef0033;box-shadow:inset 3px 0 #9fef00}.studio-side-nav button.active,.studio-side-nav button.active>span:first-child{color:#9fef00}.studio-side-note{background:#1a2637;border:1px solid #2a3b52}.studio-intro h1 em{color:#9fef00}.studio-intro h1{font-weight:700}.studio-intro .eyebrow{font-family:Consolas,monospace;color:#9fef00;letter-spacing:.13em}.studio-feature{border:1px solid #344356;border-radius:12px}.studio-feature h2,.studio-feature p{color:#eef4fc}.studio-feature h2{font-weight:650}.studio-feature-art img{filter:saturate(.7)}.studio-feature:before{background:linear-gradient(90deg,#111927f5,#111927d9 45%,#11192722 85%)}
.studio-app .primary,.studio-app .card-button,.fluid-edition dialog .primary,.studio-feature .primary{background:#9fef00;color:#111927;border:1px solid #9fef00;box-shadow:none;border-radius:6px}.studio-app .primary:hover,.studio-app .card-button:hover,.fluid-edition dialog .primary:hover,.studio-feature .primary:hover{background:#b4ff27;color:#111927;border-color:#b4ff27}.studio-app .secondary,.fluid-edition dialog .secondary{background:#202c3e;border-color:#34445b;color:#c6d2e3}.studio-app .secondary:hover,.fluid-edition dialog .secondary:hover{background:#2c3c50;color:#f0f5fc;border-color:#5d7750}.studio-player{background:#1a2332;border-color:#303f54;box-shadow:none}.studio-player .academy-avatar{background:#283a25;color:#9fef00}.studio-player .xp-track i,.studio-route-progress i{background:#9fef00}.studio-player .xp-panel strong{color:#eef4fb}.studio-player-stats b{color:#f0f4fb}#studio-profile-actions .secondary{background:#9fef00;color:#111927;font-weight:650}#studio-profile-actions .secondary:hover{background:#b4ff27}.studio-resume{background:#192b28;border-color:#38533a}.studio-app .studio-resume>span:last-child{color:#9fef00}.studio-route-card{background:#1a2332;border-color:#303f54;box-shadow:none}.studio-route-card:hover,.studio-home .module-card:hover{border-color:#6b9c37;box-shadow:0 0 0 1px #9fef0012}.studio-home .module-card{background:#1a2332;box-shadow:none}.studio-card-art{background:#101c2b}.studio-home .category{font-family:Consolas,monospace}.studio-app .filters button.active{background:#263923;color:#b3f355;border-color:#9fef004d}.studio-route-card footer b,.studio-home .academy-card-xp b{color:#9fef00}.studio-route-card .studio-route-icon{background:#253824;color:#9fef00}.studio-app .badge.ready{color:#b8f275;background:#263923;border-color:#4c6c35}.studio-case-tabs button[aria-selected=true]{background:#2b3c25;color:#b4ef55;box-shadow:none}.studio-case-panel .answer-options button.correct,.studio-app .answer-options button.correct{background:#273d29;color:#c5efae;border-color:#5d8747}.studio-case-panel .answer-options button.incorrect,.studio-app .answer-options button.incorrect{background:#42292d;color:#f3b5ac;border-color:#956058}.studio-app .soc-choice-row button.chosen,.studio-app [data-choice].chosen{background:#2d4126;border-color:#729f43;color:#c4f19f}.studio-app #atlas-account{color:#b9e87d;background:#253723;border-color:#4b6738}.studio-app #atlas-hud{color:#c6eaa1;background:#1d2b26;border-color:#3a5140}.studio-app #motion-toggle,.studio-app .atlas-focus-toggle{background:#1a2332;color:#a9bad0;border-color:#34445b}.studio-app #atlas-account[data-sync=pending],.studio-app #atlas-account[data-sync=unavailable]{background:#3b3022;color:#e9c189;border-color:#755d39}.fluid-edition dialog{background:#1a2332;color:#e6edf6;border-color:#3b4d64;box-shadow:0 24px 100px #0008}.fluid-edition dialog::backdrop{background:#050b15aa}.fluid-edition dialog .close{background:#28384d;color:#c8d8eb}.fluid-edition #atlas-toast{background:#1c2b39;color:#d1e6c1;border-color:#527140}.studio-app #ux-top{background:#202d40;color:#9fef00;border-color:#42563a}.studio-app .atlas-focus-toggle[aria-pressed=true]{background:#2b3e25;color:#b4ef55;border-color:#648744}
@media(max-width:700px){.studio-side-nav{background:#141e2ef5!important;border-color:#344359!important;box-shadow:0 8px 30px #0005!important}.studio-side-nav button{color:#a0b0c6!important}.studio-side-nav button>span:first-child{color:#a0b0c6!important}.studio-side-nav button.active{color:#a4ed34!important;background:#2b3c25!important}.studio-side-nav button.active>span:first-child{color:#9fef00!important}}
@media(prefers-reduced-transparency:reduce){.studio-app>header,.studio-side-nav,#studio-sidebar,.fluid-edition #motion-dock{background:#141d2b!important;backdrop-filter:none!important}}
@media(prefers-contrast:more){.studio-app{--fluid-secondary:#d0dced;--muted:#d0dced}.studio-app>header,#studio-sidebar,.studio-case-panel,.studio-route-card,.studio-home .module-card,.studio-player,.fluid-edition dialog{background-color:#141d2b;border-color:#71849d}.studio-app p,.fluid-edition dialog p,.fluid-edition dialog li{color:#d1dceb}}

/* Fase 1: claridad de tarea y resultados. Conserva la paleta Cyber. */
.studio-app .studio-resume{margin:0 0 24px;background:#192b28;border:1px solid #6a9137;gap:16px;text-align:left}
.studio-app .studio-resume small{color:#c4d1e1;font-size:11px;letter-spacing:.07em}
.studio-app .studio-resume>span:last-child{background:#9fef00;color:#111927;padding:12px 16px;border-radius:6px;font-weight:700;white-space:nowrap}
.studio-app .studio-player-stats{display:none}
.studio-app .studio-player .xp-panel strong{font-size:32px}
.studio-app #studio-profile-actions .secondary{background:#202c3e;color:#c6d2e3;border:1px solid #34445b}
.studio-app #studio-profile-actions .secondary:hover{background:#2c3c50;color:#f0f5fc}
.studio-app #atlas-hud{background:transparent;border-color:#34445b;color:#c4d1e1}
.studio-app #atlas-account[data-sync=offline]{background:#3b3022;color:#e9c189;border-color:#755d39}
.studio-app .soc-criteria{margin-top:24px;padding:16px;border:1px solid #34445b;border-radius:8px;background:#111927}
.studio-app .soc-criteria h3{font-size:16px;margin:0 0 10px;color:#e6edf6}
.studio-app .soc-criteria ul{padding-left:20px;margin:0 0 12px}
.studio-app .soc-criteria li{margin:8px 0;color:#e9c189;line-height:1.5}
.studio-app .soc-criteria.met{border-color:#527140}
.studio-app .soc-criteria.met p:first-of-type{color:#c5efae}
.studio-app .soc-outcome{padding:16px;border:1px solid #755d39;border-radius:8px;background:#30291f;color:#f1d3aa;line-height:1.6}
.studio-app .soc-outcome.met{border-color:#527140;background:#1d2b26;color:#c5efae}
.fluid-edition .legacy-archive{margin:24px 0;padding:16px;border:1px solid #34445b;border-radius:8px}
@media(max-width:700px){.studio-app .studio-resume{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px}.studio-app .studio-resume>div{min-width:0}.studio-app .studio-resume>span:last-child{grid-column:1/-1;text-align:center;margin:0}.studio-app .studio-resume b span{display:none}.studio-app .soc-criteria{padding:14px}}