.atlas-main{width:min(calc(100% - 48px),1240px);margin:0 auto;padding:130px 0 110px}.atlas-hero{min-height:460px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:64px;align-items:end;padding:45px 0 56px}.atlas-hero h1{font-size:clamp(62px,8vw,116px);margin:25px 0 26px;max-width:980px}.atlas-hero>div>p:last-child{max-width:760px;color:#98a5bd;font-size:19px;line-height:1.7}.atlas-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden;background:rgba(13,19,36,.65);box-shadow:var(--shadow)}.atlas-hero-stats div{min-height:118px;padding:18px;display:flex;flex-direction:column;justify-content:end;border-right:1px solid var(--line)}.atlas-hero-stats div:last-child{border-right:0}.atlas-hero-stats strong{font-size:32px;letter-spacing:-.045em}.atlas-hero-stats span{color:#72819c;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.atlas-toolbar{position:sticky;top:94px;z-index:20;display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:12px;align-items:center;margin-bottom:16px;padding:12px;border:1px solid var(--line);border-radius:22px;background:rgba(7,11,22,.9);backdrop-filter:blur(18px);box-shadow:0 15px 55px rgba(0,0,0,.28)}.atlas-search{height:48px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:0 7px 0 15px;border:1px solid rgba(94,231,255,.18);border-radius:15px;background:#080e1b}.atlas-search>span{color:#62b6dc;font-size:21px}.atlas-search input{min-width:0;border:0;outline:0;background:transparent;color:#fff;font:600 14px/1.2 inherit}.atlas-search input::placeholder{color:#4f607d}.atlas-search button{border:0;border-radius:11px;padding:9px 13px;background:linear-gradient(120deg,#148dcc,#6752df);color:#fff;font-weight:800}.atlas-filters{display:flex;gap:6px;flex-wrap:wrap}.atlas-filter,.atlas-zoom button{border:1px solid var(--line);background:rgba(255,255,255,.025);color:#8391aa;cursor:pointer}.atlas-filter{min-height:38px;padding:0 10px;border-radius:999px;font-size:10px;font-weight:750}.atlas-filter.on{color:#fff;border-color:rgba(94,231,255,.24);background:rgba(57,182,255,.08)}.atlas-zoom{display:flex;border:1px solid var(--line);border-radius:13px;overflow:hidden}.atlas-zoom button{min-width:38px;height:38px;border:0;border-right:1px solid var(--line);font-weight:800}.atlas-zoom button:last-child{border-right:0}.atlas-zoom [data-zoom=reset]{min-width:58px;font-size:10px}
.atlas-workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.45fr);height:clamp(680px,72vh,780px);min-height:0;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:linear-gradient(145deg,rgba(12,20,37,.94),rgba(6,10,20,.9));box-shadow:var(--shadow)}.atlas-stage{position:relative;min-width:0;min-height:0;overflow:hidden;background-image:radial-gradient(rgba(255,255,255,.11) .6px,transparent .8px);background-size:25px 25px}.atlas-stage:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 120px rgba(0,0,0,.68)}.atlas-svg{display:block;width:100%;height:100%;min-height:0;touch-action:none;cursor:grab}.atlas-svg.dragging{cursor:grabbing}.atlas-edge{stroke:#30405b;stroke-width:1;opacity:.32;transition:opacity .18s,stroke .18s,stroke-width .18s}.atlas-edge.active{stroke:#5ee7ff;stroke-width:1.8;opacity:.86}.atlas-edge.muted{opacity:.055}.atlas-node{cursor:pointer;outline:none}.atlas-node circle{stroke:rgba(255,255,255,.22);stroke-width:1.2;transition:opacity .18s,stroke .18s}.atlas-node text{fill:#91a0ba;font-size:11px;font-weight:730;paint-order:stroke;stroke:#07101d;stroke-width:4px;stroke-linejoin:round;pointer-events:visiblePainted;cursor:pointer}.atlas-node.topic circle{fill:#39b6ff}.atlas-node.protocol circle{fill:#34d399}.atlas-node.experiment circle{fill:#8b5cf6}.atlas-node.lesson circle{fill:#fbbf24}.atlas-node.track circle{fill:#5ee7ff}.atlas-node:hover circle,.atlas-node:focus-visible circle,.atlas-node.active circle{stroke:#fff;stroke-width:1.2}.atlas-node.neighbor circle{stroke:#5ee7ff;stroke-width:1.2}.atlas-node.muted{opacity:.12}.atlas-node.hit circle{stroke:#fff;stroke-width:3;filter:url(#glow)}.atlas-status{position:absolute;left:18px;top:16px;z-index:4;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(7,11,22,.8);color:#7787a3;font-size:10px}.atlas-status.ok{color:#8abca9;border-color:rgba(52,211,153,.18)}.atlas-status.error{color:#d9a4a4;border-color:rgba(248,113,113,.22)}.atlas-legend{position:absolute;z-index:5;left:18px;bottom:18px;display:flex;gap:8px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(7,11,22,.82);backdrop-filter:blur(12px)}.atlas-legend span{display:inline-flex;align-items:center;gap:5px;color:#75849d;font-size:9px}.atlas-legend span:before{content:"";width:7px;height:7px;border-radius:50%;background:#39b6ff}.atlas-legend .t-protocol:before{background:#34d399}.atlas-legend .t-experiment:before{background:#8b5cf6}.atlas-legend .t-lesson:before{background:#fbbf24}.atlas-legend .t-track:before{background:#5ee7ff}.atlas-hint{position:absolute;z-index:5;right:18px;bottom:21px;margin:0;color:#4f617d;font-size:9px;letter-spacing:.06em}
.atlas-inspector{min-height:0;padding:30px;border-left:1px solid var(--line);background:rgba(8,13,25,.72);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.atlas-empty{min-height:100%;display:flex;flex-direction:column;justify-content:center}.atlas-orb{width:78px;height:78px;border-radius:50%;margin-bottom:30px;background:radial-gradient(circle at 36% 28%,rgba(255,255,255,.72),rgba(94,231,255,.2) 13%,rgba(57,182,255,.06) 38%,rgba(139,92,246,.22) 62%,rgba(7,11,22,.98) 76%);box-shadow:0 0 55px rgba(57,182,255,.14)}.atlas-inspector h2{font-size:clamp(28px,2.6vw,40px);overflow-wrap:anywhere;letter-spacing:-.045em;line-height:1.03;margin:12px 0 18px}.atlas-inspector p{color:#8795ae;line-height:1.65}.atlas-type{display:inline-block;padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:#7790ad;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.atlas-summary{font-size:15px}.atlas-relcount{margin-top:22px;padding:14px;border:1px solid rgba(94,231,255,.13);border-radius:15px;background:rgba(57,182,255,.035);display:flex;justify-content:space-between;gap:15px}.atlas-relcount strong{font-size:28px}.atlas-relcount span{font-size:10px;color:#71809a;align-self:end}.atlas-neighbors{display:grid;gap:7px;margin-top:16px}.atlas-neighbor{width:100%;padding:10px 11px;text-align:left;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);color:#b3bed1;cursor:pointer}.atlas-neighbor:hover,.atlas-neighbor:focus-visible{border-color:rgba(94,231,255,.3);color:#fff}.atlas-neighbor small{display:block;margin-top:2px;color:#5f718f}.atlas-detail-link{display:inline-flex;margin-top:23px;text-decoration:none;border-radius:999px;padding:10px 13px;background:rgba(57,182,255,.09);border:1px solid rgba(57,182,255,.22);color:#a6daf4;font-size:11px;font-weight:750}
.atlas-list-section{padding:105px 0 15px}.atlas-list-head{display:grid;grid-template-columns:1fr .7fr;gap:50px;align-items:end}.atlas-list-head h2{font-size:clamp(40px,5vw,72px);line-height:1;margin:12px 0 0;letter-spacing:-.05em}.atlas-list-head>p{color:#7d8ba5;line-height:1.65}.atlas-list{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:35px}.atlas-list button{min-height:76px;padding:14px;text-align:left;border:1px solid var(--line);border-radius:15px;background:rgba(12,18,34,.58);color:#fff;cursor:pointer}.atlas-list button:hover,.atlas-list button:focus-visible{border-color:rgba(94,231,255,.32);background:rgba(16,25,46,.82)}.atlas-list strong{display:block;font-size:13px}.atlas-list small{display:block;margin-top:4px;color:#657690;font-size:9px;text-transform:uppercase}.atlas-list-empty{grid-column:1/-1;padding:35px;border:1px dashed var(--line);border-radius:16px;color:#71819b;text-align:center}
@media(max-width:1180px){.atlas-toolbar{grid-template-columns:1fr auto}.atlas-filters{grid-column:1/-1}.atlas-workspace{grid-template-columns:1fr;height:auto;min-height:0}.atlas-stage{height:760px}.atlas-inspector{border-left:0;border-top:1px solid var(--line);min-height:300px}.atlas-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.atlas-main{width:calc(100% - 30px);padding-top:96px}.atlas-hero{grid-template-columns:1fr;gap:28px;min-height:0}.atlas-hero h1{font-size:clamp(54px,15vw,78px)}.atlas-hero>div>p:last-child{font-size:16px}.atlas-toolbar{top:78px;grid-template-columns:1fr;padding:9px}.atlas-filters{grid-column:auto;overflow:auto;flex-wrap:nowrap}.atlas-filter{white-space:nowrap}.atlas-zoom{justify-self:end}.atlas-stage{height:620px}.atlas-svg{height:100%}.atlas-hint{display:none}.atlas-legend{right:14px;left:14px}.atlas-list-head{grid-template-columns:1fr}.atlas-list{grid-template-columns:1fr 1fr}}@media(max-width:480px){.atlas-search{grid-template-columns:auto 1fr}.atlas-search button{display:none}.atlas-hero-stats{grid-template-columns:1fr}.atlas-hero-stats div{min-height:68px;border-right:0;border-bottom:1px solid var(--line)}.atlas-hero-stats div:last-child{border-bottom:0}.atlas-list{grid-template-columns:1fr}.atlas-stage{height:560px}.atlas-svg{height:100%}}@media(prefers-reduced-motion:reduce){.atlas-edge,.atlas-node circle{transition:none}}


/* Atlas interaction clarity + focus effects 0.42.6.3 */
#atlas-map{scroll-margin-top:158px}
.atlas-stage{isolation:isolate}
.atlas-stage.selection-flash:before{
  content:"";position:absolute;inset:-18%;z-index:0;pointer-events:none;
  background:radial-gradient(circle at 50% 48%,rgba(94,231,255,.09),transparent 32%),radial-gradient(circle at 52% 52%,rgba(139,92,246,.07),transparent 47%);
  animation:atlasStageFlash .72s ease-out both;
}
.atlas-svg,.atlas-status,.atlas-guide,.atlas-legend,.atlas-hint{position:relative;z-index:2}
.atlas-guide{
  position:absolute;z-index:7;top:16px;right:16px;width:min(340px,calc(100% - 220px));display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:stretch;
  padding:8px;border:1px solid rgba(94,231,255,.14);border-radius:16px;
  background:linear-gradient(145deg,rgba(10,17,32,.9),rgba(8,12,25,.82));
  box-shadow:0 14px 48px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(18px) saturate(140%);transition:opacity .25s,transform .25s;
}
.atlas-guide.is-done{opacity:0;transform:translateY(-8px);pointer-events:none}
.atlas-guide>div{display:grid;grid-template-columns:24px 1fr;gap:7px;align-items:center;padding:4px 6px}
.atlas-guide>div>span{
  display:grid;place-items:center;width:24px;height:24px;border-radius:8px;
  background:rgba(94,231,255,.075);border:1px solid rgba(94,231,255,.15);color:#7fe7f7;font-size:9px;font-weight:850
}
.atlas-guide p{margin:0;min-width:0}.atlas-guide strong,.atlas-guide small{display:block}
.atlas-guide strong{color:#dce8f6;font-size:9px;line-height:1.2}.atlas-guide small{margin-top:2px;color:#61738e;font-size:7.5px;line-height:1.3}
.atlas-guide button,.atlas-demo-button{
  border:1px solid rgba(94,231,255,.2);border-radius:11px;background:linear-gradient(120deg,rgba(57,182,255,.1),rgba(139,92,246,.08));
  color:#a8e7f5;font-size:9px;font-weight:800;cursor:pointer;transition:transform .18s,border-color .18s,background .18s
}
.atlas-guide button{padding:0 10px;white-space:nowrap}
.atlas-guide button:hover,.atlas-guide button:focus-visible,.atlas-demo-button:hover,.atlas-demo-button:focus-visible{
  transform:translateY(-1px);border-color:rgba(94,231,255,.38);background:linear-gradient(120deg,rgba(57,182,255,.16),rgba(139,92,246,.12));color:#fff
}
.atlas-demo-button{margin-top:18px;min-height:40px;padding:9px 13px;align-self:flex-start}
.atlas-edge.active{
  stroke:#5ee7ff;stroke-width:2;opacity:.95;stroke-dasharray:10 8;
  animation:atlasEdgeFlow 1.05s linear infinite;filter:drop-shadow(0 0 3px rgba(94,231,255,.38))
}
.atlas-node-halo{
  fill:none;stroke:#5ee7ff;stroke-width:2;opacity:.88;pointer-events:none;
  vector-effect:non-scaling-stroke
}
.atlas-node.active text{fill:#fff}
.atlas-selection-halo{filter:none}
.atlas-node.neighbor text{fill:#bfd0e2}.atlas-node.neighbor{opacity:.95}
.atlas-status.selected{
  color:#bdf8ff;border-color:rgba(94,231,255,.28);background:linear-gradient(120deg,rgba(9,25,38,.9),rgba(15,14,37,.9));
  box-shadow:0 0 28px rgba(94,231,255,.08)
}
.atlas-inspector{position:relative}
.atlas-inspector:before{
  content:"";position:absolute;inset:0 auto 0 0;width:1px;
  background:linear-gradient(180deg,transparent,rgba(94,231,255,.35),rgba(139,92,246,.2),transparent);opacity:.5
}
.atlas-inspector.is-updated .atlas-inspector-content{animation:atlasInspectorIn .38s cubic-bezier(.2,.8,.2,1) both}
.atlas-selected-label{display:flex;align-items:center;gap:7px;margin-bottom:14px;color:#66bcd9;font-size:8px;font-weight:850;letter-spacing:.14em}
.atlas-selected-label span{width:7px;height:7px;border-radius:50%;background:#5ee7ff;box-shadow:0 0 0 5px rgba(94,231,255,.06),0 0 18px rgba(94,231,255,.4)}
.atlas-neighbor-intro{margin:17px 0 8px;color:#61738e;font-size:9px;line-height:1.45}
.atlas-neighbor{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;transition:transform .16s,border-color .16s,background .16s}
.atlas-neighbor:hover,.atlas-neighbor:focus-visible{transform:translateX(2px);background:linear-gradient(120deg,rgba(94,231,255,.055),rgba(139,92,246,.04))}
.atlas-neighbor>span{min-width:0}.atlas-neighbor i{font-style:normal;color:#63cce8;font-size:15px}
.atlas-no-rel{margin-top:18px;font-size:11px}
.atlas-inspector-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:22px}
.atlas-inspector-actions .atlas-detail-link{margin-top:0}
.atlas-clear{
  min-height:35px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:#7f8ea6;font-size:10px;font-weight:750;cursor:pointer
}
.atlas-clear:hover,.atlas-clear:focus-visible{color:#fff;border-color:rgba(94,231,255,.24)}
.atlas-list-section{scroll-margin-top:150px}
.atlas-list button{
  position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;overflow:hidden;
  transition:transform .18s,border-color .18s,background .18s,box-shadow .18s
}
.atlas-list button:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(circle at 0 0,rgba(94,231,255,.09),transparent 45%);transition:opacity .18s
}
.atlas-list button:hover,.atlas-list button:focus-visible{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.18)}
.atlas-list button:hover:before,.atlas-list button:focus-visible:before,.atlas-list button.selected:before{opacity:1}
.atlas-list button.selected{
  border-color:rgba(94,231,255,.38);background:linear-gradient(120deg,rgba(57,182,255,.09),rgba(139,92,246,.06));
  box-shadow:0 0 0 1px rgba(94,231,255,.035),0 15px 35px rgba(0,0,0,.22),0 0 30px rgba(57,182,255,.055)
}
.atlas-list-main{position:relative;z-index:1;min-width:0}
.atlas-list-action{position:relative;z-index:1;display:inline-flex;align-items:center;gap:5px;color:#5f718e;font-size:8px;font-weight:800;white-space:nowrap}
.atlas-list button:hover .atlas-list-action,.atlas-list button:focus-visible .atlas-list-action,.atlas-list button.selected .atlas-list-action{color:#7bdff1}
.atlas-list-action i{font-style:normal;font-size:11px}
@keyframes atlasEdgeFlow{to{stroke-dashoffset:-18}}
@keyframes atlasHalo{0%,100%{opacity:.88}50%{opacity:.48}}
@keyframes atlasInspectorIn{from{opacity:.15;transform:translateX(12px)}to{opacity:1;transform:none}}
@keyframes atlasStageFlash{0%{opacity:0}45%{opacity:1}100%{opacity:0}}
@media(max-width:1180px){
  #atlas-map{scroll-margin-top:135px}.atlas-guide{width:min(360px,calc(100% - 32px));grid-template-columns:1fr 1fr auto}
  .atlas-inspector:before{inset:0 0 auto 0;width:auto;height:1px;background:linear-gradient(90deg,transparent,rgba(94,231,255,.3),rgba(139,92,246,.18),transparent)}
}
@media(max-width:720px){
  .atlas-guide{top:58px;right:10px;left:10px;width:auto;grid-template-columns:1fr 1fr}
  .atlas-guide button{grid-column:1/-1;min-height:34px}
  .atlas-status{max-width:calc(100% - 36px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .atlas-list button{grid-template-columns:1fr}.atlas-list-action{justify-self:start;margin-top:3px}
}
@media(max-width:480px){
  .atlas-guide{grid-template-columns:1fr}.atlas-guide>div:nth-child(2){display:none}.atlas-guide button{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
  .atlas-edge.active,.atlas-node-halo,.atlas-inspector.is-updated .atlas-inspector-content,.atlas-stage.selection-flash:before{animation:none}
  .atlas-list button,.atlas-neighbor,.atlas-guide,.atlas-guide button,.atlas-demo-button{transition:none}
}

/* Atlas click stability + workspace balance 0.42.6.4 */
.atlas-node{touch-action:none}
.atlas-node:active circle:not(.atlas-node-halo){stroke:#fff;stroke-width:1.2}
@media(min-width:1181px){.atlas-stage,.atlas-inspector{height:100%}}
/* MOBILE_TOUCH_POLISH_04265 */
@media(max-width:700px){
  .atlas-search input{min-height:44px}
  .atlas-filter,.atlas-zoom button,.atlas-guide button,.atlas-demo-button,.atlas-clear{min-height:44px;box-sizing:border-box}
  .atlas-zoom button{height:44px}
}
@media(max-width:480px){
  .atlas-filters{overflow:visible;flex-wrap:wrap}
}

/* Atlas node geometry stability 0.42.6.10: selection updates SVG nodes in-place. */

/* Atlas compositor-safe selected marker 0.42.6.11 */
.atlas-node.active circle:not(.atlas-node-halo){visibility:hidden}
.atlas-selection-marker{position:absolute;z-index:6;pointer-events:none;border-radius:50%;box-sizing:border-box;border:2px solid #fff;background:#39b6ff;box-shadow:0 0 0 6px rgba(94,231,255,.14),0 0 24px rgba(94,231,255,.34);animation:none!important;transition:none!important;filter:none!important}
.atlas-selection-marker.type-protocol{background:#34d399}.atlas-selection-marker.type-experiment{background:#8b5cf6}.atlas-selection-marker.type-lesson{background:#fbbf24}.atlas-selection-marker.type-track{background:#5ee7ff}