/* ============================================================
   Raising Agents — v3 site
   round03.css  ·  delta over base.css + notebook.css
   2026-05-24 — actions the Round 03 punch list.

   Loaded AFTER base.css and notebook.css.
   Nothing in this file overrides locked decisions; it extends them.

   Scope:
   · #1  ambient Notion-feel: drag-handles extended, hover affordances
         on tables / evidence / paths, term-of-art highlighter is HTML-side
   · #2  trace-diff violation rail goes from quiet to visceral
   · #3  homepage hierarchy: hero / thesis / evidence / paths / discipline
   · #4  oxide locked — Tweaks panel stripped (no-op here, but belt-and-braces)
   · #5  page properties beyond Paper 1 — applied on pending pages, not here
   · #6  interactive drag on trace-diff — deferred to scope-permitting round
   ============================================================ */

/* ============================================================
   #4 · Strip Tweaks panel from production
   tweaks.js is no longer linked; this is belt-and-braces in case
   the bootstrap snippet survives somewhere in the cutover.
   ============================================================ */

.tweaks-fab,
.tweaks-panel { display: none !important; }


/* ============================================================
   #2 · Trace-diff violation rail — visceral, not decorative
   Full-row oxide wash on the consequential commit and the
   `in-violation` precondition rows. Left-rule bar (already in
   base.css) stays. Text colour stays ink for readability —
   readability beats severity per the punch list.
   ============================================================ */

/* The wash sits behind the row content via a ::after pseudo so it can
   extend into the column's padding without disturbing the absolutely-
   positioned left-rule bar (which lives at left: -26px on the row). */
.trace-col.regression .trace-step.consequential,
.trace-col.regression .trace-step.in-violation {
  /* z-index needed so the wash sits below content but above the
     column background */
  isolation: isolate;
}
.trace-col.regression .trace-step.consequential::after,
.trace-col.regression .trace-step.in-violation::after {
  content: "";
  position: absolute;
  /* extend wash into both column gutters; -24px on the left so the
     2px oxide rule at -26px still reads as a leading edge */
  left: -24px;
  right: -26px;
  top: 0;
  bottom: 0;
  background: color-mix(in srgb, var(--accent) 6%, transparent);
  z-index: -1;
  pointer-events: none;
}

/* The consequential commit is the apex of the violation — heavier wash.
   Keeps the filled square's "position is the message" reading visible. */
.trace-col.regression .trace-step.consequential::after {
  background: color-mix(in srgb, var(--accent) 11%, transparent);
}

/* Step number on washed rows: nudge contrast so it doesn't disappear */
.trace-col.regression .trace-step.consequential .step-n,
.trace-col.regression .trace-step.in-violation .step-n {
  color: var(--ink-3);
}

/* The rail's run tag picks up oxide. The serif "Regression path" label
   stays ink — readability over severity, per the punch list. */
.trace-col.regression .trace-tag {
  color: var(--accent);
}


/* ============================================================
   #1 · Ambient Notion-feel — extend drag-handle hover
   notebook.css already hints on prose p / ul / ol / blockquote /
   pre / .data-wrap / .callout / h2 / h3.
   Extend to: .code-h (code with header), .feature-list / .curriculum
   items, .page-props rows.
   ============================================================ */

main.prose .code-h { position: relative; }
main.prose .code-h:hover::before {
  content: "⋮⋮";
  position: absolute;
  left: -22px; top: 14px;
  font-family: var(--mono);
  font-size: 12px;
  color: var(--ink-4);
  letter-spacing: -2px;
  line-height: 1;
  opacity: 0.55;
  pointer-events: none;
}
@media (max-width: 800px) {
  main.prose .code-h:hover::before { display: none; }
}

/* feature-list rows get the handle on hover, on top of the existing rule */
main.prose .feature-list li { position: relative; }
main.prose .feature-list li:hover::before {
  content: "⋮⋮";
  position: absolute;
  left: -22px; top: 26px;
  font-family: var(--mono);
  font-size: 12px;
  color: var(--ink-4);
  letter-spacing: -2px;
  line-height: 1;
  opacity: 0.55;
  pointer-events: none;
}

