.valuation-page { padding: var(--space-16) 0; }
.valuation-container { max-width: 900px; }
.valuation-intro { max-width: 720px; margin-bottom: var(--space-10); }
.valuation-intro h1 { font-size: var(--text-2xl); margin: var(--space-4) 0 var(--space-6); }
.valuation-intro > p:not(.eyebrow) { margin-top: var(--space-4); }
.valuation-note { color: var(--color-text-muted); font-size: var(--text-sm); }
.valuation-card { background: var(--color-surface); border: 1px solid var(--color-divider); border-radius: var(--radius-xl); overflow: hidden; }
.valuation-card-heading { padding: var(--space-8); border-bottom: 1px solid var(--color-divider); }
.valuation-card h2, .valuation-help h2 { font-size: var(--text-xl); margin-bottom: var(--space-3); }
.valuation-card a, .valuation-help a { text-underline-offset: 3px; overflow-wrap: anywhere; }
.valuation-card-heading p, .valuation-loader p, .valuation-fallback, .valuation-status { font-size: var(--text-sm); }
.valuation-loader { padding: var(--space-8); background: var(--color-primary-soft); }
.valuation-loader .btn { margin-top: var(--space-6); white-space: normal; text-align: center; line-height: 1.5; }
.valuation-loader .btn[hidden], [hidden] { display: none !important; }
.valuation-status { padding: var(--space-4) var(--space-6) 0; color: var(--color-text-muted); }
#valuation-frame { display: block; width: 100%; height: 2450px; border: 0; background: #fff; }
.valuation-fallback { padding: var(--space-6) var(--space-8); border-top: 1px solid var(--color-divider); }
.valuation-help { padding-top: var(--space-10); }
.valuation-help p { font-size: var(--text-sm); }
@media (max-width: 600px) {
  .valuation-page { padding: var(--space-10) 0; }
  .valuation-card-heading, .valuation-loader { padding: var(--space-6) var(--space-4); }
  .valuation-fallback { padding: var(--space-6) var(--space-4); }
  #valuation-frame { height: 2700px; }
  .valuation-intro h1 br { display: none; }
}