/* Shared visitor experience. Loaded after the active brand theme. */
@media screen {
  html { scroll-padding-top: 5rem; }
  html[data-site-page="marketing"] body { font-size: 1rem; line-height: 1.6; }
  :where(a, button, input, select, textarea, summary):focus-visible { outline: 3px solid #0E7A4E; outline-offset: 4px; }
  .guide-content { font-size: 1rem; line-height: 1.7; }
  .guide-content h2 { margin-top: 2rem; line-height: 1.25; }
  .guide-content li + li { margin-top: .65rem; }
  .guide-content pre { font-size: .875rem; line-height: 1.6; overflow-x: auto; }
  .guide-content .cta { background: #041A2C; color: #E3EEF6; text-align: left; }
  .guide-content .cta h2, .guide-content .cta h3 { color: #FFFFFF; }
  .guide-content .cta p, .guide-content .cta li { color: #DCE7F0; }
  .guide-content .cta a:not(.btn):not(.btn-ghost) { color: #8EE0BE; }
  .guide-content .cta .btn-ghost { border: 1px solid #9FB6C8; }
  .guide-content .cta a:focus-visible { outline-color: #8EE0BE; }
  .guide-content .actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.25rem; }
  .guide-content .actions a { min-height: 44px; align-items: center; }
  .review-checklist, .evidence-note, .deployment-choice { border: 1px solid #E7E2D9; border-radius: 12px; padding: clamp(1rem, 3vw, 1.75rem); background: #F7F5F1; color: #1B3A57; margin: 1.5rem auto; max-width: 72rem; }
  .review-checklist h2, .deployment-choice h2 { color: #041A2C; font-size: 1.35rem; margin: 0 0 .75rem; }
  .review-checklist p, .review-checklist li, .deployment-choice p, .evidence-note p { color: #1B3A57; }
  .review-checklist ul { padding-left: 1.25rem; }
  .review-checklist li + li { margin-top: .5rem; }
  .evidence-note { font-size: .9375rem; line-height: 1.6; }
  .evidence-note a, .review-checklist a, .deployment-choice a { color: #0E7A4E; text-decoration: underline; text-underline-offset: .18em; }
  .proof-preview { max-width: 900px; margin: 2rem auto 0; text-align: left; padding: 1.25rem; border: 1px solid #E7E2D9; border-radius: 12px; background: #F7F5F1; }
  .proof-preview p { color: #1B3A57; margin: .5rem 0; }
  .proof-preview a { color: #0E7A4E; text-decoration: underline; }
  .proof-preview strong { color: #041A2C; }
  .proof-preview img { width: 100%; height: auto; border: 1px solid #E7E2D9; border-radius: 8px; margin-top: .75rem; }
  .article p, .article li { line-height: 1.7; }
  .field-label { display: block; font-size: .875rem; font-weight: 600; color: #1B3A57; margin-bottom: .35rem; }
  .assess-card .field-group { flex: 1; min-width: 0; margin-bottom: .85rem; }
  .assess-card .field-group input, .assess-card .field-group select { width: 100%; margin-bottom: 0; }
  .assess-card .field-row { align-items: flex-start; }
  .guide-content a:not(.btn):not(.btn-ghost) { text-underline-offset: .18em; }
  .product-detail { margin: 1.5rem auto; max-width: 1240px; border: 1px solid #E7E2D9; border-radius: 12px; padding: 1rem; }
  .product-detail > summary { cursor: pointer; font-weight: 600; color: #041A2C; padding: .5rem; }
  .product-detail[open] > summary { margin-bottom: 1rem; }
  @media (max-width: 640px) {
    .review-checklist, .evidence-note, .deployment-choice { margin-left: 1rem; margin-right: 1rem; }
    .guide-content .review-checklist, .guide-content .evidence-note { margin-left: 0; margin-right: 0; }
    .guide-content .cta { padding: 1.25rem; }
    .guide-content .actions { flex-direction: column; align-items: stretch; }
    .guide-content .actions a { justify-content: center; text-align: center; }
    .hero-eyebrow, .hero-badge { max-width: 100%; white-space: normal; }
    .proof-preview { padding: 1rem; }
  }
  @media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto !important; }
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  }
}

@media screen {
  html[data-site-page="marketing"] .section.dark .eyebrow { color:#496A86 !important; }
  html[data-site-page="marketing"] .section.brand h2,
  html[data-site-page="marketing"] .section.brand h3 { color:#FFFFFF; }
  html[data-site-page="marketing"] .section.brand p { color:#DCE7F0; }
  html[data-site-page="marketing"] .hero-visual { background:#F7F5F1; color:#1B3A57; }
  html[data-site-page="marketing"] .hero-visual .num,
  html[data-site-page="marketing"] .hero-visual .lbl { color:#1B3A57; }
  html[data-site-page="marketing"] footer a:focus-visible { outline-color:#8EE0BE; }
  html[data-site-page="marketing"] .guide-content .cta a.btn-ghost { border:1px solid #9FB6C8; }
  .hero .proof-preview a { font-weight:600; }
  .field-group:focus-within .field-label { color:#0E7A4E; }
  .product-detail > section { padding-top:1rem; padding-bottom:1rem; }
}