/* Arc-inspired palette. Presentation only; data and execution remain unchanged. */
:root {
  color-scheme: dark;
  --bg: #000b24;
  --rail: #08162b;
  --panel: #102441;
  --raised: #1b3158;
  --line: rgba(172, 198, 233, .22);
  --text: #f5f8ff;
  --muted: #a8bed6;
  --cyan: #acc6e9;
  --blue: #7ca7dc;
  --mint: #9cd6d2;
  --coral: #e2a399;
  --arc-navy: #1b3158;
  --arc-blue: #2f578c;
  --arc-sky: #acc6e9;
  --arc-ether: #d5e0e7;
}
body {
  background:
    radial-gradient(ellipse 1000px 580px at 80% 120px, #2f578c66, transparent 75%),
    linear-gradient(180deg, #000b24 0, #153655 620px, #102943 1020px, #08182f 1600px);
  background-color: var(--bg);
  color: var(--text);
  min-height: 100vh;
}
::selection { background: #acc6e9; color: #000b24; }
a:hover { color: #d5e0e7; }
.rail {
  background: linear-gradient(180deg, #061329 0%, #112741 72%, #183951 100%);
  border-color: var(--line);
}
.rail-label, .rail-meta p, .rail-bottom small,
.rail nav a span, .breadcrumb span { color: #90a9c5; }
.rail nav a.active {
  color: #e4edfa;
  background: #acc6e917;
  box-shadow: inset 2px 0 var(--arc-sky);
}
.rail nav a:hover { background-color: #acc6e90d; }
.mini-orbit { border-color: #6887ac; }
.mini-orbit:after { background: var(--mint); }
.topbar { background: #07162b73; border-color: var(--line); }
.outline-button, .run-badge { border-color: #6c8cb6; }
.connection:before { background: #7e98b5; }
.connection[data-state=live]:before { box-shadow: 0 0 9px #9cd6d24d; }
.page-title { position: relative; }
.page-title::after {
  content: '';
  position: absolute;
  height: 1px;
  left: 0;
  right: 0;
  bottom: 14px;
  background: linear-gradient(90deg, #acc6e900, #acc6e938, #9cd6d24d, #acc6e900);
  pointer-events: none;
}
.metric-row article {
  background: linear-gradient(120deg, #e6edf5 0%, #c4d6eb 100%);
  color: #102b4e;
  border-color: #d5e0e7;
  box-shadow: 0 6px 26px #000b2414;
}
.metric-row article:nth-child(2) { background: linear-gradient(120deg, #dce8f7, #acc6e9); }
.metric-row article:nth-child(3) { background: linear-gradient(120deg, #e9e8f0, #d5dcea); }
.metric-row article:nth-child(4) { background: linear-gradient(120deg, #e0eeef, #bfdcd9); }
.metric-row p { color: #425c79; }
.metric-row small { color: #4d6480; }
.metric-row .cyan { color: #2f578c; }
.metric-row .blue { color: #426ca1; }
.metric-row .coral { color: #766483; }
.metric-row .mint { color: #34787d; }
.panel {
  background: linear-gradient(135deg, #173451ed, #102441f5);
  border-color: var(--line);
  box-shadow: 0 10px 32px #000b241a;
}
.panel-head { border-color: var(--line); }
.segmented { background: #091a32; border-color: var(--line); }
.segmented button[aria-pressed=true] { background: #2f578c; color: #f5f8ff; }
.network-topline b, .readout-row b, .market-details b { color: #d9e5f5; }
.network-stage { border-color: #acc6e91f; }
.diagram-label { color: #8ca6c5; }
.group-legend button[aria-pressed=true] { background: #acc6e917; border-color: #6687b0; }
.soft-button {
  background: #acc6e9;
  color: #102544;
  border-color: #acc6e9;
}
.soft-button:hover:not(:disabled) { background: #cdddf2; filter: none; }
.text-button:hover:not(:disabled) { color: #f5f8ff; }
.playback-controls select, #node-picker {
  background: #0a1d36;
  border-color: #456488;
  color: #eaf2ff;
}
.network-caption, .readout-panel>p { color: #a0b6ce; }
.node-indicator { box-shadow: 0 0 0 5px #acc6e90d; }
.waveform { background: repeating-linear-gradient(0deg, transparent 0 18px, #acc6e91a 18px 19px); }
.readout-row>div { background: #244261; }
.mini-values b { color: var(--arc-sky); }
.pill { border-color: #5c7d9f; }
.scene-stage, .scene-placeholder { background: #0b203a; }
.scene-caption { color: #d5e0e7; }
.scene-caption>span { background: #07162bc9; }
.record-table { scrollbar-color: #527ba8 transparent; }
th { background: #142b47; }
td { border-color: #acc6e91a; color: #d2deec; }
.integrity { color: #a0b6ce; }
.integrity code { color: #b7cbe3; }
.route-line i { color: #91abc9; }
footer { color: #91abc9; }
dialog { background: #102441; border-color: #6887ac; }
dialog::backdrop { background: #000b24bb; }
dialog input { background: #091a32; border-color: #6887ac; }
.brand .brand-avatar { border-color: #acc6e966; box-shadow: 0 0 18px #acc6e90d; }
.social-link { color: #c5d8ef; background: #acc6e906; }
.social-link:hover { background: #acc6e917; border-color: #acc6e966; }
.proof-card { background: linear-gradient(135deg, #eaf0f8, #d5e0e7); color: #1b3158; }
.proof-card .eyebrow { color: #536c89; }
.proof-card p { color: #415b78; }
.proof-state { color: #c9dff8; }
.proof-card .proof-state { color: #2f578c; }
.proof-copy { color: #b9cce2; }
.proof-code { color: #acc6e9; }
.proof-section pre { background: #07162b; color: #d5e0e7; }
.proof-section a { color: #c1d8f6; }
.proof-section td, .proof-section th { border-color: #acc6e926; }
.proof-buttons a { border-color: #6285b0; }

/* The methods page follows Arc's light editorial sections. */
body:has(.manual) {
  color-scheme: light;
  --paper: #f7f9fc;
  --ink: #1b3158;
  --muted: #526981;
  --line: #acc6e980;
  --green: #2f578c;
  --accent: #2f578c;
  background: linear-gradient(180deg, #e4edf8 0, #ffffff 500px, #edf4fa 100%);
  color: var(--ink);
}
.masthead { background: #ffffff73; border-color: #acc6e980; }
.masthead a:hover, .manual a:hover { color: #2f578c; }
.manual p, .manual li { color: #414f60; }
.manual h1, .manual h2, .manual h3 { color: #1b3158; }
.manual .formula { color: #1b3158; background: #e7eff9; border-color: #acc6e9; }
.manual a { color: #2f578c; }
.masthead .brand small { color: #58708c; }
@media(max-width:760px) {
  .rail nav a.active { background: transparent; box-shadow: inset 0 -2px var(--arc-sky); }
  .page-title::after { bottom: 8px; }
}