/* Presentation only: hide skeletons without changing requests or content state. */
html body #app .van-skeleton,
html body #app .skeletonbx,
html body #app .panel-loading:has(.van-skeleton),
html body #app .home-loading:has(.van-skeleton),
html body #app .screenFull:has(.van-skeleton) {
  display: none !important;
}

/* Rank GEO already has its own Q/A marker; suppress the legacy pseudo-marker. */
html body #app > .rank-exact-geo > header::before {
  content: none !important;
  display: none !important;
}
html body #app > .rank-exact-geo > header {
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) minmax(260px, 520px) !important;
  align-items: center !important;
  gap: 20px !important;
}
html body #app > .rank-exact-geo > header > .qa-mark {
  grid-column: 1 !important;
  grid-row: 1 !important;
}
html body #app > .rank-exact-geo > header > .geo-title {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
}
html body #app > .rank-exact-geo > header > p {
  grid-column: 3 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
}

/* Existing state classes only. Pending stays untouched. */
html body #app.route-member > .wrap .member-exact-result.result-red > b,
html body #app.route-member > .wrap .member-exact-publish .result-red > strong,
html body #app > .wrap .recommend-exact-result.rs2 > b,
html body #app > .wrap .recommend-exact-scheme-status > b.rs2 {
  color: #ff7a22 !important;
  -webkit-text-fill-color: #ff7a22 !important;
}
html body #app.route-member > .wrap .member-exact-result.result-black > b,
html body #app.route-member > .wrap .member-exact-publish .result-black > strong,
html body #app > .wrap .recommend-exact-result.rs4 > b,
html body #app > .wrap .recommend-exact-scheme-status > b.rs4 {
  color: #d1d5db !important;
  -webkit-text-fill-color: #d1d5db !important;
}
html body #app.route-member > .wrap .member-exact-result.result-draw > b,
html body #app.route-member > .wrap .member-exact-result.result-neutral > b,
html body #app.route-member > .wrap .member-exact-publish .result-draw > strong,
html body #app.route-member > .wrap .member-exact-publish .result-neutral > strong,
html body #app > .wrap .recommend-exact-result:not(.rs1):not(.rs2):not(.rs4) > b,
html body #app > .wrap .recommend-exact-scheme-status > b:not(.rs1):not(.rs2):not(.rs4) {
  color: #42c99b !important;
  -webkit-text-fill-color: #42c99b !important;
}

@media (max-width: 1024px) {
  html body #app > .rank-exact-geo > header {
    grid-template-columns: 64px minmax(0, 1fr) !important;
  }
  html body #app > .rank-exact-geo > header > p {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    text-align: left !important;
  }
}
@media (max-width: 760px) {
  html body #app > .rank-exact-geo > header {
    grid-template-columns: 54px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 16px !important;
  }
  html body #app > .rank-exact-geo > header > .qa-mark {
    width: 50px !important;
    height: 50px !important;
  }
  html body #app > .rank-exact-geo > header > .geo-title h2 {
    font-size: 22px !important;
    white-space: normal !important;
  }
  html body #app > .rank-exact-geo > header > p {
    font-size: 13px !important;
    line-height: 1.65 !important;
  }
}