/* Keep Bootstrap inside the new chrome and landing page so existing app forms
   and project editors retain their layout and behavior. */
body {
    background: var(--m2w-cream);
    color: var(--m2w-espresso);
}
.app-header { position: sticky; top: 0; z-index: 1030; }
.bistro-ui { font-family: var(--bs-body-font-family); line-height: 1.5; }
.bistro-ui .container { padding-top: 0; padding-bottom: 0; }
.bistro-ui .navbar { border-bottom: 0; }
.bistro-ui .navbar ul { margin-bottom: 0; }
.bistro-ui .navbar .nav-item { padding: 0; }
.bistro-ui .navbar-brand { text-decoration: none; }
.bistro-ui .btn { letter-spacing: normal; box-shadow: none; transform: none; }
.bistro-ui .btn-outline-espresso,
.bistro-ui .btn-outline-terracotta { background-color: transparent; }
.bistro-ui .btn-terracotta { border: 1px solid var(--m2w-terracotta); }
.bistro-ui .btn-terracotta:hover { border-color: var(--m2w-terracotta-dark); }
.bistro-ui .btn-outline-espresso:hover { background: var(--m2w-espresso); }
.bistro-ui .btn-outline-terracotta:hover { background: var(--m2w-terracotta); }
.bistro-ui .hero { text-align: left; background: transparent; }
.bistro-ui .site-footer { margin: 0; }
.bistro-ui .site-footer .container { padding-top: 0; padding-bottom: 0; }
.bistro-ui .footer-social { text-decoration: none; }
.bistro-ui .footer-newsletter label { display: block; }
.bistro-ui .footer-newsletter input { min-width: 0; }
.bistro-ui .footer-newsletter button { flex-shrink: 0; }
.bistro-ui :is(button, a, input):focus-visible {
    outline: 3px solid var(--m2w-saffron);
    outline-offset: 3px;
}
.landing-content { width: 100%; padding: 0; }
.landing-content > .alert { max-width: 1140px; margin: 1rem auto; }
.landing-content section[id] { scroll-margin-top: 100px; }
.skip-link:focus { position: fixed; top: 8px; left: 8px; z-index: 1100; width: auto; height: auto; padding: 12px; clip: auto; background: white; }
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .bistro-ui .reveal { opacity: 1; transform: none; transition: none; }
}
.legacy-anchor { display: block; scroll-margin-top: 100px; }

.bistro-ui .navbar-brand .brand-logo {
    display: block;
    width: 220px;
    max-width: 55vw;
    height: auto;
}