/* Research Atlas: one large evidence timeline, calm supporting instruments. */
.t100 {
  --atlas-ink: #eeeDE6; --atlas-muted: #b4b5ab; --atlas-dim: #a0a49a;
  --atlas-bg: #10130f; --atlas-raised: #181d17; --atlas-line: #343b31;
  --atlas-profit: #b5e7c1; --atlas-val: #aec9ff; --atlas-loss: #ffa397;
  color: var(--atlas-ink); font-size: 15px; max-width: 1800px; margin: auto;
}
.t100 h1,.t100 h2,.t100 h3 { text-wrap: balance; }
.t100 p { text-wrap: pretty; }
.t100 button,.t100 select,.t100 input,.t100 a { scroll-margin: 80px; }
.t100 :focus-visible { outline: 2px solid var(--atlas-val); outline-offset: 4px; }
.t100-heading { display: flex; justify-content: space-between; gap: 32px; align-items: flex-end; margin: 12px 0 32px; }
.t100-eyebrow { font-family: var(--font-data); font-size: 11px; letter-spacing: .13em; color: var(--atlas-muted); display: block; margin-bottom: 12px; }
.t100-heading h1 { font-size: clamp(64px,6vw,96px); line-height: .95; font-weight: 500; letter-spacing: -.055em; margin: 0 0 18px; }
.t100-heading h1>span { color: var(--atlas-profit); }
.t100-heading h1 sup { font-family: var(--font-data); font-size: 12px; letter-spacing: 0; vertical-align: top; display: inline-block; margin: 8px 0 0 18px; color: var(--atlas-muted); font-weight: 400; }
.t100-heading p { color: var(--atlas-muted); line-height: 1.6; font-size: 17px; }
.t100-heading-note { text-align: right; max-width: 380px; }
.t100-heading-note p { font-size: 14px; margin-top: 14px; }
.t100-status { border: 1px solid #74886b; color: var(--atlas-profit); font-family: var(--font-data); text-transform: uppercase; letter-spacing: .07em; font-size: 10px; padding: 7px 10px; }
.t100-overview { display: grid; grid-template-columns: minmax(245px, .8fr) minmax(0,2.5fr); background: var(--atlas-bg); border: 1px solid var(--atlas-line); margin-bottom: 28px; }
.t100-leader { padding: 30px 25px; border-right: 1px solid var(--atlas-line); display: flex; flex-direction: column; justify-content: center; }
.t100-leader>strong { font-family: var(--font-data); color: var(--atlas-profit); font-size: clamp(30px,3.4vw,52px); font-weight: 400; letter-spacing: -.06em; white-space: nowrap; }
.t100-leader>a { font-weight: 600; margin: 14px 0 8px; text-decoration: none; font-size: 17px; }
.t100-leader>a:hover { text-decoration: underline; }
.t100-leader p { color: var(--atlas-muted); line-height: 1.6; font-size: 13px; }
.t100-mini-stats { margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--atlas-line); display: flex; gap: 26px; font-family: var(--font-data); font-size: 14px; }
.t100-mini-stats small { display: block; font: 12px var(--font-ui); margin-top: 5px; color: var(--atlas-muted); }
.t100-map { padding: 22px 24px 15px; min-width: 0; }
.t100-map-head,.t100-chart-title { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; }
.t100 h2 { font-size: 21px; font-weight: 500; letter-spacing: -.01em; }
.t100-muted { color: var(--atlas-muted); font-size: 12px; }
.t100-map-foot { display: flex; justify-content: space-between; gap: 16px; color: var(--atlas-muted); font-size: 12px; }
.t100-dot { display: inline-block; width: 7px; height: 7px; border: 1px solid var(--atlas-profit); background: var(--atlas-profit); border-radius: 100%; margin: 0 4px; }
.t100-dot.online { background: var(--atlas-val); border-color: var(--atlas-val); margin-left: 16px; }
.t100-panel { background: var(--atlas-bg); border: 1px solid var(--atlas-line); margin-bottom: 24px; min-width: 0; }
.t100-panel-head { padding: 22px 24px 10px; }
.t100-panel-head p { color: var(--atlas-muted); font-size: 13px; margin-top: 5px; line-height: 1.5; }
.t100-filterbar { display: flex; gap: 14px; align-items: flex-end; padding: 20px; flex-wrap: wrap; }
.t100-field { display: flex; flex-direction: column; gap: 7px; min-width: 130px; }
.t100-field label { font-size: 12px; color: var(--atlas-muted); }
.t100-field input,.t100-field select { padding: 9px 10px; border: 1px solid #6f7969; background: #171b15; height: 39px; font-size: 14px; border-radius: 2px; max-width: 100%; }
.t100-search { flex: 1; min-width: 200px; }
.t100 .btn { min-height: 34px; color: var(--atlas-ink); border-color: #75816e; background: #1b2118; text-decoration: none; }
.t100 .btn:hover { background: #2b3725; border-color: var(--atlas-profit); }
.t100 .btn:active { transform: translateY(1px); }
.t100-list-note { display: flex; justify-content: space-between; gap: 12px; padding: 12px 20px; border-top: 1px solid var(--atlas-line); color: var(--atlas-muted); font-size: 12px; }
.t100-table-wrap { overflow-x: auto; scrollbar-color: #58654e var(--atlas-bg); }
.t100-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.t100-table th { color: var(--atlas-muted); background: #1a2017; text-align: left; padding: 12px 10px; font-weight: 500; white-space: nowrap; border-bottom: 1px solid var(--atlas-line); }
.t100-table th button { border: 0; background: transparent; font: inherit; color: inherit; cursor: pointer; min-height: 27px; padding: 0; }
.t100-table td { padding: 12px 10px; border-bottom: 1px solid #293025; vertical-align: middle; }
.t100-table tr:last-child td { border-bottom: 0; }
.t100-table tbody tr:hover { background: #1a2317; }
.t100-table .numeric { text-align: right; white-space: nowrap; font-family: var(--font-data); font-size: 11px; font-variant-numeric: tabular-nums; }
.t100-table th.numeric { font-family: var(--font-ui); font-size: 12px; }
.t100-rank { font-family: var(--font-data); color: var(--atlas-muted); width: 34px; }
.t100-name { min-width: 200px; }
.t100-name>a { font-size: 15px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.t100-name>a:hover { color: var(--atlas-profit); text-decoration: underline; }
.t100-arrow { color: var(--atlas-profit); margin-left: 5px; }
.t100-meta,.t100-experiment { display: block; color: var(--atlas-muted); margin-top: 3px; font-size: 11px; }
.t100-experiment { color: #b6c1af; }
.t100-total { color: var(--atlas-profit); background: #192416; font-weight: 500; }
.t100-val { color: var(--atlas-val); }
.t100-spark { width: 100px; height: 32px; }
.t100-spark path { fill: none; stroke: var(--atlas-profit); stroke-width: 1.8; }
.t100-empty { padding: 55px 24px; text-align: center; }
.t100-empty p { margin: 12px auto 22px; color: var(--atlas-muted); }
.t100-footnote { font-size: 13px; max-width: 110ch; color: var(--atlas-muted); line-height: 1.7; margin: 12px 0 24px; }
.t100-breadcrumb { display: flex; flex-wrap: wrap; gap: 12px; color: var(--atlas-muted); margin: 4px 0 32px; font-size: 13px; }
.t100-breadcrumb>a { color: var(--atlas-profit); text-decoration: none; }
.t100-detail-heading { display: flex; justify-content: space-between; gap: 26px; align-items: center; margin-bottom: 32px; }
.t100-detail-heading h1 { font-size: clamp(36px,4.3vw,68px); line-height: 1.1; letter-spacing: -.045em; font-weight: 500; }
.t100-badges { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0; }
.t100-badges span { color: var(--atlas-profit); border: 1px solid #4a5b42; padding: 4px 8px; font-size: 12px; }
.t100-exact-id { font-family: var(--font-data); color: var(--atlas-muted); font-size: 11px; word-break: break-all; margin: 14px 0 10px; }
.t100-detail-total { text-align: right; flex-shrink: 0; }
.t100-detail-total>span { color: var(--atlas-muted); font-size: 13px; display: block; }
.t100-detail-total>strong { font-family: var(--font-data); color: var(--atlas-profit); font-size: clamp(32px,4.5vw,66px); font-weight: 400; letter-spacing: -.06em; display: block; }
.t100-detail-total>small { color: var(--atlas-muted); font-size: 12px; }
.t100-hero-chart { background: var(--atlas-bg); border: 1px solid #58694d; padding: 24px 28px 16px; margin-bottom: 24px; }
.t100-chart-title p { color: var(--atlas-muted); margin: 6px 0 10px; font-size: 13px; }
.t100-legend { display: flex; gap: 16px; font-family: var(--font-data); font-size: 10px; white-space: nowrap; }
.t100-legend span::before { content: ''; display: inline-block; width: 12px; height: 2px; vertical-align: middle; margin-right: 6px; background: currentColor; }
.t100-legend .train { color: var(--atlas-profit); }.t100-legend .validation { color: var(--atlas-val); }
.t100-svg { display: block; width: 100%; height: auto; overflow: visible; }
.t100-axis { fill: var(--atlas-muted); font-family: var(--font-data); font-size: 11px; }
.t100-gridline { stroke: #343e2e; stroke-width: .7; }
.t100-zero { stroke: #7c8d72; stroke-width: 1; }
.t100-phase-label { fill: var(--atlas-profit); font-family: var(--font-data); font-size: 10px; letter-spacing: .1em; }
.t100-phase-label.validation { fill: var(--atlas-val); }
.t100-validation-shade { fill: #243752; opacity: .28; }
.t100-split { stroke: #7089b4; stroke-width: 1; stroke-dasharray: 3 4; }
.t100-area { fill: var(--atlas-profit); opacity: .06; }.t100-area.validation { fill: var(--atlas-val); }
.t100-trace { fill: none; stroke: var(--atlas-profit); stroke-width: 2.4; }.t100-trace.validation { stroke: var(--atlas-val); }
.t100-trace.gap { stroke: var(--atlas-muted); stroke-width: 1.5; stroke-dasharray: 4 5; }
.t100-point { fill: var(--atlas-profit); stroke: var(--atlas-bg); stroke-width: 2; }.t100-point.validation { fill: var(--atlas-val); }
.t100-hit { fill: transparent; cursor: crosshair; }.t100-hit:focus-visible { fill: #aec9ff40; stroke: var(--atlas-val); stroke-width: 2; outline: none; }
.t100-bar { fill: #8ebc96; }.t100-bar.validation { fill: #99b6e7; }.t100-bar.negative { fill: var(--atlas-loss); }
.t100-map-point { fill: var(--atlas-profit); stroke: var(--atlas-bg); stroke-width: 1.5; opacity: .85; }.t100-map-point.online { fill: var(--atlas-val); }
.t100-map a:hover .t100-map-point,.t100-map a:focus .t100-map-point { stroke: white; stroke-width: 3; opacity: 1; }
.t100-inspect { min-height: 24px; font-family: var(--font-data); color: var(--atlas-profit); font-size: 12px; margin: 12px 0 5px; }
.t100-chart-note { color: var(--atlas-muted); font-size: 12px; }
.t100-metrics { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); border: 1px solid var(--atlas-line); background: var(--atlas-bg); margin-bottom: 30px; }
.t100-metric { padding: 22px 18px; border-right: 1px solid var(--atlas-line); min-width: 0; }
.t100-metric:last-child { border-right: 0; }
.t100-metric>span { font-size: 12px; color: var(--atlas-muted); display: block; margin-bottom: 9px; }
.t100-metric>strong { font-family: var(--font-data); font-size: clamp(16px,1.6vw,24px); font-weight: 500; display: block; white-space: nowrap; }
.t100-metric>small { display: block; font-size: 11px; margin-top: 8px; color: var(--atlas-muted); }
.t100-flow { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); list-style: none; margin: 0; padding: 15px 24px 24px; gap: 28px; counter-reset: none; }
.t100-flow li>span { color: var(--atlas-profit); font-family: var(--font-data); font-size: 12px; padding-bottom: 12px; display: block; border-bottom: 1px solid #536449; margin-bottom: 14px; }
.t100-flow h3 { font-size: 18px; font-weight: 500; margin-bottom: 10px; }
.t100-flow p { font-size: 14px; line-height: 1.65; color: var(--atlas-muted); }
.t100-logic-notes { border-top: 1px solid var(--atlas-line); padding: 18px 24px; display: grid; grid-template-columns: 1.3fr 1fr; gap: 30px; }
.t100-logic-notes p { font-size: 13px; color: var(--atlas-muted); line-height: 1.7; }.t100-logic-notes strong { color: var(--atlas-ink); }
.t100-distribution-controls { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin: 32px 0 20px; }
.t100-chart-grid,.t100-evidence-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.t100-chart-grid .t100-panel { padding-bottom: 14px; margin: 0; }.t100-chart-grid { margin-bottom: 24px; }
.t100-chart-grid .t100-svg { padding: 10px 12px; }
.t100-observations { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; padding: 26px 0; border-top: 1px solid var(--atlas-line); border-bottom: 1px solid var(--atlas-line); margin: 10px 0 26px; }
.t100-observations strong { font-family: var(--font-data); font-weight: 400; font-size: 28px; }.t100-observations p { font-size: 13px; color: var(--atlas-muted); margin-top: 8px; }
.t100 summary { cursor: pointer; padding: 17px 24px; color: var(--atlas-ink); font-weight: 500; }
.t100 summary:hover { background: #1a2317; }.t100 details[open] summary { border-bottom: 1px solid var(--atlas-line); }
.t100-facts { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.4fr); margin: 8px 24px 24px; gap: 0 20px; font-size: 13px; }
.t100-facts dt,.t100-facts dd { margin: 0; padding: 10px 0; border-bottom: 1px solid var(--atlas-line); line-height: 1.6; }.t100-facts dt { color: var(--atlas-muted); }
.t100-evidence-grid .t100-panel>p { margin: 10px 24px; color: var(--atlas-muted); font-size: 13px; line-height: 1.7; }
.t100-limitations { padding: 0 24px 0 40px; font-size: 13px; line-height: 1.6; color: var(--atlas-muted); }.t100-limitations li { margin-bottom: 8px; }
.t100-actions { display: flex; gap: 10px; flex-wrap: wrap; padding: 14px 24px; }
.t100-hash { overflow-wrap: anywhere; padding-bottom: 14px; }.t100-hash code { font-size: 10px; }
.t100-source pre { padding: 20px 24px; font-size: 12px; line-height: 1.7; overflow: auto; max-height: 600px; margin: 0; }
@media (max-width: 1250px) {
 .t100-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }.t100-metric:nth-child(3n) { border-right: 0; }.t100-metric:nth-child(-n+3) { border-bottom: 1px solid var(--atlas-line); }
 .t100-overview { grid-template-columns: minmax(230px,.8fr) minmax(0,2fr); }.t100-map-head { flex-wrap: wrap; }
}
@media (max-width: 900px) {
 .t100-heading,.t100-detail-heading { align-items: flex-start; flex-direction: column; }.t100-heading-note,.t100-detail-total { text-align: left; }
 .t100-overview { grid-template-columns: 1fr; }.t100-leader { border-right: 0; border-bottom: 1px solid var(--atlas-line); }
 .t100-flow { grid-template-columns: repeat(2,minmax(0,1fr)); }.t100-chart-grid,.t100-evidence-grid { grid-template-columns: 1fr; }
 .t100-logic-notes { grid-template-columns: 1fr; }.t100-chart-title { flex-wrap: wrap; }.t100-chart-grid .t100-svg { min-width: 480px; }.t100-chart-grid .t100-panel { overflow-x: auto; }
}
@media (prefers-reduced-motion: no-preference) { .t100 a,.t100 button { transition: background-color 140ms ease, color 140ms ease; } }
.t100-date-context { color: var(--atlas-muted); font-size: 13px; margin: 14px 0 5px; }
.t100-native-rules { margin: 10px 0 0; padding-left: 18px; color: var(--atlas-muted); font-family: var(--font-data); font-size: 11px; line-height: 1.8; }
.t100-map-hit { fill: transparent; cursor: pointer; }
.t100-chart-grid .t100-axis { font-size: 16px; }
.t100-table th[aria-sort="none"] button::after { content: ' ↕'; color: var(--atlas-muted); }
.t100-table th button:hover { color: var(--atlas-profit); text-decoration: underline; text-underline-offset: 4px; }
/* Visible OOS is distinct from development periods. */
.t100-legend .oos{color:#f3b85c}.t100-legend .oos::before{background:#f3b85c}
.t100-trace.oos{stroke:#f3b85c}.t100-area.oos{fill:#f3b85c;opacity:.08}
.t100-point.oos,.t100-bar.oos{fill:#f3b85c}