/* Subtle row tint on prose ul/ol — the same affordance the paragraphs get,
   restored for lists. Caveat: only inside .prose, only on non-marketing UL. */
main.prose ul:not(.feature-list):not(.curriculum):not(.lifecycle):not(.issue-list):hover,
main.prose ol:hover {
  background: rgba(26, 24, 18, 0.025);
}


/* ============================================================
   #1 · Hover affordances on tables / evidence / paths
   Subtle. "Inspectable, not click-me." Per the brief.
   ============================================================ */

/* Table rows — very light row tint on hover (skip the .hi accent row) */
table.data tbody tr { transition: background-color .12s ease; }
table.data tbody tr:not(.hi):hover td {
  background: rgba(26, 24, 18, 0.025);
}

/* Evidence cards — top rule shifts from rule → ink on hover */
.evidence-card {
  border-top-color: var(--ink);   /* already ink in base.css; here for clarity */
}
.evidence-card:hover {
  background: rgba(26, 24, 18, 0.03);
}

/* Path cards — subtle elevation shift via background, no shadow */
.path-card {
  transition: background-color .15s ease, border-top-color .15s ease;
  padding-left: 12px;
  padding-right: 12px;
  margin-left: -12px;
  margin-right: -12px;
  padding-bottom: 12px;
  border-radius: 2px;
}
.path-card:hover {
  background: rgba(26, 24, 18, 0.022);
  border-top-color: var(--ink);
}


/* ============================================================
   #1 · Page-properties rows: inspectable affordance on hover
   notebook.css already tints the dd on hover. Add a subtle drag-handle
   on the entire row so they read as editable property rows.
   ============================================================ */

.page-props dt { position: relative; }
.page-props dt:hover::before {
  /* override notebook.css's static square indicator on hover */
  background: var(--ink-3);
}


/* ============================================================
   #3 · Homepage hierarchy — wedge → thesis → paths → evidence
   Adjustments scoped to body[data-screen-label="01 Home"] so the
   delta does not leak into pending pages or the rosetta lab/paper.
   ============================================================ */

body[data-screen-label="01 Home"] .hero {
  padding: 56px 0 36px;
}

/* Lede max-width tightens ~10ch to feel weighted */
body[data-screen-label="01 Home"] .hero-lede {
  max-width: 54ch;
}

/* Thesis section — doubled silence on top and bottom */
body[data-screen-label="01 Home"] .thesis-section {
  margin-top: 56px;
  margin-bottom: 56px;
  padding-top: 32px;
  padding-bottom: 32px;
}

/* The thesis callout itself: a hair more presence, since this is the
   load-bearing sentence of the brand. */
body[data-screen-label="01 Home"] .thesis-section .callout {
  padding: 28px 32px 30px 26px;
  margin: 18px 0;
}

/* Paths grid — second-most-important block. Slight type weight bump and
   a touch more vertical room. */
body[data-screen-label="01 Home"] .path-grid {
  margin-top: 36px;
  gap: 44px var(--gutter);
}
body[data-screen-label="01 Home"] .path-card h3 {
  font-size: 23px;
  margin-bottom: 14px;
}
body[data-screen-label="01 Home"] .path-card p {
  font-size: 16.5px;
}

/* Evidence cards — −15% on the big number, body steady. They should not
   compete with the paths grid above them. */
body[data-screen-label="01 Home"] .evidence-card .num.big {
  font-size: clamp(24px, 2.9vw, 34px);
}
body[data-screen-label="01 Home"] .evidence-card p {
  font-size: 15px;
}
body[data-screen-label="01 Home"] .evidence {
  margin-top: 16px;
}

/* Discipline section — quieter. Only an engaged reader gets here. */
body[data-screen-label="01 Home"] .discipline {
  margin-top: 64px;
}
body[data-screen-label="01 Home"] .discipline h2 {
  font-size: clamp(22px, 1.9vw, 26px);
  margin-bottom: 14px;
}
body[data-screen-label="01 Home"] .discipline p {
  font-size: 16px;
  color: var(--ink-2);
  max-width: 62ch;
}


/* ============================================================
   Misc · the paths-grid path-card border-top stays ink (locked),
   but on hover we already shift to ink (above). On home, the active
   nav indicator is "Lab" — no change.
   ============================================================ */