/* Isolate shared chrome from Bootstrap while legacy page content keeps its layout. */
.fi-shared-shell { clear: both; width: 100%; }
.fi-shared-top { position: relative; z-index: 1000; }
.fi-shared-shell .fi-page-title {
  margin: 0; font-size: clamp(28px, 3.5vw, 38px); font-weight: 700;
  line-height: 1.15; letter-spacing: -.035em; color: var(--fi-ink);
}
.fi-shared-shell .fi-footer .row::before,
.fi-shared-shell .fi-footer .row::after,
.fi-shared-shell > .container > .row::before,
.fi-shared-shell > .container > .row::after { content: none; }
.fi-shared-shell .fi-footer h3, .fi-shared-shell .fi-footer h4,
.fi-shared-shell .trial h4 { font-family: inherit; text-transform: none; }
.fi-shared-shell .trial { margin-bottom: 0; }
.fi-shared-shell > .container > .row { margin: 0; }
.fi-shared-shell .fi-footer .container-fluid { width: 100%; }
.fi-shared-shell .fi-footer .social { margin: 0; }
.fi-shared-shell .fi-announcement svg { flex-shrink: 0; }

.fi-shared-shell { font-weight: 400; }

.fi-shared-shell .trial h4 { padding: 0; border: 0; }
.fi-shared-shell .trial .btn-info { font-size: 16px; margin-bottom: 0; }
.fi-shared-shell .fi-footer .footer-top { font-size: 16px; }

/* Let rebuilt shared sections span the viewport even inside legacy Bootstrap containers. */
.fi-shared-content { position: relative; left: 50%; width: 100vw; margin-left: -50vw; clear: both; }
.fi-shared-content .fi-section { width: 100%; }