@font-face {
  font-family: "DM Sans";
  src: url("gazeta-article-dm-sans.woff2") format("woff2");
  font-weight: 400 800;
  font-display: swap;
}
@font-face {
  font-family: "Source Serif 4";
  src: url("gazeta-article-source-serif.woff2") format("woff2");
  font-weight: 400 700;
  font-display: swap;
}

body.gazeta-article-page {
  --story-ink: #0b273c;
  --story-text: #263744;
  --story-muted: #536877;
  --story-accent: #07506b;
  --story-surface: #fffefa;
  --story-tint: #e8f2f5;
  --story-line: #d7dfe1;
  --story-radius: 19px;
  --story-gutter: max(54px, 3.9vw);
  --story-serif: "Source Serif 4", Georgia, serif;
  --story-sans: "DM Sans", Arial, sans-serif;
}
html.a11y-dark body.gazeta-article-page {
  --story-ink: #eef4f6;
  --story-text: #d9e3e9;
  --story-muted: #a8bbc8;
  --story-accent: #c3eaf5;
  --story-surface: #15232d;
  --story-tint: #203946;
  --story-line: #334653;
}
.gazeta-article-page .gazeta-article-layout {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1fr);
  width: 100%;
  max-width: 1450px;
  margin: 0 auto;
  padding: 10px var(--story-gutter) 62px;
  color: var(--story-ink);
  font-family: var(--story-sans);
}
.gazeta-article-content { grid-area: 2 / 1; min-width: 0; }
.motion-ready .gazeta-article-page :is(.article-main,.article-figure)[data-reveal],
.motion-ready .gazeta-article-page .article-header-block > [data-cascade-item] {
  opacity: 1;
  transform: none;
  transition: none;
}
.gazeta-article-page .article-top-ad {
  grid-area: 1 / 1;
  display: block;
  width: 100%;
  margin: 0 0 19px;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 0;
}
.gazeta-article-page .article-top-ad > small {
  position: static;
  display: block;
  width: max-content;
  margin: 0 0 6px;
  padding: 0;
  background: transparent;
  color: var(--story-muted);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .035em;
}
.gazeta-article-page .article-top-ad picture {
  display: block;
  height: clamp(90px,10vw,145px);
  aspect-ratio: auto !important;
  overflow: hidden;
  border-radius: var(--story-radius);
}
.gazeta-article-page .article-top-ad picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover !important;
  object-position: 50% 48% !important;
}
.gazeta-article-page .article-header-block { max-width: none; margin: 0; padding-inline: 0; }
.gazeta-article-page .story-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 31px;
  margin-bottom: 13px;
  color: var(--story-muted);
  font-size: 13px;
  font-weight: 650;
}
.story-breadcrumbs > .material-symbols-rounded { font-size: 15px; }
.gazeta-article-page .story-breadcrumbs .category-pill {
  width: auto;
  padding: 4px 12px;
  border-radius: 99px;
  color: var(--story-accent);
  background: var(--story-tint);
}
.gazeta-article-page .article-header-block h1 {
  max-width: none;
  margin: 0;
  color: var(--story-ink);
  font: 650 clamp(42px,4.2vw,65px)/1.06 var(--story-serif);
  letter-spacing: -.036em;
  overflow-wrap: anywhere;
  text-align: left;
  text-wrap: pretty;
}
.gazeta-article-page .article-deck {
  max-width: 890px;
  margin: 16px 0 0;
  color: var(--story-muted);
  font: 400 clamp(17px,1.52vw,22px)/1.42 var(--story-sans);
  text-align: left;
  text-wrap: pretty;
}
.gazeta-article-page .article-meta {
  display: flex;
  min-height: 66px;
  align-items: center;
  justify-content: flex-start;
  gap: 19px;
  margin: 20px 0 19px;
  padding: 9px 0;
  border-block: 1px solid var(--story-line);
  color: var(--story-ink);
  letter-spacing: normal;
}
.story-byline { display: flex; align-items: center; gap: 11px; min-width: 0; font-size: 14px; line-height: 1.2; }
.story-byline > :is(img,.story-author-initials) { width: 46px; height: 46px; flex: none; border-radius: 50%; object-fit: cover; }
.story-author-initials { display: grid; place-items: center; color: var(--story-accent); background: var(--story-tint); font-weight: 750; }
.gazeta-article-page .story-byline a { color: inherit; font-weight: 800; }
.story-byline a:hover { text-decoration: underline; text-underline-offset: 3px; }
.story-byline time { display: block; margin-top: 4px; color: var(--story-muted); font-size: 12px; }
.story-read-time { display: inline-flex; align-items: center; gap: 6px; color: var(--story-muted); font-size: 13px; }
.story-read-time .material-symbols-rounded { font-size: 16px; }
.story-read-time-desktop { padding-left: 16px; border-left: 1px solid var(--story-line); }
.story-actions, .story-read-time-mobile { display: none; }
.story-listen {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-left: auto;
  padding: 8px 15px;
  border: 0;
  border-radius: 99px;
  color: var(--story-accent);
  background: var(--story-tint);
  font: 750 13px var(--story-sans);
  cursor: pointer;
}
.story-listen .material-symbols-rounded { font-size: 19px; }
.story-action-status { margin: 0 0 10px; color: var(--story-accent); font-size: 13px; }
.story-action-status:empty { margin: 0; }

