/* Keep the live Flovara content pages visually centered on mobile and desktop. */
#comp-mlkvpvuj1 [role="listitem"] {
  text-align: center;
}

#comp-mlkvpvuj1 [role="listitem"] > *,
#comp-mlkvpvuj1 [role="listitem"] img {
  margin-left: auto !important;
  margin-right: auto !important;
}

#comp-mlkvpvuj1 [role="listitem"] img {
  display: block;
}

#comp-mlkupqua [data-flovara-jobs-empty="true"] {
  text-align: center;
}

#comp-mlkupqua [data-flovara-jobs-empty="true"] h2,
#comp-mlkupqua [data-flovara-jobs-empty="true"] p {
  text-align: center !important;
}

.flovara-article {
  min-height: 100vh;
  max-width: 760px;
  margin: 0 auto;
  padding: 0 24px 96px;
  color: #000;
  text-align: left;
  background: #fffef4;
}

.flovara-article__header { position: relative; text-align: center; padding: 32px 0 72px; }
.flovara-article__menu { position: absolute; left: 28px; top: 92px; font: 34px/1 Arial, sans-serif; }
.flovara-article__logo { display: block; width: 120px; height: 120px; object-fit: contain; margin: 0 auto 22px; }
.flovara-article__visit { display: inline-block; padding: 10px 74px; border: 2px solid #000; border-radius: 40px; background: #2161d8; color: #fff; font: 24px/1.2 Arial, sans-serif; text-decoration: none; }
.flovara-article__hero { width: calc(100% + 48px); margin: 52px 0 24px -24px; min-height: 420px; display: grid; place-items: center; background: linear-gradient(#2b4bdd, #79c8da); }
.flovara-article__hero img { width: min(78%, 420px); margin: 0; }
.flovara-article__source { margin: 0 0 12px; font: 24px/1.2 Arial, sans-serif; }

.flovara-article__back {
  display: inline-block;
  margin-bottom: 48px;
  color: #2161d8;
  font: 18px/1.2 Arial, sans-serif;
  text-decoration: none;
}

body:has(.flovara-article) {
  margin: 0;
  background: #fffef4;
}

.flovara-article__date {
  margin: 0 0 24px;
  font: 18px/1.2 Arial, sans-serif;
}

.flovara-article h1 {
  margin: 0 0 28px;
  max-width: 720px;
  font: normal 52px/1.1 'Times New Roman', Times, serif;
}

.flovara-article__dek {
  margin: 0 0 36px;
  max-width: 680px;
  font: 20px/1.6 Arial, sans-serif;
}

.flovara-article__image {
  display: block;
  width: min(100%, 640px);
  height: auto;
  margin: 0 0 44px;
}

.flovara-article__body {
  max-width: 680px;
  margin: 0 auto;
  text-align: left;
  font: 16px/1.6 Arial, sans-serif;
}

.flovara-article__body h2 {
  margin: 42px 0 12px;
  font: normal 32px/1.2 'Times New Roman', Times, serif;
}

.flovara-article__body p {
  margin: 0 0 20px;
}

.flovara-article__body a,
.flovara-article__footer a {
  color: inherit;
  text-decoration: underline;
}

.flovara-article__footer {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 48px 72px;
  max-width: 760px;
  margin: 0 auto;
  padding: 64px 24px 48px;
  border-top: 1px solid #111;
  background: #fffef4;
  color: #000;
  font: 15px/1.6 Arial, sans-serif;
}

.flovara-article__footer h2 { margin: 0 0 14px; font: 700 18px/1.3 Arial, sans-serif; }
.flovara-article__footer a { display: block; margin: 6px 0; }
.flovara-article__footer p { grid-column: 1 / -1; margin: 0; }
.flovara-article__footer p a { display: inline; }

@media (max-width: 600px) {
  .flovara-article { padding: 0 8px 88px; }
  .flovara-article__header { padding: 32px 0 72px; }
  .flovara-article__hero { min-height: 420px; }
  .flovara-article h1 { font-size: 36px; }
  .flovara-article__dek { font-size: 18px; }
  .flovara-article__body { font-size: 17px; line-height: 1.6; }
  .flovara-article__footer { grid-template-columns: 1fr; padding: 48px 20px 36px; }
  .flovara-article__footer p { grid-column: auto; }
}