/* Shared readable feedback, links and keyboard focus. */
:root { --header-offset: 110px; }
body :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid #2475c7;
  outline-offset: 3px;
}
:where([id], input, select, textarea, button, a, summary, [tabindex]) {
  scroll-margin-top: var(--header-offset);
  scroll-margin-bottom: 24px;
}
.skip-link { position: fixed; top: 12px; left: 12px; z-index: 2000; padding: 12px 18px; background: #173f78; color: #fff; border-radius: 6px; transform: translateY(-200%); }
.skip-link:focus { transform: none; }
.form-error-summary { grid-column: 1 / -1; min-width: 0; margin: 0 0 20px; padding: 16px 18px; border: 2px solid #b93e35; border-radius: 10px; background: #fff8f7; color: #812d27; overflow-wrap: anywhere; }
.form-error-summary h2 { margin: 0 0 8px; color: #812d27; font-size: 18px; line-height: 1.35; }
.form-error-summary ul { margin: 0; padding-left: 20px; display: grid; gap: 8px; }
.form-error-summary a { color: #812d27; text-decoration: underline; text-underline-offset: 3px; font-weight: 650; }
.client-field-error { display: block; color: #a9322a; font-size: 13px; line-height: 1.4; font-style: normal; margin-top: 6px; }
.message-stack { position: static; width: auto; pointer-events: auto; margin-top: 16px; }
.message-stack .message { max-width: 100%; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

.auth-form input:not([type="checkbox"])::placeholder { color: var(--muted); opacity: 1; }

.order-document-details{margin:8px 0;max-width:42rem;overflow-wrap:anywhere}
.order-document-details>summary{min-height:44px;display:flex;align-items:center;gap:8px;color:#173f78;font-weight:600;cursor:pointer}
.order-document-details>summary::before{content:'▸'}
.order-document-details[open]>summary::before{content:'▾'}
.order-document-details>small{display:block;padding:4px 0;line-height:1.5}

/* Readable supporting information on the populated buyer journeys. */
.detail-page :is(.spec-grid small, .series-head, .trade-panel > small,
  .lot-total span, .trade-live-meta > span, .price-rules span,
  .package-count-field > small, .trade-contact-card summary small, .pickup-trust-card small,
  .purchase-selection-summary > span, .deal-conditions > div > span),
.feedback-field-help, .notification-meta,
body.manager-cabinet .bundle-stock-product em { color: #526176; }
/* app.css forces all eyebrows blue; dark hero panels need the light variant. */
.notification-hero .eyebrow, .upcoming-hero .eyebrow { color: #dce7f4 !important; }
.detail-page .trade-submit { background: #bd4138 !important; }
.detail-page .trade-submit:hover { background: #a7342d !important; }
.detail-page .package-price-lg { white-space: normal; overflow-wrap: anywhere; }
.detail-page .package-price-option { display: block; }