/* REVIEW CANDIDATE: actual captured News/article desktop markup, <=980px only.
 * The separately captured true-mobile layout and wider desktop keep their CSS.
 * Reflow the known fixed shell instead of concealing horizontal overflow. */
@media screen and (max-width: 980px) {
  /* The captured background/centered-mesh rules also consume this token.
   * Override at the scoped body so siblings of #site-root reflow as well. */
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) {
    --site-width: 100vw;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) #site-root {
    width: 100% !important;
    min-width: 0 !important;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) #SITE_HEADER [data-mesh-id="SITE_HEADERinlineContent-gridContainer"] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    box-sizing: border-box;
    padding: 16px;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) #SITE_HEADER [data-mesh-id="SITE_HEADERinlineContent-gridContainer"] > :is(#comp-m0057y3k,#comp-m0053uep,#comp-llb7h2z5,#comp-m7fgb5ne,#comp-m7i02u8q) {
    position: relative !important;
    left: 0 !important;
    margin: 0 !important;
    grid-area: auto;
    max-width: 100%;
    min-width: 0;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) #SITE_HEADER #comp-m0053uep {
    align-self: flex-end;
    width: min(22rem, 100%) !important;
    max-width: 100% !important;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) #SITE_HEADER #comp-llb7h2z5,
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) #SITE_HEADER [data-mesh-id="comp-llb7h2z5inlineContent"] {
    width: 100% !important;
    max-width: 100%;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) #SITE_HEADER [data-mesh-id="comp-llb7h2z5inlineContent-gridContainer"] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) #SITE_HEADER [data-mesh-id="comp-llb7h2z5inlineContent-gridContainer"] > :is(#comp-lhl148a7,#comp-lhl148ae,#comp-llb79909) {
    position: relative !important;
    left: 0 !important;
    margin: 0 !important;
    grid-area: auto;
    max-width: 100%;
    min-width: 0;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) #SITE_HEADER #comp-lhl148ae {
    width: 100% !important;
    height: auto;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) #SITE_HEADER #comp-lhl148ae nav > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 100%;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) #SITE_HEADER #comp-lhl148ae nav > ul > li > .itemShared2352141355__rootContainer > a {
    display: flex;
    align-items: center;
    min-height: 44px;
    box-sizing: border-box;
  }
  /* The theme positions a fixed popup at its trigger's left edge. A
   * rightmost narrow-screen trigger can otherwise put the popup offscreen. */
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) #SITE_HEADER #comp-lhl148ae nav > ul > li > [data-testid="positionBox"] {
    left: 16px !important;
    right: 16px !important;
    width: auto !important;
    max-width: calc(100vw - 32px);
    box-sizing: border-box;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) #SITE_HEADER #comp-lhl148ae [data-testid="positionBox"] a[data-item-label="true"] {
    display: flex;
    align-items: center;
    min-height: 44px;
    box-sizing: border-box;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) #SITE_HEADER #comp-m7i02u8q {
    width: 100% !important;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) #SITE_HEADER #comp-m7i02u8q h2 {
    font-size: clamp(24px, 4.1vw, 40px) !important;
    overflow-wrap: anywhere;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) :is(#comp-m00585d3,#comp-m005r3mo) {
    min-width: 0 !important;
    width: 100% !important;
    margin-inline: 0 !important;
    left: 0 !important;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) #comp-m005pdlc {
    width: calc(100% - 30px) !important;
    max-width: 520px;
    margin-inline: auto !important;
    left: 0 !important;
    justify-self: center;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) :is(#TPASection_m0057t4n,#TPAMultiSection_m0057t5g) {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    margin-inline: 0 !important;
    left: 0 !important;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) :is([data-hook="feed-page-root"],[data-hook="post-page-root"]) {
    --root-width: 100vw !important;
    min-width: 0 !important;
    max-width: 100%;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) #TPASection_m0057t4n .app-desktop .qvpH9o {
    min-width: 0 !important;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) #TPASection_m0057t4n [data-hook="blog-desktop-header-container"],
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) #TPASection_m0057t4n .vAU8Qm {
    --padding: 15px !important;
    padding-inline: 15px !important;
    box-sizing: border-box;
  }
  /* Actual captured gallery uses literal62px side margins rather than
   * the nearby --padding custom property. Retain vertical spacing. */
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) #TPASection_m0057t4n .post-list-pro-gallery-pg-medium {
    margin-inline: 15px !important;
    min-width: 0;
    box-sizing: border-box;
  }
  /* Captured inline frame width1006px is independent of the grid's card
   * width outputs. Bound that frame, then let the existing grid measure it. */
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) #TPASection_m0057t4n :is(.pro-gallery-parent-container,#pro-gallery-container-pro-blog,#pro-gallery-margin-container-pro-blog) {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
  /* Captured category navigation clips wrapped rows inside80px and gives
   * every LI its own80px height. Let all existing links participate in flow. */
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) :is(#TPASection_m0057t4n,#TPAMultiSection_m0057t5g) [data-hook="blog-desktop-header-container"] .NEquMY {
    flex-wrap: wrap;
    gap: 8px;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) :is(#TPASection_m0057t4n,#TPAMultiSection_m0057t5g) nav.blog-header__navigation {
    flex: 1 1 100%;
    height: auto !important;
    min-height: 44px;
    margin-inline: 0;
    padding-inline: 0;
    overflow: visible;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) :is(#TPASection_m0057t4n,#TPAMultiSection_m0057t5g) nav.blog-header__navigation > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) :is(#TPASection_m0057t4n,#TPAMultiSection_m0057t5g) nav.blog-header__navigation > ul > li {
    height: auto !important;
    min-height: 44px;
    max-width: 100%;
    margin-inline: 0 !important;
    white-space: normal;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) :is(#TPASection_m0057t4n,#TPAMultiSection_m0057t5g) nav.blog-header__navigation > ul > li > a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    box-sizing: border-box;
    padding: 8px;
    max-width: 100%;
    overflow-wrap: anywhere;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) #TPASection_m0057t4n :is(.oliveira-publication-notice,.oliveira-profile-save-notice,.oliveira-registration-news) {
    left: 15px !important;
    width: calc(100vw - 30px);
    max-width: calc(100vw - 30px);
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) [data-hook="post-page"] {
    position: relative;
    inset-inline-start: 0 !important;
    inline-size: calc(100% - 30px) !important;
    max-inline-size: 940px;
    margin-inline: auto !important;
    min-inline-size: 0;
  }
  /* Archived article footer categories retain desktop nowrap/ellipsis.
   * Preserve every category label and let complete links wrap into rows. */
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) [data-hook="post-footer"] ul.pRGtWE {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) [data-hook="post-footer"] ul.pRGtWE > li {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
    overflow: visible;
    white-space: normal;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) [data-hook="post-footer"] ul.pRGtWE > li > a {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    min-height: 44px;
    max-width: 100%;
    box-sizing: border-box;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) #SITE_FOOTER [data-mesh-id="SITE_FOOTERinlineContent-gridContainer"],
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) #SITE_FOOTER [data-mesh-id="comp-lhl14m51inlineContent-gridContainer"] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    box-sizing: border-box;
    padding: 20px 15px;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) #SITE_FOOTER [data-mesh-id="SITE_FOOTERinlineContent-gridContainer"] > :is(#comp-lhl1597e,#comp-lhl15972,#comp-lhl14m51),
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) #SITE_FOOTER [data-mesh-id="comp-lhl14m51inlineContent-gridContainer"] > :is(#comp-lhl14m5j,#comp-lhl14m5x,#comp-lhl14m5q) {
    position: relative !important;
    left: 0 !important;
    margin: 0 !important;
    grid-area: auto;
    max-width: 100%;
    min-width: 0;
  }
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) #SITE_FOOTER #comp-lhl14m51,
  body.oliveira-news-fluid-shell:not(.device-mobile-optimized) #SITE_FOOTER [data-mesh-id="comp-lhl14m51inlineContent"] {
    width: 100% !important;
    max-width: 100%;
  }
}