/* Current project explanations: inherit Misfit Circuit's existing palette and type. */
.current-tools .page-hero { max-width: 920px; }
.ct-diagram { margin: 0 0 24px; }
.ct-flow { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; counter-reset: ct-step; }
.ct-flow li { min-width: 0; counter-increment: ct-step; padding: 18px; background: var(--card); border: 1px solid var(--line-2); border-top: 2px solid var(--brass); border-radius: var(--radius); }
.ct-flow li::before { content: "0" counter(ct-step); display: block; margin-bottom: 16px; color: var(--brass); font: 500 .82rem/1.3 var(--mono); }
.ct-flow b { display: block; margin-bottom: 6px; color: var(--cream); font: 500 1.24rem/1.2 var(--display); }
.ct-flow span { display: block; color: var(--soft); line-height: 1.5; }
.ct-diagram figcaption { margin-top: 12px; max-width: 72ch; color: var(--soft); font-size: .86em; }
.ct-timeline { position: relative; margin: 0; padding: 0 0 0 24px; border-left: 1px solid var(--brass); list-style: none; }
.ct-timeline li { position: relative; margin: 0 0 28px; padding: 0 0 10px; }
.ct-timeline li:last-child { margin-bottom: 0; }
.ct-timeline li::before { position: absolute; top: 6px; left: -29px; content: ""; width: 9px; height: 9px; border: 1px solid var(--brass); border-radius: 50%; background: var(--brass); }
.ct-timeline time { display: block; color: var(--brass); font: 500 .85rem/1.4 var(--mono); }
.ct-timeline h3 { margin: 7px 0; }
.ct-timeline p { max-width: 65ch; margin: 0; color: var(--soft); }
@media (min-width: 1100px) { .ct-flow { grid-template-columns: repeat(4, minmax(0, 1fr)); } .ct-flow-three { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 479px) { .ct-flow { grid-template-columns: minmax(0, 1fr); } .ct-flow li { padding: 16px; } .ct-flow li::before { margin-bottom: 8px; } }

.current-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.current-cards article { min-width:0; padding-top:18px; border-top:2px solid var(--brass); }
.current-cards p { font-size:.94em; }
.current-note { margin-top:24px; padding:18px 22px; border:1px solid var(--brass-dim); border-radius:var(--radius); font-size:.9em; }
.tool-prose pre { max-width:100%; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; padding:20px; border:1px solid var(--line-2); border-radius:8px; }
@media(max-width:800px) { .current-cards { grid-template-columns:minmax(0,1fr); gap:20px; } }

/* Field-note card titles are standalone touch targets. */
.current-cards h3 a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; }