/* Components for the research-plan page (/full-bandwidth-attention-residuals/), in the site's palette.
   The s3e42 mechanism reuses the background post's figure and equation styles from site.css. */

.plan-steps { margin: 6px 0 22px; padding-left: 1.4em; }
.plan-steps li { margin: 0 0 10px; padding-left: 4px; }
.plan-steps li::marker { color: var(--accent); font: 600 15px var(--sans); }
.plan-flow { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin: 10px 0 2px; font: 14px/1.3 var(--sans); }
.plan-flow b { padding: 4px 10px; border: 1px solid #b9d6c8; border-radius: 5px; background: var(--transform-soft); color: var(--transform-ink); font-weight: 500; }
.plan-flow i { color: var(--faint); font-style: normal; }
.plan-evidence { margin: 18px 0 0; padding-left: 18px; border-left: 2px solid var(--accent-line); color: var(--ink-soft); }
.hypothesis-statement { margin: 4px 0 30px; padding: 18px 24px 19px; border-left: 4px solid var(--accent); border-radius: 0 6px 6px 0; background: var(--accent-soft); }
.hypothesis-statement p { margin: 0; color: var(--ink); font: 500 23px/1.4 var(--display); letter-spacing: -.005em; }
@media (max-width: 600px) { .hypothesis-statement { padding: 14px 16px; } .hypothesis-statement p { font-size: 20px; } }

/* The observations sit above the contents as an unnumbered preamble. */
.notes-preamble { grid-column: text-start / text-end; grid-row: 2; min-width: 0; margin-bottom: 56px; }