/* Shared styles for the static sub-pages (sell, financing): a single centered card
   in the build-page language. Consumes tokens.css + build.css + hub.css. */
.pg-wrap { max-width: 860px; margin: 0 auto; padding: clamp(1.2rem, 3vw, 2rem); }
.pg-card { padding: clamp(1.4rem, 4vw, 2.4rem); }
.pg-title { font-size: clamp(1.5rem, 5vw, 2rem); font-weight: 700; letter-spacing: -0.02em; margin: 0 0 0.4rem; line-height: 1.15; }
.pg-h2 { font-size: 1.05rem; font-weight: 700; letter-spacing: -0.01em; margin: 1.6rem 0 0.8rem; }
.pg-form { margin-top: 1rem; }
.pg-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem 1rem; }
@media (max-width: 560px) { .pg-grid { grid-template-columns: 1fr; } }
.pg-field { display: flex; flex-direction: column; gap: 0.3rem; }
.pg-field > span { font-weight: 600; font-size: 0.82rem; color: var(--pr-ink); }
.pg-full { grid-column: 1 / -1; }
.pg-submit { width: 100%; margin-top: 1.2rem; }

/* financing estimator */
.fin-readout { background: var(--pr-card-soft); border-radius: var(--pr-radius); padding: 1.2rem 1.4rem; margin: 1rem 0 0.4rem; display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: baseline; }
.fin-big { font-size: 2rem; font-weight: 700; letter-spacing: -0.02em; color: var(--pr-ink); }
.fin-big small { display: block; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--pr-slate); }
.fin-controls { display: grid; gap: 1rem; margin-top: 1rem; }
.fin-row { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.fin-row label { font-weight: 600; font-size: 0.85rem; min-width: 110px; }
.fin-row input[type="range"] { flex: 1; accent-color: var(--pr-forest); min-width: 160px; }
.fin-val { font-weight: 700; min-width: 90px; text-align: right; }