/* Applies only to the main content of added pages; the live header/footer stay unchanged. */
/* Readable counterparts to the original brand colours. Keep the aqua surfaces
   and warm palette; use ink for small text on bright backgrounds. */
main .v-products-head h2 em, main .v-faq h2 em, main .entry-hero h1 em { color: #00718c; }
main .v-buckets h2 em { color: #102e3a; }
main .chip-blue { background: #0099bb; }
main .label-savings, main .tax-options button > i, main .tax-options button i, main .tax-inputs button > i { color: #102e3a; }
main .tax-insight > span { color: #78501c; }
main .app-preview-kicker, main .device-gallery-heading .app-preview-kicker { color: #00677f; font-size: 12px; }
main .button { background: #00718c; }
main .biz-closing .button, main .library-business .button { color: #006b83; background: #fff; }
main .biz-closing .biz-hero-secondary { text-decoration-color: #091b2280; }
main .feature-overview .biz-hero-secondary, main .entry-hero .biz-hero-secondary { color: #006b83; text-decoration-color: #006b8380; }
main .capability-copy > span, .infrastructure-page main .capability-copy > span { color: #006b83; }
main .batch-demo b { color: #006b83; }
main .calendar-sheet small { background: #00718c; font-size: 12px; }
main .calendar-sheet i, main .account-strip small, main .batch-demo small, main .batch-demo b, main .batch-demo > p, main .approval-demo span, main .commitment-demo > div > span { font-size: 12px; }
main .commitment-demo, main .commitment-demo > div > span { color: #102e3a; }
main .approval-demo { background: #007c63; }
.infrastructure-page main .approval-demo { background: #edf5f8; }
.features-page main .entry-hero h1 em { color: #fff; }
.features-page main .entry-hero .button { background: #fff; color: #006b83; }
.features-page main .library-copy .label, .features-page main .library-copy a { color: #006b83; }
.features-page main .demo-split .demo-caption, .features-page main .pocket-blue { color: #102e3a; }
.features-page main .pocket-coral { background: #c13e2c; }
.features-page main .demo-growth .system-kicker { color: #fff; }
.features-page main .demo-pool .system-kicker, .features-page main .pool-contributors > span { color: #102e3a; }
.business-page main .biz-hero::after { opacity: .3; }
main .biz-hero .biz-hero-secondary { text-decoration-color: #091b2280; }
.infrastructure-page main .biz-closing { background: transparent; }
.infrastructure-page main .biz-closing .button { background: #00718c; color: #fff; }
.business-page main .biz-hero-copy > .fine-print a { color: inherit; text-decoration: underline; text-underline-offset: 4px; }
main .contact-form .button { background: #00718c; color: #fff; }
main .contact-form .form-note { color: #102e3a; }
main .contact-form .form-note a { color: #006b83; text-decoration: underline; }

/* Small labels are still quiet, but never set in the inherited 8–11px sizes. */
main .label, main .v-eyebrow, main .directory-label, main .legal-hero .directory-label, .features-page main .directory-label, .features-page main .library-copy .label, main .system-kicker, main .demo-caption, main .biz-float-key em, main .workspace-hint, main .infra-architecture figcaption, main .infra-layer small, main .infra-jump span, main .platform-attribution { font-size: 12px; line-height: 1.6; }
main .biz-float-key { flex-wrap: wrap; }
@media (max-width:540px) {
  main .directory-label { flex-wrap: wrap; gap: 8px 20px; }
}

/* Specific overrides for inherited component selectors. */
main button[data-tax] > i { color: #091b22 !important; }
.features-page main .directory-label, .features-page main .entry-hero > p:not(.label), .features-page main .entry-hero .biz-hero-secondary, .features-page main .library-business > div > .label, .features-page main .library-business > div > p, main .business-human-copy > p, main .business-human-copy > .label, main .biz-closing .biz-hero-secondary, main .biz-closing .fine-print, .business-page main .biz-hero-copy > p, .business-page main .biz-hero > .label, main .biz-hero .biz-hero-secondary, main .contact-routes a, main .contact-routes small, .contact-page main .biz-hero-copy > .fine-print { color: #091b22; }
.features-page main .review-row .review-icon { color: #102e3a; }
main .business-human-copy .approval-status { color: #7c653d; }
.business-page main .biz-hero, .features-page main .entry-hero, .business-page main .biz-closing, .features-page main .biz-closing, .features-page main .library-business, main .business-human { background-color: #0099bb; }
.business-page main .biz-hero-copy h1 span { color: #f1fcff; }
.infrastructure-page main .biz-hero, .infrastructure-page main .biz-closing { background-color: transparent; }
.infrastructure-page main .biz-hero-copy h1 span { color: #00718c; }

/* The legacy mobile sheets use more specific selectors for these captions. */
main .v-hero-copy .v-eyebrow, main .goal-plan .v-eyebrow, main .v-closing .v-eyebrow, main .hero-bottom a, main .machine-source small, main .goal-plan label, main .goal-ring small, main .together-note > p, main .ajo-centre small, main .ajo-centre p, main button[data-tax] small, .business-page main .biz-hero > .label, main .preview-pots small, main .approval-preview > small, .features-page main :is(.split-ribbon,.split-incoming,.goal-progress,.demo-goal-note,.shared-plan,.review-row) small, .business-page main .account-strip small { font-size: 12px; }
main .hero-payday > small { font-size: 12px !important; }
main .app-preview-copy > small { font-size: 12px; }
main .pool-members > span[data-pool-member] > i { color: #091b22; }
.business-page main :is(.capability-demo, .workspace-panel) small { font-size: 12px; }
.features-page main :is(.demo-split, .demo-ajo) small { font-size: 12px; }
@media (max-width:800px) {
  /* flow-scenes.css marks the old 11px mobile labels important. */
  .business-page main .account-strip > div small { font-size: 12px !important; }
}