/* The fuel plant: this stop's own drawings (05-17 sections.fuel). Shared looks are in living/explain.css. */
.fu-recipe { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 22px; align-items: center; }
.fu-atoms { width: 100%; height: auto; display: block; border-radius: 16px; background: #FBF8F3; border: 1px solid var(--rule); }
.dread { display: grid; align-content: center; gap: 12px; padding: 22px; border-radius: 16px; background: #FBF8F3; border: 1px solid var(--rule); }
.dread p { margin: 0; font-size: 15px; line-height: 1.5; color: var(--muted); }
.fu-say { color: var(--ink) !important; font-size: 16px !important; }
.fu-keys { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 13.5px; }
.fu-keys span { display: inline-flex; align-items: center; gap: 7px; }
.fu-keys i { width: 12px; height: 12px; border-radius: 50%; }
.fu-mix { justify-self: start; padding: 10px 16px; border-radius: 999px; border: 0; background: var(--ink); color: #FFF4EA; font: 600 14px/1 var(--wum-body); cursor: pointer; }
.fu-mix:hover { background: var(--rust); }
.fu-loop, .fu-cold { width: 100%; height: auto; display: block; }
.fu-flow { animation: flow 1.4s linear infinite; }
.fu-merc { transform: scaleY(0); transition: transform 2.4s cubic-bezier(.3,.7,.2,1); }
.fig.in .fu-merc { transform: none; }
.blink { animation: pulse 1.4s ease-in-out infinite; }
.drift2 { animation: drift 3.4s linear infinite; }
@media (max-width: 960px) { .fu-recipe { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .fu-flow, .blink, .drift2 { animation: none; } .fu-merc { transition: none; transform: none; } }