/* Record detail (long-form), WU-6. Navy header reuses the .arc-hero dark scope
 * (tokens in shell.css); the body below uses normal light-body page tokens and
 * inverts with html[data-theme=dark] like the rest of the site. Mini arc is
 * rendered by assets/arc-hero.js (read-only consumer, mark mode). */

.rc-header{padding:44px 0 40px}
.rc-context{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:18px;padding:12px 16px;border-radius:6px;background:rgba(24,34,48,.55);border:1px solid var(--h-line2)}
.rc-context-back{font-family:var(--mono);font-size:11px;letter-spacing:.08em;font-weight:700;color:var(--h-acc2);text-decoration:none;text-transform:uppercase}
.rc-context-back:hover{color:var(--h-tx)}
.rc-context-desc{margin:0;font-size:13px;color:var(--h-tx2);line-height:1.5}
.rc-crumb{display:flex;gap:10px;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--h-tx3);font-weight:700}
.rc-crumb a{color:var(--h-tx3);text-decoration:none}
.rc-crumb a:hover{color:var(--h-tx)}
.rc-crumb span.rc-crumb-current{color:var(--h-acc2)}

.rc-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;align-items:center}
.rc-pill{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding:6px 10px;border-radius:999px;border:1px solid var(--h-line2);background:rgba(24,34,48,.55);color:var(--h-tx2)}
.rc-pill-dot{width:8px;height:8px;border-radius:2px;display:inline-block;background:currentColor}
.rc-pill-tier{color:var(--rc-tier-color,var(--h-tx2))}
.rc-pill-kev{background:rgba(253,176,34,.14);color:#FDD874}

.rc-title{font-family:var(--disp);font-size:clamp(30px,3.6vw,46px);line-height:1.1;letter-spacing:-.015em;font-weight:500;margin:18px 0 0;max-width:26ch;color:var(--h-tx)}
.rc-lede{color:var(--h-tx2);font-size:clamp(15px,1.4vw,18px);max-width:70ch;margin:16px 0 0;line-height:1.55}

.rc-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin:28px 0 0;font-family:var(--mono);max-width:920px}
.rc-meta dt{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#8A9AB2;font-weight:600}
.rc-meta dd{margin:4px 0 0;font-size:13px;color:#D2DBEB;font-weight:600;overflow-wrap:anywhere}

.rc-arc{position:relative;margin-top:32px}
.rc-arc-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#8A9AB2;font-weight:600}
.rc-arc-head strong{color:var(--h-acc2);font-weight:600}
.rc-arc-head a{color:var(--h-tx2);text-decoration:none}
.rc-arc-head a:hover{color:var(--h-tx)}
.rc-arc-mount{position:relative;margin-top:8px;border:1px solid var(--h-line2);border-radius:8px;background:rgba(24,34,48,.45);overflow:hidden;min-height:120px}
.rc-arc-caption{margin:8px 0 0;font-family:var(--mono);font-size:10.5px;color:#8A9AB2;line-height:1.5}
.rc-arc-skip{border:1px solid var(--h-line2);border-radius:8px;background:rgba(24,34,48,.45);padding:16px 18px;margin-top:8px;font-size:13.5px;color:var(--h-tx2);line-height:1.55}

/* light body */
.atlas-record{min-width:0}
.rc-body{max-width:1268px;margin:0 auto;padding:48px 24px 64px;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:64px;align-items:start}
.rc-article{min-width:0}
.rc-article h2{font-family:var(--disp);font-weight:500;font-size:clamp(1.4rem,2vw,1.9rem);letter-spacing:-.02em;line-height:1.2;margin:0}
.rc-article h3{font-size:17px;font-weight:600;letter-spacing:-.01em;margin:32px 0 8px}
.rc-article p{font-size:15px;line-height:1.65;color:var(--tx2)}
.rc-what p{font-size:17px;line-height:1.7;color:var(--tx2);margin:16px 0 0;max-width:70ch}
.rc-notes{margin:0;padding-left:20px;color:var(--tx2);font-size:15px;line-height:1.65;display:flex;flex-direction:column;gap:8px}
.rc-mech-intro{margin:0 0 12px;font-size:14px;color:var(--tx2);line-height:1.6}
.rc-mech-list{display:flex;flex-wrap:wrap;gap:4px 8px}
.rc-sources{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.rc-sources li{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;font-size:14px}
.rc-sources .rc-source-role{color:var(--tx2)}
.rc-sources a{color:var(--acc);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--acc) 35%,transparent);text-underline-offset:3px;overflow-wrap:anywhere}

.rc-actions{border-top:1px solid var(--line);margin-top:32px;padding-top:20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rc-actions button,.rc-actions a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;background:var(--panel);color:var(--tx);border:1px solid var(--line);border-radius:6px;font:500 14px/1.4 var(--sans);cursor:pointer;text-decoration:none}
.rc-actions button:hover,.rc-actions a:hover{background:var(--bg2);border-color:var(--tx2)}
.rc-actions .rc-status{width:100%;font-size:14px;color:var(--tx2);min-height:0}

.rc-aside{min-width:0;display:flex;flex-direction:column;gap:24px}
.rc-aside .card{padding:20px 22px}
.rc-evidence-head{display:flex;align-items:center;gap:10px}
.rc-evidence-tag{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.08em;padding:2px 7px;border-radius:4px;text-transform:uppercase;background:var(--panel);color:var(--tx2);border:1px solid var(--line2)}
.rc-evidence-name{font-size:15px;font-weight:600}
/* .rc-aside prefix beats patches.css's ".card p{color:#3D4B60}" (a
 * pre-existing hardcoded light color) so this stays var(--tx2) in dark mode. */
.rc-aside .rc-evidence-def{margin:10px 0 0;font-size:13.5px;line-height:1.6;color:var(--tx2)}
.rc-evidence-dl{margin:16px 0 0;display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:13.5px;line-height:1.5}
.rc-evidence-dl dt{color:var(--tx2)}
.rc-evidence-dl dd{margin:0}

.rc-aside .rc-sev-intro{margin:0 0 14px;font-size:12.5px;line-height:1.5;color:var(--tx2)}
.rc-sev-list{margin:0;display:grid;gap:10px}
.rc-sev-row{display:grid;grid-template-columns:104px minmax(0,1fr) 44px;gap:10px;align-items:center;font-size:13px}
.rc-sev-name{color:var(--tx)}
.rc-sev-bar{margin:0;display:flex;gap:3px}
.rc-sev-seg{flex:1;height:8px;border-radius:2px;background:var(--line)}
.rc-sev-seg.is-on{background:var(--acc)}
.rc-sev-val{margin:0;font-family:var(--mono);font-size:12px;font-weight:700;color:var(--tx2);text-align:right}

.rc-aside .rc-related-intro{margin:0 0 12px;font-size:12.5px;line-height:1.5;color:var(--tx2)}
.rc-related-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.rc-related-list li{border-top:1px solid var(--line)}
.rc-related-list a{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:12px 0;text-decoration:none;color:var(--tx)}
.rc-related-list a:hover{color:var(--acc)}
.rc-related-tier{font-family:var(--mono);font-size:10px;font-weight:700;padding-top:3px}
.rc-related-title{font-size:13.5px;line-height:1.45;font-weight:500}
.rc-related-meta{display:block;font-family:var(--mono);font-size:10.5px;color:var(--tx2);font-weight:500;margin-top:3px}
.rc-aside .rc-related-empty{margin:0;font-size:13px;color:var(--tx2)}

.rc-error{max-width:900px;margin:0 auto;padding:64px 24px;box-sizing:border-box}
.rc-error h1{font-family:var(--disp);font-weight:500;font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 12px}
.rc-error p{font-size:15px;line-height:1.6;color:var(--tx2);margin:0 0 16px;max-width:70ch}
.rc-error a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;background:var(--panel);color:var(--tx);border:1px solid var(--line);border-radius:6px;font:500 14px/1.4 var(--sans);text-decoration:none}
.rc-error a:hover{background:var(--bg2);border-color:var(--tx2)}
.rc-loading{padding:80px 0;text-align:center;color:var(--tx3);font-family:var(--mono);font-size:12px;letter-spacing:.12em}

@media(max-width:900px){
  .rc-body{grid-template-columns:1fr;gap:40px}
}
@media(max-width:620px){
  .rc-header{padding:32px 0 28px}
  .rc-sources li{grid-template-columns:1fr}
  .rc-sev-row{grid-template-columns:88px minmax(0,1fr) 36px}
}