/* Evidence (evidence.html): page-only styles. Flat fills only. */

.ev-body { margin-top: 1.25rem; max-width: 50ch; color: var(--navy-fg-muted); }
.tone-light .ev-body { color: var(--paper-fg-muted); }
.ev-hero__svg { max-width: 26rem; margin-inline: auto; }
.ev-status h2, .ev-know h2, .ev-studies h2, .ev-publish h2 { max-width: 16ch; }
.ev-know h2, .ev-studies h2, .ev-publish h2, .ev-road h2 { margin-top: 1.2rem; }

/* ---------- Before dawn: status cards (paper cards on the dark sky) ---------- */
.ev-card { position: relative; border-radius: var(--radius-card); padding: clamp(1.4rem, 2.8vw, 2.25rem); background: var(--paper); color: var(--paper-fg); }
.ev-card h3 { margin-top: .4rem; font-size: var(--step-h3); }
.ev-card > p:last-child { margin-top: .7rem; color: var(--paper-fg-muted); font-size: var(--step-caption); }
.ev-card__label { margin-top: 1.1rem; font-size: var(--step-micro); letter-spacing: .14em; text-transform: uppercase; font-weight: 700; color: var(--accent-text); }
.ev-mark { width: 2.25rem; height: 2.25rem; }
.ev-mark .fill { fill: var(--navy); }
.ev-mark .ring { fill: none; stroke: var(--navy); stroke-width: 2.5; stroke-linecap: round; }

/* ---------- Before dawn: what we know ---------- */
.ev-know__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(2rem, 6vw, 6rem); align-items: center; }
.ev-alpha__tag { display: block; margin-bottom: .9rem; font-size: var(--step-micro); letter-spacing: .14em; text-transform: uppercase; font-weight: 650; color: var(--gold); }
.ev-know .alpha { border: 1px solid rgb(230 178 60 / 30%); }
.ev-know .alpha > p { color: var(--ivory); }
.ev-know .alpha .ev-alpha__limit { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid rgb(230 178 60 / 30%); color: var(--navy-fg-muted); font-size: var(--step-micro); line-height: 1.6; }
.ev-alpha__limit strong { color: var(--gold); font-weight: 650; }
.ev-note { margin-top: 1.1rem; padding: .9rem 1.1rem; border-left: 2px solid var(--gold); font-size: var(--step-caption); color: var(--navy-fg-muted); }

/* ---------- First light: the roadmap stairs (signature) ---------- */
.ev-road__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 1rem 3rem; }
.ev-road__head > div { flex: 1 1 28rem; }
.ev-road__head h2 { max-width: 17ch; }
.ev-road__head > p { flex: 0 1 34ch; color: var(--navy-fg-muted); font-size: var(--step-subhead); line-height: 1.45; }
.ev-stairs { width: 100%; height: auto; margin-top: clamp(1.75rem, 5vh, 3rem); overflow: visible; }
.ev-stairs__ground { stroke: rgb(242 239 230 / 35%); stroke-width: 1; }
.ev-step { fill: rgb(242 239 230 / 6%); stroke: rgb(242 239 230 / 26%); stroke-width: 1.5; transition: fill 500ms var(--ease-out-quart), stroke 500ms; }
.ev-step--gate { stroke-dasharray: 6 6; }
.ev-step.on { fill: var(--navy); stroke: var(--gold); }
.ev-step__n { font-family: var(--font-body); font-size: 18px; font-weight: 700; letter-spacing: .12em; fill: var(--ivory); opacity: .55; transition: fill 500ms, opacity 500ms; }
.ev-step__n.on { fill: var(--gold); opacity: 1; }
.ev-stairs__sun { fill: var(--gold); stroke: var(--navy); stroke-width: 2; }
.ev-stages { list-style: none; margin: 1.25rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2.5%; }
.ev-stages > li { border-top: 2px solid var(--gold); padding-top: 1rem; transition: opacity 500ms var(--ease-out-quart); }
.js .ev-stages > li { opacity: .42; }
.js .ev-stages > li.on { opacity: 1; }
.ev-stage__status .chip { font-size: .68rem; letter-spacing: .06em; line-height: 1.3; text-align: left; }
.ev-stages h3 { margin-top: .8rem; font-size: var(--step-subhead); line-height: 1.2; }
.ev-stages p:not(.ev-stage__status) { margin-top: .5rem; font-size: var(--step-caption); color: var(--navy-fg-muted); }

