/* ══ Feed & Speed Planner ══════════════════════════════════════════════════
   The console is the rail; the recipe is the artifact. style.css owns the
   reset, the chrome, the rail, .chips, .seg, .spec, .notice and .prose —
   this file is the recipe sheet.
   ═══════════════════════════════════════════════════════════════════════ */

.bed { --trim-width: 34rem; }

/* The recipe is what you came for, so it gets the paper: name and reasoning
   on the left, the number you dial in on the right, big and monospaced so
   the five of them read as one column. */
.recipe { padding: 1.75rem 2rem; }
.recipe > h2 {
    font-family: var(--cond);
    font-size: var(--fs-head); font-weight: 600;
    padding-bottom: .625rem;
    border-bottom: 1px solid var(--paper-rule);
}
.recipe-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 1.5rem;
    padding: .875rem 0;
    border-bottom: 1px solid var(--paper-rule);
}
.recipe-row:last-child { border-bottom: 0; padding-bottom: 0; }
.recipe-row dt { font-size: var(--fs-label); color: var(--ink); }
.recipe-row dd {
    grid-column: 2; grid-row: 1 / span 2;
    align-self: center; margin: 0;
    font-family: var(--mono); font-variant-numeric: tabular-nums;
    font-size: var(--fs-figure); white-space: nowrap; text-align: right;
}
.recipe-row p {
    grid-column: 1;
    margin-top: .1875rem;
    font-size: var(--fs-note); line-height: 1.45; color: var(--ink-soft);
}