/* V2 post-list visual rules extracted from the UI mother. */
.post-list-v2 { width: min(100%, 880px); margin: 8px auto; border: 1px solid #eadede; background: #fff; color: #292323; box-sizing: border-box; }
.post-list-v2__filters { display: grid; grid-template-columns: repeat(auto-fit, minmax(88px, 1fr)); border-bottom: 1px solid #eadede; }
.post-list-v2__filters button { min-width: 0; padding: 10px 2px; cursor: pointer; border: 1px solid transparent; border-bottom: 3px solid transparent; background: #f8f6f6; color: #3d3636; font: inherit; font-size: 13px; font-weight: 600; white-space: nowrap; }
.post-list-v2__filters button[aria-pressed="true"] { color: #c91010; background: #fff0f0; border-bottom-color: #ef2020; }
.post-list-v2__count { margin: 0; padding: 4px 10px; color: #817171; font-size: 11px; }
.post-list-v2__rows { display: block; }
.post-list-v2__row { display: grid; grid-template-columns: 3.5rem 4.5rem minmax(0, 1fr) max-content 9rem; align-items: center; column-gap: 7px; width: 100%; min-width: 0; min-height: 42px; padding: 6px 9px; border: 0; border-top: 1px solid #f0eaea; background: #fff; text-align: left; font: inherit; cursor: pointer; text-decoration: none; box-sizing: border-box; }
.post-list-v2__row:hover { background: #fff7f7; }
.post-list-v2__period { white-space: nowrap; color: #784542; font-size: 13px; font-weight: 600; line-height: 1.4; }
.post-list-v2__author { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #b3261e; font-size: 16px; font-weight: 700; line-height: 1.4; }
.post-list-v2__topic { display: flex; align-items: center; min-width: 0; white-space: nowrap; }
.post-list-v2__title { display: block; min-width: 0; flex: 0 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #e60000; font-size: 18px; font-weight: 800; line-height: 1.4; }
.post-list-v2__emoji { flex: none; margin-left: 3px; font-size: 16px; line-height: 1.4; }
.post-list-v2__heat { justify-self: end; white-space: nowrap; color: #645050; font-size: 13px; line-height: 1.4; }
.post-list-v2__access { justify-self: end; color: #33734a; font-size: 13px; font-weight: 600; line-height: 1.4; white-space: nowrap; }
.post-list-v2__access--paid { color: #a85516; }
.post-list-v2__empty { padding: 16px; text-align: center; color: #817171; }
.post-list-v2 [hidden] { display: none !important; }
@media (min-width: 901px) {
  html[data-theme='card-posts'] .post-list-v2 { width: min(calc(100% - 24px), 1180px); }
  html[data-theme='card-posts'] .post-list-v2__row {
    grid-template-columns: 12% 18% minmax(0, 1fr) max-content 11rem;
    column-gap: clamp(18px, 2.2vw, 32px);
    min-height: 58px;
    padding: 10px 22px;
  }
  html[data-theme='card-posts'] .post-list-v2__period { font-size: 20px; }
  html[data-theme='card-posts'] .post-list-v2__author { font-size: 23px; }
  html[data-theme='card-posts'] .post-list-v2__title { font-size: 26px; }
  html[data-theme='card-posts'] .post-list-v2__emoji { font-size: 23px; }
  html[data-theme='card-posts'] .post-list-v2__heat,
  html[data-theme='card-posts'] .post-list-v2__access { font-size: 18px; }
}

/* User-approved 2026-10-02: align home navigation, draw and ads with V2 rows. */
html[data-theme='card-posts'] .home-page-frame {
  border-inline: 0;
}

html[data-theme='card-posts'] .desktop-header__inner,
html[data-theme='card-posts'] .draw-sticky-wrapper > .site-container {
  width: min(calc(100% - 24px), 1180px);
  max-width: 1180px;
  margin-inline: auto;
}

html[data-theme='card-posts'] .capsule-ads-section {
  width: min(calc(100% - 24px), 1180px);
  max-width: 1180px;
  margin: 8px auto;
  padding: 0;
  border: 0;
  background: #fff;
}

html[data-theme='card-posts'] .capsule-ad {
  aspect-ratio: auto;
  height: 140px;
}

html[data-theme='card-posts'] .capsule-ad:not(.capsule-ad--image),
html[data-theme='card-posts'] .capsule-ad:has(img[src$="/images/ads/default-ad.svg"]) {
  background: #fff;
  box-shadow: none;
}

html[data-theme='card-posts'] .capsule-ad:not(.capsule-ad--image)::after,
html[data-theme='card-posts'] .capsule-ad:has(img[src$="/images/ads/default-ad.svg"])::after {
  display: none;
}

html[data-theme='card-posts'] .capsule-ad img[src$="/images/ads/default-ad.svg"] {
  display: none;
}

html[data-theme='card-posts'] .capsule-ad:not(.capsule-ad--image) strong,
html[data-theme='card-posts'] .capsule-ad:not(.capsule-ad--image) small {
  color: #790006;
  text-shadow: none;
}

@media (max-width: 900px) {
  html[data-theme='card-posts'] .draw-sticky-wrapper > .site-container {
    width: 100%;
    max-width: 880px;
  }

  html[data-theme='card-posts'] .capsule-ads-section {
    width: min(100%, 880px);
    margin: 4px auto;
  }

  html[data-theme='card-posts'] .capsule-ad {
    height: 90px;
  }
}
@media (max-width: 600px) {
  /* Mobile visual fix: show the source's time row below the lottery balls. */
  html[data-theme='card-posts'] .draw-result__frame { min-height: 128px; }
  .post-list-v2 { margin: 4px 0; }
  .post-list-v2__filters { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .post-list-v2__filters button { padding: 8px 2px; font-size: 12px; }
  .post-list-v2__row { grid-template-columns: 2.6rem 4.25rem minmax(0, 1fr) max-content 6.5em; column-gap: 3px; min-height: 44px; padding: 5px 5px; font-size: 12px; }
  .post-list-v2__period { font-size: 12px; }
  .post-list-v2__author { font-size: 15px; }
  .post-list-v2__title { font-size: 16px; }
  .post-list-v2__emoji { margin-left: 2px; font-size: 14px; }
  .post-list-v2__heat { font-size: 12px; }
  .post-list-v2__access { font-size: 12px; text-align: right; }
  .post-list-v2__access--paid span { display: block; }
}