/* Source-backed Atlas Reader shares the real graph; only its presentation is separate. */
.atlas-reader-shell{
 position:absolute;inset:10px 18px 47px;z-index:4;
 display:flex;align-items:stretch;justify-content:center;
 pointer-events:none;
}
.atlas-reader-shell.is-review{bottom:121px}
.atlas-reader-panel{
 width:min(1180px,100%);height:100%;min-height:0;
 display:flex;flex-direction:column;overflow:hidden;
 border:1px solid #565b63;border-radius:15px;
 box-shadow:0 24px 72px #000b;
 background:#101315;color:#eef1f3;pointer-events:auto;
}
.atlas-reader-head{
 min-height:70px;flex:none;display:flex;align-items:center;justify-content:space-between;
 gap:20px;padding:12px 22px;border-bottom:1px solid #393e42;
}
.atlas-reader-heading{min-width:0}
.atlas-reader-eyebrow{font-size:10px;color:#b5bac1;text-transform:uppercase;
 letter-spacing:.9px;font-weight:740}
.atlas-reader-current-title{font-size:16px;font-weight:690;line-height:1.5;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.atlas-reader-controls{display:flex;align-items:center;gap:16px;flex:none}
.atlas-reader-close{
 border:1px solid #6c757c;background:#282d32;color:#f0f3f5;
 border-radius:8px;padding:9px 14px;font-weight:650;white-space:nowrap;cursor:pointer;
}
.atlas-reader-close:hover{background:#3f464c}
.atlas-reader-pages{flex:1;min-height:0;display:flex;gap:12px;padding:14px;
 overflow:hidden}
.atlas-reader-card{
 flex:1;min-width:0;display:flex;flex-direction:column;min-height:0;
 border-radius:10px;border:1px solid #383d43;background:#17191c;color:#edf0f2;
 overflow:hidden;
}
.atlas-reader-pages.is-compare .atlas-reader-card.is-before{border-color:#515860}
.atlas-reader-pages.is-compare .atlas-reader-card.is-after{border-color:#565e65}
.atlas-reader-card.is-removing{border:1px dashed #b65d64;background:#241b1e}
.atlas-reader-card.is-removing .atlas-reader-card-title{text-decoration:line-through;
 text-decoration-thickness:1.5px;text-decoration-color:#ea7078}
.atlas-reader-card-head{flex:none;padding:18px 21px 13px;border-bottom:1px solid #383d42}
.atlas-reader-card.is-before .atlas-reader-card-head{background:#202428}
.atlas-reader-card.is-after .atlas-reader-card-head{background:#202428}
.atlas-reader-card.is-removing .atlas-reader-card-head{background:#291f22}
.atlas-reader-card-side{font-size:11px;font-weight:750;letter-spacing:.45px;color:#aeb5bb}
.atlas-reader-card-title{font-size:19px;line-height:1.4;margin:6px 0 0;font-weight:720}
.atlas-reader-scroll{
 flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;
 padding:16px 23px 30px;overscroll-behavior:contain;
 scrollbar-color:#535a62 transparent;scrollbar-width:thin;
}
.atlas-reader-section{margin:0 0 24px;padding:0 0 8px}
.atlas-reader-section-title{margin:0 0 12px;font-size:13px;letter-spacing:.1px;color:#e0e3e6}
.atlas-reader-field{margin:0 0 14px;overflow-wrap:anywhere}
.atlas-reader-field-label{font-size:10.5px;text-transform:uppercase;
 letter-spacing:.45px;font-weight:700;color:#a3abb2;margin-bottom:4px}
.atlas-reader-field-value{font-size:13px;white-space:pre-wrap;line-height:1.85;color:#dfe3e6}
.atlas-reader-field.is-changed{border-left:3px solid #e7737c;
 background:#3c2429;padding:7px 11px;border-radius:0 5px 5px 0}
.atlas-reader-subheading{margin:13px 0 7px;font-size:11px;font-weight:740;color:#c2c9cf}
.atlas-reader-attributes{overflow:visible;height:auto;width:100%;
 background:transparent;border:0;padding:0}
.atlas-reader-attributes .node-attribute-section{padding:12px 0}
.atlas-reader-attributes .node-attribute-code{max-height:none}
.atlas-reader-attributes.is-changed{border-left:3px solid #e7737c;padding-left:11px}
.atlas-reader-link{
 display:flex;align-items:center;gap:10px;width:100%;text-align:left;
 padding:9px 11px;margin:6px 0;background:#23272b;color:#e2e6e9;
 border:1px solid #3b4248;border-radius:7px;cursor:pointer;
}
.atlas-reader-link:hover{background:#31363c;border-color:#6b747d}
.atlas-reader-link-type{font-size:10px;color:#acb5bd;min-width:40px}
.atlas-reader-link-title{font-size:12px;flex:1;overflow-wrap:anywhere}
.atlas-reader-link-tree{font-size:10px;color:#aab3bb;text-transform:uppercase}
.atlas-reader-term-definition{font-size:12px;color:#b5c0c7;line-height:1.7;margin:0 0 12px}
.atlas-reader-source-link{display:inline-block;color:#d4d9e0;text-decoration:underline;
 text-underline-offset:3px;font-size:12px;margin:5px 12px 6px 0;overflow-wrap:anywhere}
.atlas-reader-removal-note{font-size:13px;color:#f1a9ae;line-height:1.8}
.atlas-reader-proposal{
 display:flex;align-items:start;gap:14px;flex-wrap:wrap;flex:none;
 max-height:106px;overflow:auto;padding:11px 19px 2px;
 border-top:1px solid #434b50;background:#171a1e;
}
.atlas-reader-proposal .atlas-reader-field{flex:1 1 180px;max-width:38%;margin:0 0 6px}
.atlas-reader-proposal .atlas-reader-field-label{color:#b4bdc5}
.atlas-reader-proposal .atlas-reader-field-value{color:#e2e7ea;font-size:10.5px;line-height:1.5}
.graph-node.node-operation-remove .node-title{text-decoration:line-through}
.graph-node.node-operation-remove .node-surface{stroke-dasharray:8 5}
.graph-node.node-operation-remove .node-description{opacity:.64}
.graph-node.node-operation-add .node-surface{stroke-width:2.1}
.graph-node.node-operation-change .node-surface{stroke-width:2.1}
.node-operation-label{font-size:10px;fill:#a3b0bf;font-weight:750;letter-spacing:.3px}
@media(max-width:950px){
 .atlas-reader-shell{left:9px;right:9px}
 .atlas-reader-pages.is-compare{flex-direction:column;overflow-y:auto}
 .atlas-reader-pages.is-compare .atlas-reader-card{min-height:290px;overflow:visible}
 .atlas-reader-pages.is-compare .atlas-reader-scroll{max-height:260px}
 .atlas-reader-proposal{max-height:75px}
}
@media(max-width:730px){
 .atlas-reader-shell.is-review{bottom:185px}
 .atlas-reader-head{padding:9px 12px;min-height:62px}
 .atlas-reader-card-head{padding:12px}
 .atlas-reader-scroll{padding:13px}
 .atlas-reader-proposal{display:none}
}
@media(prefers-reduced-motion:reduce){
 .atlas-reader-panel{animation:none!important;transition:none!important}
}

/* A diff uses editorial marks, not green field cards: red del/ins and strikeout. */
.atlas-reader-diff-remove{
 color:#ff8b94;font-weight:690;background:rgba(194,60,72,.13);
 text-decoration:line-through;text-decoration-color:#ff727c;
 text-decoration-thickness:2px;text-decoration-skip-ink:none;
}
.atlas-reader-diff-add{
 color:#ff939b;font-weight:690;background:rgba(194,60,72,.13);
 text-decoration:underline;text-decoration-color:#ff727c;
 text-decoration-thickness:1.5px;text-underline-offset:3px;
}
.atlas-reader-diff-same{color:inherit}
.atlas-reader-card-title .atlas-reader-diff-remove,
.atlas-reader-card-title .atlas-reader-diff-add{font-weight:760}
.atlas-reader-field.is-changed{
 border-left-color:#c5666b;background:rgba(147,49,59,.09);
}
.atlas-reader-attributes.is-changed{border-left-color:#c5666b}
.atlas-reader-panel *::selection{background:#735063;color:#fff}
.atlas-reader-panel .node-attribute-section{border-bottom-color:#343a40}
.atlas-reader-panel .node-attribute-heading{color:#c7cfd5}
.atlas-reader-panel .node-attribute-text,
.atlas-reader-panel .node-parameter-meaning,
.atlas-reader-panel .node-field-assignment{color:#d3dce1}
.atlas-reader-panel .node-attribute-note,
.atlas-reader-panel .node-parameter-extra{color:#a5adb7}
.atlas-reader-panel .node-attribute-code,
.atlas-reader-panel .node-attribute-signature,
.atlas-reader-panel .node-method-summary,
.atlas-reader-panel .node-field-row,
.atlas-reader-panel .node-attribute-formula{
 background:#20252a;color:#e0e5e8;border-color:#424a50;
}
.atlas-reader-panel .node-method-details{
 background:#1b2024;border-color:#424a50;
}
.atlas-reader-panel .node-method-details[open]>.node-method-summary{
 background:#2a3035;border-color:#464e54;
}
.atlas-reader-panel .node-term-definition{color:#b7c4c9}
.atlas-reader-panel .node-term-link,.atlas-reader-panel .node-attribute-link{
 color:#d2e0dc;text-decoration-color:#929fa5;
}
/* The old Focus ancestor strips are redundant above a Reader and obscure it. */
body.atlas-reader-active #atlasPathTrace,
body.atlas-reader-active #breadcrumb,
body.atlas-reader-active .toolbar .navigation{display:none!important}
body.atlas-reader-active .toolbar{justify-content:flex-end}

/* The Reader matches the Human Check decision color. */
.atlas-reader-shell[data-review-state="unchecked"] .atlas-reader-panel{
 border-color:#8255b5;box-shadow:0 22px 70px #000b,0 0 0 1px #8255b5b0;
}
.atlas-reader-shell[data-review-state="approved"] .atlas-reader-panel{
 border-color:#bb4656;box-shadow:0 22px 70px #000b,0 0 0 1px #bb4656b0;
}
.atlas-reader-shell[data-review-state="denied"] .atlas-reader-panel{
 border-color:#78818b;box-shadow:0 22px 70px #000b,0 0 0 1px #78818bb0;
}

/* A single live Human Check palette drives both comparison cards, the
   editorial diff marks, field accents, and the Reader outline. */
.atlas-reader-shell[data-review-state="unchecked"]{
 --hc-mark:#d3a8ff;--hc-frame:#8255b5;--hc-card:#9871cd;
 --hc-tint:rgba(130,85,181,.17);
}
.atlas-reader-shell[data-review-state="approved"]{
 --hc-mark:#ff96a0;--hc-frame:#bb4656;--hc-card:#cf5969;
 --hc-tint:rgba(187,70,86,.15);
}
.atlas-reader-shell[data-review-state="denied"]{
 --hc-mark:#c4ccd3;--hc-frame:#78818b;--hc-card:#929ba6;
 --hc-tint:rgba(120,129,139,.17);
}
.atlas-reader-shell[data-review-state] .atlas-reader-panel{
 border-color:var(--hc-frame,#565b63);
 box-shadow:0 22px 70px #000b,0 0 0 1px var(--hc-frame,#565b63);
}
.atlas-reader-shell[data-review-state] .atlas-reader-pages.is-compare .atlas-reader-card{
 border-color:var(--hc-card,#565e65);
}
.atlas-reader-shell[data-review-state] .atlas-reader-pages.is-compare .atlas-reader-card-side,
.atlas-reader-shell[data-review-state] .atlas-reader-diff-add,
.atlas-reader-shell[data-review-state] .atlas-reader-diff-remove{
 color:var(--hc-mark,#ff8b94);
}
.atlas-reader-shell[data-review-state] .atlas-reader-diff-add,
.atlas-reader-shell[data-review-state] .atlas-reader-diff-remove{
 background:var(--hc-tint,rgba(194,60,72,.13));
 text-decoration-color:var(--hc-mark,#ff727c);
}
.atlas-reader-shell[data-review-state] .atlas-reader-field.is-changed{
 border-left-color:var(--hc-frame,#c5666b);
 background:var(--hc-tint,rgba(147,49,59,.09));
}
.atlas-reader-shell[data-review-state] .atlas-reader-attributes.is-changed{
 border-left-color:var(--hc-frame,#c5666b);
}

/* Reader frames inherit the same color as the selected Graph node.
   Keep the two sides and the outer edge consistent in review and reading. */
.atlas-reader-shell{
 --reader-border:var(--hc-frame,#c6cacd);
}
.atlas-reader-shell[data-review-state="unchecked"]{--hc-frame:#9868d0}
.atlas-reader-shell[data-review-state="approved"]{--hc-frame:#cf5265}
.atlas-reader-shell[data-review-state="denied"]{--hc-frame:#8c97a2}
.atlas-reader-shell .atlas-reader-panel,
.atlas-reader-shell .atlas-reader-card,
.atlas-reader-shell .atlas-reader-pages.is-compare .atlas-reader-card.is-before,
.atlas-reader-shell .atlas-reader-pages.is-compare .atlas-reader-card.is-after{
 border-color:var(--reader-border);
}