/* Recorded engineering run on the landing page (web/runlog.js) */
.runlog-section { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 48px; align-items: center; padding: 72px 0 24px; }
.runlog-section h2 { font: 800 clamp(28px, 3vw, 40px)/1.12 var(--sans, sans-serif); letter-spacing: -.03em; color: #eef7f5; margin: 0 0 14px; text-transform: none; display: block; }
.runlog-copy p:not(.kicker) { color: #9bb3b4; font-size: 16px; line-height: 1.6; margin: 0 0 22px; }
.runlog-facts { display: grid; grid-template-columns: repeat(5, auto); gap: 4px 22px; margin: 0 0 22px; }
.runlog-facts dt { font: 600 11px var(--mono, monospace); letter-spacing: .12em; text-transform: uppercase; color: #8fa9ab; }
.runlog-facts dd { margin: 4px 0 0; font: 700 20px var(--sans, sans-serif); color: #eef7f5; }
.runlog-term { background: #0a1a1e; border: 1px solid #244850; border-radius: 12px; overflow: hidden; box-shadow: 0 24px 60px rgba(0,0,0,.35); }
.runlog-bar { display: flex; align-items: center; gap: 7px; padding: 10px 14px; background: #10292f; border-bottom: 1px solid #244850; }
.runlog-bar span { width: 10px; height: 10px; border-radius: 50%; background: #3a5960; }
.runlog-bar b { margin-left: 10px; font: 500 12px var(--mono, monospace); color: #8fa9ab; }
.runlog-body { height: 420px; overflow-y: auto; padding: 14px 18px 18px; font: 13px/1.55 var(--mono, monospace); color: #cfe2df; scroll-behavior: smooth; }
.rl { padding: 2px 0; animation: rl-in .25s ease-out both; }
.rl i { font-style: normal; display: inline-block; min-width: 46px; margin-right: 8px; color: #8fa9ab; }
.rl-goal { color: #1c4117; margin-bottom: 6px; }
.rl-round { margin-top: 12px; color: #102c0c; font-weight: 700; letter-spacing: .1em; }
.rl-muse i { color: #1c4117; }
.rl-tools { color: #8fa9ab; }
.rl-check span { display: block; margin-left: 54px; color: #7f9a9c; font-size: 12px; }
.rl-check.pass i { color: #93d7aa; }
.rl-check.fail { color: #ff9a90; } .rl-check.fail i { color: #ff8a80; font-weight: 700; }
.rl-back { color: #f1bd73; margin: 4px 0 2px 54px; }
.rl-done { margin-top: 14px; padding: 10px 12px; border: 1px solid #2e6b50; border-radius: 8px; background: rgba(46,160,106,.12); color: #b9ecc9; }
@keyframes rl-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .rl { animation: none; } .runlog-body { scroll-behavior: auto; } }
@media (max-width: 900px) { .runlog-section { grid-template-columns: 1fr; } .runlog-facts { grid-template-columns: repeat(3, auto); } }