/* product-v3.css: /product redesign (RJ 06.10.2026, Claude Design "Product").
   The design's markup keeps its inline styles (desktop values); this file adds
   the step nav's active state and the phone layout the design tool computed in
   JavaScript (one column, mock under the text, no sticky mock, floating card
   in flow). Scope: agents/marketing/drafts/2026-10-06-redesign-build-scope.md. */

#pp-main .pp-subnav-link { color: #8a6d3b; border-bottom: 2px solid transparent; }
#pp-main .pp-subnav-link > span { color: #d4bfa3; }
#pp-main .pp-subnav-link.is-active { color: #14203b; border-bottom-color: #ffcc00; }
#pp-main .pp-subnav-link.is-active > span { color: #ffcc00; }
#pp-main .pp-subnav-link:hover { color: #14203b; }
#pp-main section[id] { scroll-margin-top: 130px; }

@media (max-width: 899px) {
  #pp-main .pd-hero-art { padding: 0 !important; }
  #pp-main .pd-float { position: relative !important; right: auto !important; bottom: auto !important; margin-top: 12px !important; width: auto !important; max-width: 320px; }
  #pp-main .pd-pillar { grid-template-columns: minmax(0, 1fr) !important; }
  #pp-main .pd-rt { order: 1 !important; }
  #pp-main .pd-rm { order: 2 !important; }
  #pp-main .pd-stick { position: static !important; }
  #pp-main .pd-pillar > * { min-width: 0; }
  #pp-main .pd-rm *, #pp-main .pd-stick * { min-width: 0; }
  #pp-main .pd-rm [style*="white-space:nowrap"], #pp-main .pd-stick [style*="white-space:nowrap"] { white-space: normal !important; }
}

/* ---- Review fixes (adversarial design review, 06.10.2026) ---- */
/* Mockups stick below the header + step nav (top set by the page script) */
#pp-main .pd-stick { top: var(--pd-sticky-top, 160px) !important; }
#pp-main section[id] { scroll-margin-top: var(--pd-sticky-top, 160px); }
/* Hero: the floating "Delivered" card no longer covers the form's figures */
@media (min-width: 1100px) { #pp-main .pd-hero-art { padding: 0 0 150px 0 !important; } }
@media (max-width: 1099px) {
  #pp-main .pd-hero-art { padding: 0 !important; }
  #pp-main .pd-float { position: relative !important; right: auto !important; bottom: auto !important; margin-top: 12px !important; width: auto !important; max-width: 320px; }
}
/* Step nav numbers readable (were 1.8:1) */
#pp-main .pp-subnav-link > span { color: #8a6d3b; }
#pp-main .pp-subnav-link.is-active > span { color: #14203b; }
/* Contrast: grey mock metadata and the hero kicker */
#pp-main [style*="color:#8a8f99"] { color: #5f6470 !important; }
#pp-main [style*="color:#8a6d3b"][style*="font-size:11px"] { color: #7a5f2f !important; }
/* Smallest labels up to 11px */
#pp-main [style*="font-size:9px"], #pp-main [style*="font-size:9.5px"], #pp-main [style*="font-size:10px"], #pp-main [style*="font-size:10.5px"] { font-size: 11px !important; }
/* Tail bands: brand button, no overlapping "?" glyph, spacing */
#pp-main .rc2-btn { background: #14203b !important; color: #fff !important; }
#pp-main .rc2-quote { display: none; }
#pp-main section[aria-label="German VAT documents checklist"] { padding-bottom: 28px !important; }
#pp-main section[data-screen-label] p, #pp-main [data-screen-label="Product · Credential strip"] span { text-wrap: pretty; }