/* Simplified plan route (issue 125). Deliberately quiet: the point of this
   route is fewer questions and less furniture, so it borrows the farmer
   tokens and adds almost nothing. */

.plan-body { max-width: 46rem; margin: 0 auto; padding: 0 1rem 4rem; }

.plan-head {
  display: flex; align-items: center; gap: 1rem;
  flex-wrap: wrap; padding: 1rem 0; border-bottom: 1px solid var(--faint);
}
.plan-brand { margin: 0; font-weight: 700; letter-spacing: .08em; font-size: 12px; }
.plan-head select { margin-inline-start: auto; }

.plan-steps ol { display: flex; gap: .75rem; list-style: none; margin: 0; padding: 0;
  font-size: 11px; text-transform: uppercase; letter-spacing: .04em; }
.plan-steps li { color: var(--muted); }
.plan-steps li.is-done { color: var(--accent); }
.plan-steps li[aria-current] { color: var(--ink); font-weight: 700; }

.plan-page { padding-top: 1.5rem; }
.plan-page h1 { font-size: 1.5rem; line-height: 1.2; margin: 0 0 .5rem; }
.plan-lede { margin: 0 0 1.5rem; color: var(--muted); font-size: 13px; line-height: 1.5; }

.plan-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); gap: .75rem; }
.plan-actions { display: flex; gap: .5rem; margin-top: 2rem; }

.plan-estimate { margin: .5rem 0 0; font-size: 12px; line-height: 1.5; color: var(--muted); }
/* Nothing grows here is the most important sentence this route can say. */
.plan-estimate.is-nil { color: var(--caution); font-weight: 600; }

.plan-summary { border: 1px solid var(--faint); padding: .75rem 1rem; margin-bottom: 1.5rem; }
.plan-summary h2 { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; margin: 0 0 .5rem; }
.plan-summary dl { display: grid; grid-template-columns: auto 1fr; gap: .25rem .75rem;
  margin: 0 0 .5rem; font-size: 13px; }
.plan-summary dt { color: var(--muted); }
.plan-summary dd { margin: 0; }

.plan-starting { border-inline-start: 3px solid var(--accent); padding-inline-start: .75rem; margin-bottom: 1.5rem; }
.plan-starting h2 { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; margin: 0 0 .25rem; }
.plan-starting p { margin: 0; font-size: 13px; line-height: 1.5; }

.plan-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  gap: 1rem; margin-bottom: 2rem; }
.plan-option { border: 1px solid var(--faint); padding: 1rem; }
.plan-option h3 { margin: 0 0 .5rem; font-size: 13px; }
.plan-option-figure { margin: 0; font-size: 1.35rem; font-weight: 700; line-height: 1.1; }
.plan-option-total { margin: .25rem 0 .5rem; font-size: 12px; color: var(--muted); }

.plan-contributions h2, .plan-honesty h2 {
  font-size: 12px; text-transform: uppercase; letter-spacing: .04em; margin: 0 0 .5rem;
}
.plan-contrib-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.plan-contrib-table th, .plan-contrib-table td {
  padding: .4rem .5rem; text-align: start; border-bottom: 1px solid var(--faint);
}
.plan-honesty { margin-top: 2rem; border-top: 1px solid var(--faint); padding-top: 1rem; }
.plan-honesty p { margin: 0; font-size: 12px; line-height: 1.6; color: var(--muted); }

/* The amendment is the wrong tool for this field. Said plainly beats two
   cards reading 0.00. */
.plan-blocked {
  border-inline-start: 3px solid var(--caution); padding-inline-start: .75rem;
  margin: 0 0 2rem; font-size: 13px; line-height: 1.6; color: var(--caution); font-weight: 600;
}

/* Rainfall that varies threefold makes the mean a poor basis for a decision.
   Said where the farmer enters the number, not in a footnote. */
.plan-variable {
  border-inline-start: 3px solid var(--caution); padding-inline-start: .75rem;
  margin: .5rem 0 0; font-size: 12px; line-height: 1.5; color: var(--caution);
}
.plan-amf { margin-top: 2rem; border-top: 1px solid var(--faint); padding-top: 1rem; }
.plan-amf h2 { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; margin: 0 0 .5rem; }
.plan-amf p { margin: 0; font-size: 13px; line-height: 1.6; }
/* Do not buy this is a more useful sentence than which one to buy. */
.plan-amf p.is-refusal { color: var(--caution); font-weight: 600; }

.plan-money { margin-bottom: 2rem; }
.plan-money h2 { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; margin: 0 0 .5rem; }
.plan-money-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.plan-money-table th, .plan-money-table td {
  padding: .4rem .5rem; text-align: start; border-bottom: 1px solid var(--faint);
}
/* A row that costs and returns nothing is the one a farmer most needs to see. */
.plan-money-table tr.is-loss td { color: var(--caution); font-weight: 600; }

/* The chosen rate, and what over-applying would cost. */
.plan-dose { margin: .5rem 0 0; font-size: 12px; line-height: 1.5; font-weight: 600; }

/* Management beats product. Same weight as the dose line, because it is
   usually the bigger number. */
.plan-management {
  border-inline-start: 3px solid var(--accent); padding-inline-start: .75rem;
  margin: .5rem 0 0; font-size: 12px; line-height: 1.5; font-weight: 600;
}