.story-share-rail {
  position: sticky;
  top: 100px;
  z-index: 5;
  grid-area: 2 / 1;
  align-self: start;
  justify-self: start;
  display: grid;
  gap: 2px;
  width: max-content;
  margin: 76px 0 0 calc((var(--story-gutter) + 44px) / -2);
  padding: 2px;
  border: 1px solid var(--story-line);
  border-radius: 99px;
  background: var(--story-surface);
}
.story-share-rail button {
  display: grid;
  width: 38px;
  height: 43px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: var(--story-accent);
  background: transparent;
  cursor: pointer;
}
.story-share-rail button:hover, .story-share-rail button[aria-pressed="true"] { background: var(--story-tint); }
.story-share-rail .material-symbols-rounded { font-size: 19px; }
.story-share-rail svg { width: 18px; height: 18px; fill: currentColor; }

.gazeta-article-page .article-figure { margin: 0; }
.gazeta-article-page .article-figure .article-cover {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  aspect-ratio: 11 / 5;
  border-radius: var(--story-radius);
  object-fit: cover;
  object-position: center;
}
.gazeta-article-page .article-figure figcaption { margin-top: 7px; color: var(--story-muted); font-size: 12px; }
.story-reading-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr) clamp(235px,22vw,320px);
  gap: clamp(30px,5vw,78px);
  margin-top: 34px;
}
.story-reading-grid > * { min-width: 0; }
.story-mobile-ad-end:empty { display: none; }
.gazeta-article-page .article-body {
  max-width: 69ch;
  margin-inline: 0;
  color: var(--story-text);
  font: 400 clamp(19px,1.52vw,22px)/1.62 var(--story-serif);
  overflow-wrap: break-word;
}
.gazeta-article-page .article-body :is(h2,h3) { color: var(--story-ink); font-family: var(--story-serif); }
html.a11y-readable .gazeta-article-page .article-body { font-family: var(--story-sans); }
body.gazeta-article-page.article-large-text .article-body { font-size: 25px; line-height: 1.72; }
.gazeta-article-page .article-aside { display: block; padding-left: 22px; border-left: 1px solid var(--story-line); }
.gazeta-article-page .article-aside-sticky { position: static; display: grid; gap: 23px; }
.gazeta-article-page .article-aside .article-side-ad { margin: 0; min-width: 0; }
.gazeta-article-page .article-aside .continue-reading {
  display: grid;
  gap: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.gazeta-article-page .continue-reading-title h2 { color: var(--story-ink); font: 650 27px/1.14 var(--story-serif); }
.gazeta-article-page .continue-reading-title > .material-symbols-rounded,
.gazeta-article-page .continue-reading-title small { display: none; }
.gazeta-article-page .continue-card { padding: 11px 0; border: 0; border-bottom: 1px solid var(--story-line); border-radius: 0; background: transparent; }
.gazeta-article-page .continue-card strong { color: var(--story-ink); font: 750 14px/1.28 var(--story-sans); }
.gazeta-article-page .article-related .section-kicker { display: none; }

.story-share-sheet { --dialog-width: 420px; }
.story-share-sheet .dialog-shell { color: var(--story-ink); background: var(--story-surface); }
.story-share-sheet .dialog-heading { margin-bottom: 13px; }
.story-share-sheet .dialog-heading h2 { margin: 0; color: var(--story-ink); font: 650 27px/1.12 var(--story-serif); letter-spacing: -.025em; }
.story-share-preview { display: grid; grid-template-columns: 64px minmax(0,1fr); align-items: center; gap: 12px; padding: 9px; border-radius: 13px; background: var(--story-tint); }
.story-share-preview img { width: 64px; height: 54px; object-fit: cover; border-radius: 8px; }
.story-share-preview p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 0; font: 700 14px/1.3 var(--story-sans); }
.story-share-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; margin: 13px 0; }
.story-share-grid button { display: grid; min-height: 77px; place-items: center; align-content: center; gap: 6px; padding: 5px 3px; border: 0; border-radius: 11px; color: var(--story-ink); background: transparent; font: 750 12px var(--story-sans); cursor: pointer; }
.story-share-grid button:hover { background: var(--story-tint); }
.story-share-grid .material-symbols-rounded { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 50%; color: var(--story-accent); background: var(--story-tint); font-size: 20px; }
.story-share-grid [data-share-popup="whatsapp"] .material-symbols-rounded { color: #176747; background: #e1f3e8; }
.story-share-grid [data-share-popup="facebook"] .material-symbols-rounded { color: #2857a1; background: #eaf0fc; }
html.a11y-dark .story-share-grid [data-share-popup="whatsapp"] .material-symbols-rounded { color: #9be3bd; background: #1f3e35; }
html.a11y-dark .story-share-grid [data-share-popup="facebook"] .material-symbols-rounded { color: #a7c9ff; background: #253b57; }
.story-share-copy, .story-share-native { display: flex; justify-content: center; align-items: center; gap: 8px; width: 100%; min-height: 46px; padding: 8px 14px; border: 0; border-radius: 99px; font: 750 14px var(--story-sans); cursor: pointer; }
.story-share-copy { color: #fff; background: #126887; }
.story-share-copy:hover { background: #07506b; }
html.a11y-dark .story-share-copy { color: #0b273c; background: #a3dced; }
.story-share-native { margin-top: 5px; color: var(--story-accent); background: transparent; }
.story-share-native[hidden] { display: none; }
.story-share-native:hover { background: var(--story-tint); }
.story-share-sheet .share-dialog-status { margin-bottom: 0; color: var(--story-accent); text-align: center; }
.story-share-sheet .share-dialog-status:empty { display: none; }

@media (min-width:761px) {
  .gazeta-article-page .story-share-sheet { max-width: 440px; }
  .gazeta-article-page .article-header-block .article-deck {
    max-width: min(100%, 1180px);
  }
  .gazeta-article-page .article-aside .continue-reading {
    padding: 0 !important;
  }
  .gazeta-article-page .continue-reading .continue-card {
    grid-template-columns: clamp(66px, 5.4vw, 86px) minmax(0, 1fr) !important;
    gap: 12px !important;
  }
  .gazeta-article-page .continue-reading .continue-card img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3;
  }
  .gazeta-article-page .continue-reading .continue-card strong {
    font: 750 15px/1.32 var(--story-sans) !important;
    overflow-wrap: anywhere;
  }
}
@media (min-width:901px) {
  .gazeta-article-page .story-reading-grid {
    grid-template-columns: minmax(0, 1fr) clamp(280px, 27vw, 368px);
    grid-template-rows: max-content 1fr;
    gap: 0 clamp(26px, 2.45vw, 38px);
  }
  .gazeta-article-page .story-reading-grid .article-body {
    max-width: none;
  }
  .gazeta-article-page .article-aside {
    grid-column: 2;
    grid-row: 1 / span 2;
    padding-left: 16px;
  }
}
@media (max-width:900px) {
  .story-reading-grid { grid-template-columns: minmax(0,1fr); gap: 27px; }
  .gazeta-article-page .article-aside { padding: 16px 0 0; border: 0; border-top: 1px solid var(--story-line); }
  .gazeta-article-page .article-aside-sticky { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 12px; }
  .gazeta-article-page .article-aside :is(.continue-reading,.article-author-card) { grid-column: 1 / -1; }
}
@media (max-width:760px) {
  body.gazeta-article-page { --story-gutter: clamp(16px,4.65vw,28px); --story-radius: 13px; }
  .gazeta-article-page .gazeta-article-layout { padding-bottom: 45px; }
  .story-share-rail, .story-read-time-desktop, .story-listen { display: none; }
  .gazeta-article-page .article-top-ad { width: 100%; max-height: none; margin: 0 0 13px; overflow: visible; border-radius: 0; }
  .gazeta-article-page .story-breadcrumbs { min-height: 27px; margin-bottom: 8px; font-size: 12px; }
  .gazeta-article-page .article-header-block h1 { font-size: clamp(25px,7.05vw,36px) !important; line-height: 1.12 !important; letter-spacing: -.029em !important; text-align: center; text-wrap: balance; }
  .gazeta-article-page .article-deck { max-width: 48ch; margin: 11px auto 0; font-size: clamp(15px,3.8vw,18px) !important; line-height: 1.43 !important; text-align: center; }
  .story-read-time-mobile { display: flex; justify-content: center; margin: 9px 0 0; font-size: 12px; }
  .story-read-time-mobile .material-symbols-rounded { font-size: 14px; }
  .gazeta-article-page .article-meta { min-height: 57px; margin: 13px 0 12px; padding: 5px 0; gap: 8px 12px !important; justify-content: flex-start !important; }
  .story-byline { gap: 7px; font-size: 13px; }
  .story-byline > :is(img,.story-author-initials) { width: 35px; height: 35px; }
  .story-byline time { font-size: 11px; }
  .story-actions { position: relative; z-index: 6; display: block; margin-left: auto; }
  .story-actions summary { display: grid; width: 44px; height: 44px; place-items: center; list-style: none; border-radius: 50%; color: var(--story-accent); background: var(--story-tint); cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .story-actions summary::-webkit-details-marker { display: none; }
  .story-actions[open] summary { box-shadow: inset 0 0 0 1px var(--story-line); }
  .story-actions-panel { position: absolute; inset: calc(100% + 6px) 0 auto auto; width: 172px; padding: 4px; border: 1px solid var(--story-line); border-radius: 13px; background: var(--story-surface); box-shadow: 0 5px 12px rgb(6 25 40 / .14); }
  .story-actions:not([open]) .story-actions-panel { display: none; }
  .story-actions-panel button { display: flex; width: 100%; min-height: 44px; align-items: center; gap: 9px; padding: 7px 10px; border: 0; border-radius: 8px; color: var(--story-ink); background: transparent; text-align: left; font: 650 13px var(--story-sans); cursor: pointer; }
  .story-actions-panel button:is(:hover,[aria-pressed="true"]) { color: var(--story-accent); background: var(--story-tint); }
  .story-actions-panel button:disabled { opacity: .6; cursor: default; }
  .story-actions-panel .material-symbols-rounded { font-size: 18px; color: var(--story-accent); }
  .story-reading-grid { margin-top: 20px; }
  .gazeta-article-page .article-body { font-size: 19px; line-height: 1.62; }
  .gazeta-article-page .article-aside .continue-reading { display: none; }
  .gazeta-article-page .article-aside:not(:has(.article-author-card,.article-side-ad)) { display: none; }
  .gazeta-article-page .story-reading-grid :is(.article-body,.story-mobile-ad-end) .article-side-ad {
    width: min(100%, 340px);
    max-height: none;
    margin: 24px auto;
  }
  .gazeta-article-page .story-mobile-ad-end .article-side-ad { margin-block: 0; }
  body.gazeta-article-page .mobile-nav[data-gazeta-glass] > .mobile-share-highlight,
  body.gazeta-article-page .mobile-nav > .mobile-share-highlight {
    justify-self: center;
    align-self: center;
    width: 44px !important;
    min-width: 44px;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    color: #fff !important;
    background: #126887 !important;
  }
  body.gazeta-article-page .mobile-nav > .mobile-share-highlight small { display: none; }
  html.a11y-dark body.gazeta-article-page .mobile-nav > .mobile-share-highlight { background: #1a5f79 !important; }
}
@media print {
  .gazeta-article-page :is(.story-share-rail,.story-actions,.story-listen,.article-aside,.ad-slot,.story-share-sheet) { display: none !important; }
  .gazeta-article-page .gazeta-article-layout { display: block; padding: 0; }
  .story-reading-grid { display: block; }
}
