/* Race-week fuel pages (/races/, scripts/race-pages.js). Uses the plait.css tokens. */
.rf-answer { border: 1px solid var(--border-strong, rgba(255,255,255,.14)); border-left: 4px solid #0072B2; border-radius: var(--radius, 12px); padding: 18px 20px; margin: 24px 0; background: var(--bg-card, rgba(120,150,180,.05)); }
.rf-answer h2 { margin-top: 0; font-size: 1.15rem; }
.rf-answer p:last-child { margin-bottom: 0; }
.rf-calc { border: 1px solid var(--border-strong, rgba(255,255,255,.14)); border-radius: var(--radius-lg, 16px); padding: 20px; margin: 24px 0; background: var(--bg-card, rgba(120,150,180,.05)); }
.rf-calc form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 16px; }
.rf-calc label { display: flex; flex-direction: column; gap: 6px; font-size: .9rem; font-weight: 600; }
.rf-calc .rf-weight { display: flex; gap: 6px; }
.rf-calc input, .rf-calc select { font: inherit; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--border-strong, rgba(255,255,255,.2)); background: var(--bg, #0d0f12); color: var(--text, #fff); min-width: 0; width: 100%; }
.rf-calc .rf-weight select { width: auto; flex: 0 0 78px; }
.rf-calc h2 { margin-top: 0; }
.rf-out > div > ul { list-style: none; padding-left: 0; }
.rf-out > div > ul > li { margin: 12px 0; }
.rf-calc small { font-weight: 400; color: var(--text-3, #aab4bb); }
.rf-out ul { padding-left: 1.2em; }
.rf-out li { margin: 6px 0; }
.rf-out strong { color: var(--text, inherit); }
.rf-out .rf-mark { display: inline-block; min-width: 1.4em; font-weight: 700; color: #56B4E9; }
.rf-timeline td:first-child { white-space: nowrap; font-weight: 600; }
.rf-phase { display: inline-block; font-size: .78rem; font-weight: 700; letter-spacing: .04em; padding: 2px 8px; border-radius: 999px; border: 1px solid currentColor; margin-bottom: 4px; }
.rf-phase--usual { color: var(--text-3, #aab4bb); }
.rf-phase--fuel { color: #E69F00; }
.rf-phase--race { color: #56B4E9; }
.rf-phase--recovery { color: #CC79A7; }
.rf-ctas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 32px 0; }
.rf-cta { border: 1px solid var(--border-strong, rgba(255,255,255,.14)); border-radius: var(--radius-lg, 16px); padding: 20px; display: flex; flex-direction: column; gap: 10px; }
.rf-cta p { margin: 0; }
.rf-cta .pl-btn { align-self: flex-start; margin-top: auto; }
.rf-races { list-style: none; padding: 0; display: grid; gap: 12px; }
.rf-races li { border: 1px solid var(--border, rgba(255,255,255,.08)); border-radius: var(--radius, 12px); padding: 14px 16px; }
.rf-races a { font-weight: 700; }
.rf-faq h3 { font-size: 1.05rem; margin-bottom: 6px; }
@media (max-width: 640px) {
  .rf-calc form, .rf-ctas { grid-template-columns: 1fr; }
  .rf-calc { padding: 16px; }
}
/* Primary buttons inside article prose keep their own colours (the prose link colour would hide the label). */
.pl-prose a.pl-btn--primary { color: #fff; text-decoration: none; }