/* ---------- Dawn: study questions ---------- */
.ev-studies__grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(2rem, 6vw, 6rem); align-items: start; }
.ev-limits { margin-top: 1.75rem; padding: 1.1rem 1.25rem; border-radius: var(--radius-card); background: var(--navy); color: var(--ivory); border: 1px solid rgb(230 178 60 / 30%); }
.ev-limits__label { font-size: var(--step-micro); letter-spacing: .14em; text-transform: uppercase; font-weight: 650; color: var(--gold); }
.ev-limits ul { margin: .6rem 0 0; padding-left: 1.1em; font-size: var(--step-caption); }
.ev-limits li + li { margin-top: .4rem; }
.ev-qs { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgb(230 178 60 / 26%); }
.ev-qs > li { display: flex; justify-content: space-between; align-items: flex-start; gap: 1.25rem; padding-block: .95rem; border-bottom: 1px solid rgb(230 178 60 / 26%); }
.ev-qs h3 { font-size: var(--step-subhead); line-height: 1.25; }
.ev-qs p { margin-top: .3rem; font-size: var(--step-caption); color: var(--navy-fg-muted); max-width: 52ch; }
.ev-qs .chip { flex: none; margin-top: .15rem; }
.ev-qs .chip:not(.chip--gold) { color: var(--ivory); }
.ev-qs__foot { border-bottom: 0 !important; }
.ev-qs__foot p { margin: 0; font-size: var(--step-micro); }

/* ---------- Sunrise: the data threshold ---------- */
.ev-gate__grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: center; }
.ev-path { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; counter-reset: path; }
.ev-path li { position: relative; counter-increment: path; display: grid; justify-items: start; gap: .75rem; padding-right: 1rem; }
.ev-path li::before { content: counter(path, decimal-leading-zero); position: relative; z-index: 1; display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border-radius: 50%; background: var(--paper); border: 1.5px solid var(--navy); font-size: var(--step-micro); font-weight: 700; font-variant-numeric: tabular-nums; }
.ev-path li::after { content: ""; position: absolute; left: 2.6rem; right: 0; top: 1.3rem; height: 1.5px; background: var(--navy); }
.ev-path li:last-child::after { display: none; }
.ev-path li span { font-family: var(--font-display); font-weight: 600; font-size: var(--step-subhead); line-height: 1.2; }
.ev-path .ev-path__end::before { background: var(--navy); border-color: var(--navy); color: var(--gold); }
.ev-example { padding: clamp(1.25rem, 2.6vw, 2rem); border-radius: var(--radius-card); background: var(--paper); color: var(--paper-fg); }
.ev-example__label { font-size: var(--step-micro); letter-spacing: .14em; text-transform: uppercase; font-weight: 700; color: var(--accent-text); }
.ev-example p:not(.ev-example__label) { margin-top: .7rem; font-size: var(--step-caption); }
.ev-example .text-link { margin-top: 1.1rem; border-bottom-color: var(--navy); }

/* ---------- Morning: how we publish ---------- */
.ev-rules { margin-top: 1.75rem; }
.ev-rules > li { padding-block: 1rem; grid-template-columns: 3.25rem 1fr; }
.ev-rules > li::before { font-size: 1.6rem; }
.ev-rules h3 { font-size: var(--step-subhead); line-height: 1.25; }
.ev-account { border-radius: var(--radius-card); padding: clamp(1.4rem, 3vw, 2.25rem); background: var(--navy); color: var(--ivory); }
.ev-account__label { font-size: var(--step-micro); letter-spacing: .14em; text-transform: uppercase; font-weight: 650; color: var(--gold); }
.ev-account__lead { margin-top: .8rem; font-family: var(--font-display); font-size: var(--step-subhead); line-height: 1.3; }
.ev-account ul { list-style: none; margin: 1.25rem 0 0; padding: 0; border-top: 1px solid rgb(230 178 60 / 26%); }
.ev-account li { border-bottom: 1px solid rgb(230 178 60 / 26%); }
.ev-account a { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding-block: .85rem; text-decoration: none; font-weight: 600; font-size: var(--step-caption); }
.ev-account a svg { flex: none; width: 1rem; height: 1rem; color: var(--gold); transition: transform var(--dur-base) var(--ease-out-expo); }
.ev-account a:hover svg { transform: translateX(3px); }
.ev-account a:focus-visible { outline-color: var(--gold); }

/* ---------- Midday: call to action ---------- */
.ev-cta .cta-band__actions { align-items: center; gap: 1rem 1.75rem; }
.ev-cta__link { align-self: center; }

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
  .ev-know__grid, .ev-studies__grid, .ev-gate__grid { grid-template-columns: 1fr; }
  .ev-stages { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 1.25rem; }
}
@media (max-width: 640px) {
  .ev-stages { grid-template-columns: 1fr; gap: 1rem; }
  .ev-stages > li { padding-top: .75rem; }
  .ev-path { grid-template-columns: 1fr; gap: .9rem; }
  .ev-path li { grid-template-columns: 2.6rem 1fr; align-items: center; padding-right: 0; }
  .ev-path li::after { left: 1.3rem; right: auto; top: 2.6rem; width: 1.5px; height: .9rem; }
  .ev-qs > li { flex-direction: column; gap: .5rem; }
  .ev-qs .chip { margin-top: 0; }
  .ev-rules > li { grid-template-columns: 2.6rem 1fr; gap: .6rem; }
}