/* Article components only. Existing Wix fonts, colors, content and shell stay. */
@media screen {
body.oliveira-news-article [data-hook="post"] {
  min-inline-size: 0;
  min-block-size: 0;
}
body.oliveira-news-article [data-hook="post"] > .HW6ttf > .PhCafd,
body.oliveira-news-article [data-hook="post"] > .HW6ttf > [data-hook="post-description"] {
  box-sizing: border-box;
  inline-size: min(740px, calc(100% - 36px));
  max-inline-size: 740px;
  min-inline-size: 0;
  margin-inline: auto;
  padding-inline: 0;
}
body.oliveira-news-article [data-hook="post"] > .HW6ttf > [data-hook="post-description"] {
  --ricosNormalPadding: 0;
  --ricosFullWidthPadding: 0;
  margin-block-start: 0 !important;
}
body.oliveira-news-article [data-hook="post"]:has(.oliveira-native-content) > .HW6ttf {
  padding-block: 32px !important;
  gap: 24px;
  min-block-size: 0;
}
body.oliveira-news-article [data-hook="post"] .oliveira-native-content {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
body.oliveira-news-article [data-hook="post"] .oliveira-native-content :is(h2,h3,h4,h5,h6) {
  margin-block: 1.5em .5em;
  line-height: 1.3;
}
/* Keep writer portraits in the intended32px metadata slot. */
body.oliveira-news-article [data-hook="post"] header .MABqta .fluid-avatar-image {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
}
body.oliveira-news-article [data-hook="post"] header .MABqta .fluid-avatar-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.oliveira-news-article .oliveira-related-posts {
  margin-block: 30px 24px;
  color: rgb(var(--textParagraphColor));
  font: var(--textParagraphFont);
}
body.oliveira-news-article .oliveira-related-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  margin-block-end: 20px;
}
body.oliveira-news-article .oliveira-related-header h2 {
  margin: 0;
  font: inherit;
}
body.oliveira-news-article .oliveira-related-header a {
  color: inherit;
}
body.oliveira-news-article .oliveira-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  align-items: start;
  gap: 34px;
}
body.oliveira-news-article .oliveira-related-card {
  box-sizing: border-box;
  min-inline-size: 0;
  border: 1px solid rgb(var(--postBorderColor,232,230,230));
  background: rgb(var(--postBackgroundColor,255,255,255));
}
body.oliveira-news-article .oliveira-related-link {
  display: block;
  color: inherit;
  text-decoration: none;
}
body.oliveira-news-article .oliveira-related-link:hover .oliveira-related-title {
  text-decoration: underline;
}
body.oliveira-news-article .oliveira-related-link:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}
body.oliveira-news-article .oliveira-related-image {
  display: block;
  inline-size: 100%;
  block-size: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
}
body.oliveira-news-article .oliveira-related-title {
  margin: 0;
  padding: 24px;
  font: var(--textH1Font);
  font-size: 18px;
  line-height: 1.35;
  color: rgb(var(--textH1Color));
  overflow-wrap: anywhere;
}
@media (max-width: 980px) {
  /* Captured desktop frame begins at−25px; its wrapper adds20px.
   * Bound the complete article component to15px viewport gutters. */
  body.oliveira-news-article:not(.device-mobile-optimized) [data-hook="post-page"] {
    position: relative;
    inset-inline-start: 20px;
    inline-size: min(940px, calc(100vw - 30px));
    max-inline-size: calc(100vw - 30px);
    margin-inline: 0;
    min-inline-size: 0;
  }
  body.oliveira-news-article.device-mobile-optimized #site-root {
    overflow: visible;
  }
  /* Keep the original102px mobile login button and its full label inside
   * the viewport when article content extends beyond the captured shell. */
  body.oliveira-news-article.device-mobile-optimized #comp-m0053ueu .HuH6Ex {
    min-inline-size: 0;
    padding-inline: 0;
    flex-shrink: 1;
  }
  body.oliveira-news-article.device-mobile-optimized [data-hook="post-page"] {
    position: relative;
    inset-inline-start: calc(15px - (100vw - 320px) / 2);
    inline-size: calc(100vw - 30px);
    max-inline-size: calc(100vw - 30px);
    margin-inline: 0;
    min-inline-size: 0;
  }
  body.oliveira-news-article .oliveira-related-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 24px;
  }
}
@media (max-width: 600px) {
  body.oliveira-news-article [data-hook="post"] h1[data-hook="post-title"] {
    font-size: 28px;
    line-height: 1.25;
  }
  body.oliveira-news-article .oliveira-related-grid {
    grid-template-columns: minmax(0,1fr);
  }
  body.oliveira-news-article .oliveira-related-title {
    padding: 18px;
  }
}
}
