/* Mobile brand: let the navigation surface show through instead of a dark tile. */
.olx-mobile-logo-link,
.mobile-avatar.olx-mobile-logo-link {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Reading system 2026-06: one quiet editorial language for every article page. */
.olx-feature-deck,
[data-feature-deck] {
  display: none !important;
}

.article-card-compact .excerpt-tooltip,
.card-excerpt-wrapper > .excerpt-tooltip {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Top-level navigation: compact Chinese typography with a restrained active cue. */
.VPNavBarMenu.menu > .VPLink,
.VPNavBarMenu.menu > .VPFlyout > .button {
  position: relative !important;
  min-height: 44px !important;
  padding-inline: 11px !important;
  color: var(--olx-ink, #17202d) !important;
  font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 44px !important;
  letter-spacing: .025em !important;
  text-shadow: none !important;
}

.VPNavBarMenu.menu > .VPLink::after,
.VPNavBarMenu.menu > .VPFlyout > .button::after {
  content: "" !important;
  position: absolute !important;
  right: 11px !important;
  bottom: 5px !important;
  left: 11px !important;
  width: auto !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #d75576, #e9a7b7) !important;
  opacity: 0 !important;
  transform: scaleX(.45) !important;
  transition: opacity .18s ease, transform .18s ease !important;
}

.VPNavBarMenu.menu > .VPLink:hover::after,
.VPNavBarMenu.menu > .VPLink.active::after,
.VPNavBarMenu.menu > .VPFlyout:hover > .button::after,
.VPNavBarMenu.menu > .VPFlyout > .button[aria-expanded="true"]::after {
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

/* Left reading index: fixed, calm, and easy to scan without resembling a dashboard. */
#VPSidebarContainer .simple-sidebar {
  width: 100% !important;
  max-width: none !important;
  padding: 18px 14px 24px !important;
}

#VPSidebarContainer .simple-sidebar__section-title {
  margin: 0 4px 12px !important;
  padding: 0 10px 12px !important;
  border-bottom: 1px solid var(--olx-line, rgba(23, 32, 45, .13)) !important;
  color: #c84f6d !important;
  font-family: Inter, "PingFang SC", sans-serif !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.4 !important;
  letter-spacing: .12em !important;
}

#VPSidebarContainer .simple-sidebar__item-inner {
  position: relative !important;
  margin: 2px 0 !important;
  border-radius: 10px !important;
}

#VPSidebarContainer .simple-sidebar__link {
  padding: 9px 11px 9px 15px !important;
  color: var(--olx-muted, #69727e) !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
}

#VPSidebarContainer .simple-sidebar__item:not(.is-active) .simple-sidebar__item-inner:hover {
  background: color-mix(in srgb, #d75576 7%, transparent) !important;
  transform: translateX(2px) !important;
}

#VPSidebarContainer .simple-sidebar__item.is-active > .simple-sidebar__item-inner {
  background: linear-gradient(90deg, rgba(215, 85, 118, .12), rgba(215, 85, 118, .025)) !important;
  box-shadow: inset 2px 0 0 #d75576 !important;
}

#VPSidebarContainer .simple-sidebar__item.is-active .simple-sidebar__link {
  color: var(--olx-ink, #17202d) !important;
  font-weight: 680 !important;
}

/* Public-account stories read as a focused two-column essay: article + page outline. */
body.olx-wechat-article #VPSidebarContainer {
  display: none !important;
}

@media (min-width: 1280px) {
  body.olx-wechat-article .VPDoc.has-sidebar > .container {
    grid-template-columns: minmax(0, 1fr) !important;
    width: min(100%, 1136px) !important;
    max-width: 1136px !important;
    padding-inline: 24px !important;
  }

  body.olx-wechat-article .VPDoc.has-sidebar #swup {
    grid-template-columns: minmax(0, 760px) 238px !important;
    justify-content: center !important;
    gap: 38px !important;
    width: 100% !important;
  }
}

/* Article header and body: stronger hierarchy, 65-75 character line length. */
.VPDoc .tk-doc-header {
  margin: 0 0 30px !important;
  padding: 8px 0 28px !important;
  border-bottom: 1px solid var(--olx-line, rgba(23, 32, 45, .13)) !important;
  background: transparent !important;
}

.VPDoc .tk-doc-header__info,
.VPDoc .tk-article-meta {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 7px 10px !important;
  margin-bottom: 15px !important;
  color: var(--olx-muted, #69727e) !important;
  font-family: Inter, "PingFang SC", sans-serif !important;
  font-size: 12px !important;
  letter-spacing: .02em !important;
}

.VPDoc .tk-article-meta > * {
  margin: 0 !important;
}

.VPDoc .tk-doc-header__title {
  max-width: 18em !important;
  margin: 0 0 14px !important;
  font-size: clamp(32px, 3.15vw, 47px) !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  letter-spacing: -.045em !important;
  text-wrap: balance;
}

.VPDoc .article-last-updated {
  margin-top: 12px !important;
  color: var(--olx-muted, #69727e) !important;
  font-size: 12px !important;
}

.VPDoc .tk-vp-container,
.VPDoc .tk-doc-content,
.VPDoc .vp-doc {
  width: 100% !important;
  max-width: 740px !important;
}

.VPDoc .tk-doc-content,
.VPDoc .vp-doc {
  color: var(--olx-ink, #17202d) !important;
  font-family: "PingFang SC", "Microsoft YaHei", Inter, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.92 !important;
  letter-spacing: .012em !important;
}

.VPDoc .tk-doc-content p,
.VPDoc .vp-doc p {
  margin: 0 0 1.2em !important;
  text-align: left !important;
}

.VPDoc .tk-doc-content > p:first-of-type,
.VPDoc .vp-doc > p:first-of-type {
  color: color-mix(in srgb, var(--olx-ink, #17202d) 82%, #d75576 18%) !important;
  font-size: 1.04em !important;
}

.VPDoc .tk-doc-content h2,
.VPDoc .vp-doc h2 {
  position: relative !important;
  margin: 2.8em 0 1em !important;
  padding: 0 0 .55em 17px !important;
  border-bottom: 1px solid var(--olx-line, rgba(23, 32, 45, .13)) !important;
  font-size: clamp(24px, 2.15vw, 31px) !important;
  line-height: 1.38 !important;
}

.VPDoc .tk-doc-content h2::before,
.VPDoc .vp-doc h2::before {
  content: "" !important;
  position: absolute !important;
  top: .2em !important;
  bottom: .7em !important;
  left: 0 !important;
  width: 3px !important;
  border-radius: 99px !important;
  background: linear-gradient(180deg, #d75576, #efb3c1) !important;
}

.VPDoc .tk-doc-content blockquote,
.VPDoc .vp-doc blockquote {
  margin: 1.7em 0 !important;
  padding: 18px 20px !important;
  border: 0 !important;
  border-left: 3px solid #d75576 !important;
  border-radius: 0 14px 14px 0 !important;
  background: linear-gradient(90deg, rgba(215, 85, 118, .09), rgba(255, 255, 255, .45)) !important;
  color: color-mix(in srgb, var(--olx-ink, #17202d) 82%, #d75576 18%) !important;
}

.VPDoc .tk-doc-content img,
.VPDoc .vp-doc img {
  border-radius: 18px !important;
  box-shadow: 0 18px 48px rgba(30, 38, 50, .10) !important;
}

/* Right table of contents: a small reading companion, not a tool panel. */
.VPDoc #swup > .aside .aside-container {
  padding: 15px 14px 16px !important;
  border: 1px solid var(--olx-line, rgba(23, 32, 45, .13)) !important;
  border-radius: 16px !important;
  background: color-mix(in srgb, var(--olx-surface, #fff) 91%, transparent) !important;
  box-shadow: 0 14px 38px rgba(30, 38, 50, .07) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

.VPDoc #swup > .aside .aside-curtain {
  display: none !important;
}

.VPDoc .tk-share-wrapper {
  margin: 0 0 13px !important;
  padding-bottom: 13px !important;
  border-bottom: 1px solid var(--olx-line, rgba(23, 32, 45, .13)) !important;
}

.VPDoc .tk-share-button {
  width: 100% !important;
  min-height: 38px !important;
  border: 1px solid rgba(215, 85, 118, .22) !important;
  border-radius: 10px !important;
  color: #bb4562 !important;
  background: rgba(215, 85, 118, .08) !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 680 !important;
}

.VPDoc .tk-share-button:hover {
  border-color: rgba(215, 85, 118, .42) !important;
  background: rgba(215, 85, 118, .13) !important;
}

.VPDoc .tk-toc-wrapper a,
.VPDoc #TableOfContents a {
  display: -webkit-box !important;
  overflow: hidden !important;
  padding: 7px 8px 7px 12px !important;
  border-radius: 8px !important;
  color: var(--olx-muted, #69727e) !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  text-decoration: none !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.VPDoc .tk-toc-wrapper a:hover,
.VPDoc .tk-toc-wrapper a.active,
.VPDoc #TableOfContents a:hover,
.VPDoc #TableOfContents a.active {
  color: var(--olx-ink, #17202d) !important;
  background: rgba(215, 85, 118, .08) !important;
}

@media (min-width: 1280px) {
  .VPDoc.has-sidebar > .container {
    display: grid !important;
    grid-template-columns: 238px minmax(0, 1fr) !important;
    gap: 30px !important;
    width: min(100%, 1430px) !important;
    max-width: 1430px !important;
    margin: 0 auto !important;
    padding: 0 22px !important;
  }

  .VPDoc.has-sidebar #VPSidebarContainer {
    position: sticky !important;
    top: 82px !important;
    align-self: start !important;
    width: 238px !important;
    height: auto !important;
    max-height: calc(100vh - 102px) !important;
    overflow: auto !important;
    border: 1px solid var(--olx-line, rgba(23, 32, 45, .13)) !important;
    border-radius: 16px !important;
    background: color-mix(in srgb, var(--olx-surface, #fff) 88%, transparent) !important;
    box-shadow: 0 14px 38px rgba(30, 38, 50, .06) !important;
  }

  .VPDoc.has-sidebar #swup {
    display: grid !important;
    grid-template-columns: minmax(0, 760px) 238px !important;
    justify-content: space-between !important;
    gap: 30px !important;
    min-width: 0 !important;
  }

  .VPDoc.has-sidebar #swup > .content {
    width: 100% !important;
    max-width: 760px !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  .VPDoc.has-sidebar #swup > .aside {
    position: relative !important;
    display: block !important;
    width: 238px !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  .VPDoc.has-sidebar #swup > .aside .aside-container {
    position: sticky !important;
    top: 82px !important;
    width: 100% !important;
    max-height: calc(100vh - 102px) !important;
    overflow: auto !important;
  }
}

@media (max-width: 1279px) {
  .VPDoc .tk-doc-header__title {
    font-size: clamp(30px, 5vw, 42px) !important;
  }
}

@media (max-width: 768px) {
  .VPNavBarMenu.menu > .VPLink,
  .VPNavBarMenu.menu > .VPFlyout > .button {
    padding-inline: 9px !important;
    font-size: 13px !important;
  }

  .VPDoc .tk-doc-header {
    margin-bottom: 24px !important;
    padding-bottom: 22px !important;
  }

  .VPDoc .tk-doc-header__title {
    font-size: clamp(28px, 9vw, 38px) !important;
    line-height: 1.28 !important;
  }

  .VPDoc .tk-doc-content,
  .VPDoc .vp-doc {
    font-size: 16px !important;
    line-height: 1.88 !important;
  }

  .VPDoc .tk-doc-content h2,
  .VPDoc .vp-doc h2 {
    margin-top: 2.35em !important;
    font-size: 24px !important;
  }
}

/* Refined document/article sidebar. */
#VPSidebarContainer {
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--vp-c-bg, #0f172a) 94%, #06b6d4 6%) 0%,
      var(--vp-c-bg, #0f172a) 42%,
      color-mix(in srgb, var(--vp-c-bg, #0f172a) 96%, #8b5cf6 4%) 100%) !important;
  border-right: 1px solid color-mix(in srgb, var(--vp-c-divider, #334155) 75%, transparent) !important;
}

#VPSidebarContainer .simple-sidebar {
  width: 300px !important;
  max-width: 300px !important;
  padding: 14px 10px 28px !important;
  box-sizing: border-box !important;
}

#VPSidebarContainer .simple-sidebar__section-title {
  margin: 0 6px 12px;
  padding: 11px 12px;
  border: 1px solid color-mix(in srgb, var(--vp-c-divider, #334155) 72%, transparent);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(6, 182, 212, .13), rgba(139, 92, 246, .10));
  color: var(--vp-c-text-1, #e5f0ff);
  font-size: .9rem;
  font-weight: 750;
  letter-spacing: .02em;
  box-shadow: 0 8px 24px rgba(2, 8, 23, .12);
}

#VPSidebarContainer .simple-sidebar__item-inner {
  margin: 3px 4px;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 10px;
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}

#VPSidebarContainer .simple-sidebar__link {
  display: block;
  width: 100% !important;
  padding: 9px 11px !important;
  color: var(--vp-c-text-2, #a8b3cf) !important;
  font-size: .86rem !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
}

#VPSidebarContainer .simple-sidebar__text {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#VPSidebarContainer .simple-sidebar__item:not(.is-active) .simple-sidebar__item-inner:hover {
  transform: translateX(3px);
  border-color: rgba(34, 211, 238, .18);
  background: rgba(34, 211, 238, .07);
}

#VPSidebarContainer .simple-sidebar__item.is-active > .simple-sidebar__item-inner {
  border-color: rgba(34, 211, 238, .34);
  background: linear-gradient(135deg, rgba(8, 145, 178, .24), rgba(79, 70, 229, .18));
  box-shadow: inset 3px 0 0 #22d3ee, 0 7px 18px rgba(2, 132, 199, .10);
}

#VPSidebarContainer .simple-sidebar__item.is-active .simple-sidebar__link {
  color: #67e8f9 !important;
  font-weight: 700;
}

/* Give in-article section links a comfortable landing position below the header. */
.tk-doc-content h2[id^="sec-"] {
  scroll-margin-top: 104px;
  margin-top: 2.6rem;
  padding-top: .3rem;
}

@media (max-width: 768px) {
  .olx-mobile-logo-link,
  .mobile-avatar.olx-mobile-logo-link {
    border-radius: 10px !important;
  }
}

/* Keep the carousel images alive under the cinematic color treatment. */
.hero-section-fullscreen::before {
  opacity: var(--hero-bg-opacity-1, 1) !important;
  background-image:
    linear-gradient(90deg, rgba(5, 12, 25, .96) 0%, rgba(5, 12, 25, .78) 30%, rgba(5, 12, 25, .10) 66%, rgba(5, 12, 25, .08) 100%),
    linear-gradient(0deg, rgba(4, 10, 20, .68) 0%, transparent 42%),
    var(--hero-bg-image-1, url("/images/hero-carousel/hero-custom-01.webp?v=20260621")) !important;
}

.hero-section-fullscreen::after {
  opacity: var(--hero-bg-opacity-2, 0) !important;
  background-image:
    linear-gradient(90deg, rgba(5, 12, 25, .96) 0%, rgba(5, 12, 25, .78) 30%, rgba(5, 12, 25, .10) 66%, rgba(5, 12, 25, .08) 100%),
    linear-gradient(0deg, rgba(4, 10, 20, .68) 0%, transparent 42%),
    var(--hero-bg-image-2, url("/images/hero-carousel/hero-custom-07.webp?v=20260621")) !important;
}

@media (max-width: 768px) {
  .hero-section-fullscreen::before {
    background-image:
      linear-gradient(0deg, rgba(4, 10, 20, .94) 0%, rgba(4, 10, 20, .58) 56%, rgba(4, 10, 20, .08) 100%),
      var(--hero-bg-image-1, url("/images/hero-carousel/hero-custom-01.webp?v=20260621")) !important;
  }

  .hero-section-fullscreen::after {
    background-image:
      linear-gradient(0deg, rgba(4, 10, 20, .94) 0%, rgba(4, 10, 20, .58) 56%, rgba(4, 10, 20, .08) 100%),
      var(--hero-bg-image-2, url("/images/hero-carousel/hero-custom-07.webp?v=20260621")) !important;
  }
}

/* -------------------------------------------------------------------------
   Orbit edition — a digital field journal between logic and feeling.
   The hero carries the spectacle; the archive below behaves like a magazine.
   ------------------------------------------------------------------------- */
:root {
  --olx-night: #07101f;
  --olx-night-soft: #101d32;
  --olx-signal: #ffcf70;
  --olx-signal-hot: #ff7e9d;
  --olx-ice: #c5f5ff;
  --olx-paper: #f4f1eb;
  --olx-surface: #fbfaf6;
  --olx-ink: #111827;
  --olx-muted: #626a73;
  --olx-line: #d7d1c7;
  --olx-line-strong: #8f969e;
  --olx-editorial-accent: #d75576;
}

.dark-mode {
  --olx-paper: #09111d;
  --olx-surface: #101a28;
  --olx-ink: #edf3f7;
  --olx-muted: #9aa8b7;
  --olx-line: #243247;
  --olx-line-strong: #60718a;
  --olx-editorial-accent: #ff7e9d;
}

.VPNavBar,
.VPNavBar.has-sidebar,
.VPNav .VPNavBar,
.VPNavBar.screen-open {
  border-bottom-color: color-mix(in srgb, var(--olx-line) 72%, transparent) !important;
  background: color-mix(in srgb, var(--olx-paper) 90%, transparent) !important;
  backdrop-filter: blur(18px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.15) !important;
}

.hero-section-fullscreen {
  height: min(88dvh, 900px) !important;
  min-height: 680px !important;
  background: var(--olx-night) !important;
  border-bottom: 1px solid rgba(197, 245, 255, .24);
}

.hero-section-fullscreen::before,
.hero-section-fullscreen::after {
  background-position: 62% 34% !important;
  filter: saturate(1.08) contrast(1.12) brightness(.74) !important;
}

.hero-section-fullscreen::after {
  opacity: 1 !important;
  background-image:
    linear-gradient(90deg, rgba(5, 12, 25, .96) 0%, rgba(5, 12, 25, .83) 28%, rgba(5, 12, 25, .18) 62%, rgba(5, 12, 25, .34) 100%),
    linear-gradient(0deg, rgba(4, 10, 20, .72) 0%, transparent 42%),
    radial-gradient(circle at 78% 28%, rgba(255, 126, 157, .20), transparent 32%) !important;
}

.hero-section-fullscreen > .hero-content--editorial {
  inset: 0 auto 0 max(38px, calc((100vw - 1240px) / 2)) !important;
  width: min(690px, calc(100vw - 76px)) !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  padding-top: var(--olx-nav-height) !important;
  text-shadow: none !important;
}

.hero-section-fullscreen > .hero-content--editorial::before {
  inset: auto auto 14% -34px;
  width: 1px;
  height: 72%;
  background: linear-gradient(transparent, rgba(197, 245, 255, .68) 24%, rgba(255, 126, 157, .86) 72%, transparent) !important;
  border: 0 !important;
}

.hero-editorial-kicker {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 24px !important;
  color: rgba(224, 239, 248, .68) !important;
  font-size: 10px !important;
  letter-spacing: .2em !important;
}

.hero-editorial-kicker::after {
  content: "";
  width: 70px;
  height: 1px;
  background: rgba(197, 245, 255, .5);
}

.hero-editorial-kicker > span {
  padding: 5px 7px 4px;
  border: 1px solid rgba(197, 245, 255, .44);
  color: var(--olx-ice);
  letter-spacing: .14em;
}

.hero-editorial-title {
  max-width: none !important;
  font-size: clamp(58px, 7vw, 106px) !important;
  font-weight: 500 !important;
  line-height: .94 !important;
  letter-spacing: -.075em !important;
}

.hero-editorial-title > span {
  display: block;
}

.hero-editorial-title > span:first-child {
  color: #fff !important;
}

.hero-editorial-title > span:last-child {
  margin: .08em 0 0 .78em;
  color: transparent !important;
  -webkit-text-stroke: 1.2px rgba(255, 255, 255, .82);
  text-shadow: 0 0 34px rgba(197, 245, 255, .10);
}

.hero-editorial-title i {
  color: var(--olx-signal-hot);
  -webkit-text-stroke: 0;
  font-style: normal;
}

.hero-editorial-deck {
  max-width: 35em;
  margin: 30px 0 26px 5px !important;
  color: rgba(230, 239, 246, .76) !important;
  font-size: 16px !important;
  line-height: 1.9 !important;
  letter-spacing: .035em !important;
}

.hero-editorial-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: 5px;
}

.hero-editorial-actions a {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border: 1px solid rgba(255, 255, 255, .30);
  color: #fff !important;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .04em;
  text-decoration: none !important;
  transition: color .22s ease, background-color .22s ease, border-color .22s ease !important;
}

.hero-editorial-actions .hero-editorial-primary {
  border-color: var(--olx-signal);
  color: #101827 !important;
  background: var(--olx-signal);
}

.hero-editorial-primary svg {
  width: 17px;
  height: 17px;
  margin-left: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
}

.hero-editorial-actions a:hover,
.hero-editorial-actions a:focus-visible {
  border-color: var(--olx-ice);
  color: var(--olx-night) !important;
  background: var(--olx-ice);
}

.hero-editorial-meta {
  position: absolute;
  left: 5px;
  bottom: 30px;
  width: min(580px, 78vw);
  justify-content: space-between;
  padding-top: 13px;
  border-top: 1px solid rgba(197, 245, 255, .22);
  color: rgba(224, 239, 248, .48) !important;
  font-size: 9px !important;
  letter-spacing: .17em !important;
}

.hero-orbit {
  position: absolute;
  right: max(38px, calc((100vw - 1240px) / 2));
  bottom: 44px;
  z-index: 3;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  color: rgba(229, 242, 249, .68);
  font-family: var(--olx-font-utility);
  pointer-events: none;
}

.hero-orbit__ring {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(197, 245, 255, .30);
  border-radius: 50%;
}

.hero-orbit__ring::before,
.hero-orbit__ring::after {
  content: "";
  position: absolute;
  inset: 22px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 50%;
}

.hero-orbit__ring::after {
  inset: 50% -14px auto;
  border: 0;
  border-top: 1px solid rgba(197, 245, 255, .22);
  border-radius: 0;
}

.hero-orbit__dot {
  position: absolute;
  top: 17px;
  left: 31px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--olx-signal-hot);
  box-shadow: 0 0 0 7px rgba(255, 126, 157, .14), 0 0 24px rgba(255, 126, 157, .72);
}

.hero-orbit__label {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  text-align: center;
  font-size: 9px;
  line-height: 1.7;
  letter-spacing: .19em;
}

.home-content-section {
  padding-top: 82px !important;
  background:
    linear-gradient(90deg, transparent calc(50% - 1px), color-mix(in srgb, var(--olx-line) 44%, transparent) 50%, transparent calc(50% + 1px)),
    var(--olx-paper) !important;
  background-size: 100% 100%, auto !important;
}

.posts-editorial-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: end;
  gap: 32px;
  margin-bottom: 34px;
  padding: 0 0 24px;
  border-bottom: 1px solid var(--olx-line-strong);
}

.posts-editorial-kicker {
  margin: 0 0 9px;
  color: var(--olx-editorial-accent);
  font-family: var(--olx-font-utility);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .18em;
}

.posts-editorial-header h2 {
  margin: 0;
  color: var(--olx-ink);
  font-family: var(--olx-font-display);
  font-size: clamp(34px, 4vw, 54px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -.055em;
}

.posts-editorial-header > p {
  max-width: 35em;
  margin: 0;
  color: var(--olx-muted);
  font-size: 13px;
  line-height: 1.8;
}

.post-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

.post-grid > .article-card-compact:first-child {
  grid-column: 1 / -1;
  border-color: var(--olx-line-strong) !important;
}

.post-grid > .article-card-compact:first-child .card-link {
  display: grid !important;
  grid-template-columns: minmax(0, 1.45fr) minmax(260px, .8fr);
  min-height: 350px;
}

.post-grid > .article-card-compact:first-child .card-cover-compact {
  height: 100% !important;
  aspect-ratio: auto !important;
}

.post-grid > .article-card-compact:first-child .card-content-compact {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 34px 30px 26px !important;
}

.post-grid > .article-card-compact:first-child .card-title-compact {
  font-size: clamp(26px, 2.6vw, 38px) !important;
  line-height: 1.25 !important;
  letter-spacing: -.04em !important;
}

.article-card-compact {
  transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease !important;
}

.article-card-compact:hover,
.article-card-compact:focus-within {
  transform: translateY(-3px) !important;
  box-shadow: 0 18px 42px rgba(20, 30, 44, .10) !important;
}

.article-card-compact:hover .card-cover-compact img {
  transform: scale(1.025) !important;
}

.card-cover-compact img {
  transition: transform .35s ease, filter .22s ease, opacity .2s ease !important;
}

@media (max-width: 1100px) {
  .hero-orbit {
    right: 32px;
    width: 150px;
    height: 150px;
  }

  .hero-editorial-title {
    font-size: clamp(54px, 7.6vw, 86px) !important;
  }

  .post-grid > .article-card-compact:first-child .card-link {
    grid-template-columns: 1.15fr 1fr;
  }
}

@media (max-width: 768px) {
  .hero-section-fullscreen {
    height: 84dvh !important;
    min-height: 620px !important;
  }

  .hero-section-fullscreen::before,
  .hero-section-fullscreen::after {
    background-position: 67% 34% !important;
  }

  .hero-section-fullscreen::after {
    background-image:
      linear-gradient(0deg, rgba(4, 10, 20, .94) 0%, rgba(4, 10, 20, .62) 54%, rgba(4, 10, 20, .12) 100%),
      linear-gradient(90deg, rgba(4, 10, 20, .58), transparent 85%) !important;
  }

  .hero-section-fullscreen > .hero-content--editorial {
    inset: auto 20px 40px 24px !important;
    width: auto !important;
    height: auto;
    display: block !important;
    padding: 0 !important;
  }

  .hero-section-fullscreen > .hero-content--editorial::before {
    inset: -12px auto auto -24px;
    width: 2px;
    height: 100%;
  }

  .hero-editorial-kicker {
    margin-bottom: 17px !important;
  }

  .hero-editorial-title {
    font-size: clamp(45px, 14.2vw, 68px) !important;
    line-height: .98 !important;
  }

  .hero-editorial-title > span:last-child {
    margin-left: .34em;
  }

  .hero-editorial-deck {
    margin: 22px 0 18px !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
  }

  .hero-editorial-actions a {
    min-height: 44px;
    padding: 0 14px;
    font-size: 12px;
  }

  .hero-editorial-primary svg {
    margin-left: 12px;
  }

  .hero-editorial-meta,
  .hero-orbit {
    display: none !important;
  }

  .home-content-section {
    padding: 48px 16px 72px !important;
    background: var(--olx-paper) !important;
  }

  .posts-editorial-header {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-bottom: 24px;
  }

  .posts-editorial-header h2 {
    font-size: 38px;
  }

  .post-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .post-grid > .article-card-compact:first-child {
    grid-column: auto;
  }

  .post-grid > .article-card-compact:first-child .card-link {
    display: block !important;
    min-height: 0;
  }

  .post-grid > .article-card-compact:first-child .card-cover-compact {
    height: auto !important;
    aspect-ratio: 16 / 10 !important;
  }

  .post-grid > .article-card-compact:first-child .card-content-compact {
    display: block;
    padding: 20px 18px 17px !important;
  }

  .post-grid > .article-card-compact:first-child .card-title-compact {
    font-size: 22px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .article-card-compact:hover,
  .article-card-compact:focus-within,
  .article-card-compact:hover .card-cover-compact img {
    transform: none !important;
  }
}

/* Public-account outline: keep the reading navigator visible after hash jumps. */
html:has(body.olx-wechat-article),
body.olx-wechat-article,
body.olx-wechat-article #app,
body.olx-wechat-article .VPDoc.has-sidebar > .container {
  overflow-x: clip !important;
  overflow-y: visible !important;
}

body.olx-wechat-article .VPDoc #swup > .aside .aside-container {
  overflow: hidden !important;
  border: 1px solid color-mix(in srgb, var(--olx-line, #d7d1c7) 78%, transparent) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--olx-surface, #fbfaf6) 97%, #fff 3%), color-mix(in srgb, var(--olx-surface, #fbfaf6) 94%, #d75576 6%)) !important;
  box-shadow: 0 18px 48px rgba(30, 38, 50, .09) !important;
}

body.olx-wechat-article .aside-container .aside-content,
body.olx-wechat-article .aside-container .tk-toc-wrapper {
  min-height: 0 !important;
}

body.olx-wechat-article .aside-container .tk-toc-wrapper {
  display: flex !important;
  flex-direction: column !important;
  max-height: calc(100dvh - 108px) !important;
}

body.olx-wechat-article .aside-container .tk-share-wrapper {
  flex: none !important;
  margin: 0 !important;
  padding: 14px 14px 12px !important;
  border-bottom: 1px solid color-mix(in srgb, var(--olx-line, #d7d1c7) 72%, transparent) !important;
}

body.olx-wechat-article .aside-container .tk-share-button {
  min-height: 38px !important;
  border-color: rgba(215, 85, 118, .22) !important;
  border-radius: 10px !important;
  background: rgba(215, 85, 118, .075) !important;
  color: #bd4966 !important;
  letter-spacing: .035em !important;
}

body.olx-wechat-article .aside-container .VPDocAsideOutline {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.olx-wechat-article .aside-container .outline-content {
  max-height: calc(100dvh - 174px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 14px 10px 14px !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(215, 85, 118, .38) transparent !important;
}

body.olx-wechat-article .aside-container .outline-content::-webkit-scrollbar {
  width: 4px !important;
}

body.olx-wechat-article .aside-container .outline-content::-webkit-scrollbar-thumb {
  border-radius: 99px !important;
  background: rgba(215, 85, 118, .38) !important;
}

body.olx-wechat-article .aside-container .outline-marker,
body.olx-wechat-article .aside-container .toc-resize-handle {
  display: none !important;
}

body.olx-wechat-article .aside-container .outline-title {
  display: block !important;
  overflow: hidden !important;
  margin: 0 4px 10px !important;
  padding: 0 2px 12px !important;
  border-bottom: 1px solid color-mix(in srgb, var(--olx-line, #d7d1c7) 72%, transparent) !important;
  color: var(--olx-ink, #111827) !important;
  font-family: var(--olx-font-display, "Songti SC", serif) !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  line-height: 1.55 !important;
  letter-spacing: -.01em !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: initial !important;
  -webkit-line-clamp: initial !important;
}

body.olx-wechat-article .aside-container .outline-title::before {
  content: "ON THIS PAGE" !important;
  display: block !important;
  margin-bottom: 5px !important;
  color: #c6516e !important;
  font-family: Inter, "PingFang SC", sans-serif !important;
  font-size: 9px !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
  letter-spacing: .15em !important;
}

body.olx-wechat-article .aside-container .vp-outline-list {
  display: grid !important;
  gap: 3px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.olx-wechat-article .aside-container .vp-outline-item {
  margin: 0 !important;
  padding: 0 !important;
}

body.olx-wechat-article .aside-container .outline-link {
  position: relative !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  padding: 8px 10px 8px 13px !important;
  border-radius: 9px !important;
  color: var(--olx-muted, #626a73) !important;
  font-size: 12px !important;
  font-weight: 520 !important;
  line-height: 1.55 !important;
  text-decoration: none !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  transition: color .18s ease, background-color .18s ease, transform .18s ease !important;
}

body.olx-wechat-article .aside-container .outline-link:hover,
body.olx-wechat-article .aside-container .outline-link:focus-visible {
  color: var(--olx-ink, #111827) !important;
  background: rgba(215, 85, 118, .065) !important;
  transform: translateX(2px) !important;
}

body.olx-wechat-article .aside-container .outline-link:focus-visible {
  outline: none !important;
  box-shadow: inset 0 0 0 1px rgba(215, 85, 118, .18) !important;
}

body.olx-wechat-article .aside-container .outline-link.active {
  color: var(--olx-ink, #111827) !important;
  background: linear-gradient(90deg, rgba(215, 85, 118, .13), rgba(215, 85, 118, .035)) !important;
  box-shadow: inset 2px 0 0 rgba(215, 85, 118, .56) !important;
  font-weight: 680 !important;
}

body.olx-wechat-article .aside-container .outline-link.active::before {
  content: none !important;
  display: none !important;
}

@media (min-width: 1280px) {
  body.olx-wechat-article .VPDoc.has-sidebar #swup > .aside .aside-container {
    position: sticky !important;
    top: 82px !important;
    max-height: calc(100dvh - 104px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.olx-wechat-article .aside-container .outline-link {
    transition: none !important;
  }
}

/* Cascade lock: generated legacy rules above must not undo the reading system. */
.olx-feature-deck,
[data-feature-deck],
.article-card-compact .excerpt-tooltip,
.card-excerpt-wrapper > .excerpt-tooltip {
  display: none !important;
}

#VPSidebarContainer .simple-sidebar {
  width: 100% !important;
  max-width: none !important;
  padding: 18px 14px 24px !important;
}

#VPSidebarContainer .simple-sidebar__section-title {
  margin: 0 4px 12px !important;
  padding: 0 10px 12px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--olx-line, rgba(23, 32, 45, .13)) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #c84f6d !important;
  box-shadow: none !important;
  font-family: Inter, "PingFang SC", sans-serif !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.4 !important;
  letter-spacing: .12em !important;
}

#VPSidebarContainer .simple-sidebar__item-inner {
  margin: 2px 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
}

#VPSidebarContainer .simple-sidebar__link {
  padding: 9px 11px 9px 15px !important;
  color: var(--olx-muted, #69727e) !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
}

#VPSidebarContainer .simple-sidebar__item:not(.is-active) .simple-sidebar__item-inner:hover {
  border-radius: 10px !important;
  background: color-mix(in srgb, #d75576 7%, transparent) !important;
  transform: translateX(2px) !important;
}

#VPSidebarContainer .simple-sidebar__item.is-active > .simple-sidebar__item-inner {
  border-radius: 10px !important;
  background: linear-gradient(90deg, rgba(215, 85, 118, .12), rgba(215, 85, 118, .025)) !important;
  box-shadow: inset 2px 0 0 #d75576 !important;
}

#VPSidebarContainer .simple-sidebar__item.is-active .simple-sidebar__link {
  color: var(--olx-ink, #17202d) !important;
  font-weight: 680 !important;
}

/* Carousel-safe cinematic overlay (must remain the final hero rule). */
.hero-section-fullscreen::before {
  opacity: var(--hero-bg-opacity-1, 1) !important;
  background-image:
    linear-gradient(90deg, rgba(5, 12, 25, .96) 0%, rgba(5, 12, 25, .78) 30%, rgba(5, 12, 25, .10) 66%, rgba(5, 12, 25, .08) 100%),
    linear-gradient(0deg, rgba(4, 10, 20, .68) 0%, transparent 42%),
    var(--hero-bg-image-1, url("/images/hero-carousel/hero-custom-01.webp?v=20260621")) !important;
}

.hero-section-fullscreen::after {
  opacity: var(--hero-bg-opacity-2, 0) !important;
  background-image:
    linear-gradient(90deg, rgba(5, 12, 25, .96) 0%, rgba(5, 12, 25, .78) 30%, rgba(5, 12, 25, .10) 66%, rgba(5, 12, 25, .08) 100%),
    linear-gradient(0deg, rgba(4, 10, 20, .68) 0%, transparent 42%),
    var(--hero-bg-image-2, url("/images/hero-carousel/hero-custom-07.webp?v=20260621")) !important;
}

@media (max-width: 768px) {
  .hero-section-fullscreen::before {
    background-image:
      linear-gradient(0deg, rgba(4, 10, 20, .94) 0%, rgba(4, 10, 20, .58) 56%, rgba(4, 10, 20, .08) 100%),
      var(--hero-bg-image-1, url("/images/hero-carousel/hero-custom-01.webp?v=20260621")) !important;
  }

  .hero-section-fullscreen::after {
    background-image:
      linear-gradient(0deg, rgba(4, 10, 20, .94) 0%, rgba(4, 10, 20, .58) 56%, rgba(4, 10, 20, .08) 100%),
      var(--hero-bg-image-2, url("/images/hero-carousel/hero-custom-07.webp?v=20260621")) !important;
  }
}

/* Audit pass: keyboard access, calmer motion, and a clearer editorial rhythm. */
:root {
  --olx-focus: #22d3ee;
  --olx-focus-ring: rgba(34, 211, 238, .35);
  --olx-reading-width: 74ch;
  --olx-radius-sm: 10px;
  --olx-radius-md: 14px;
}

.skip-link {
  position: fixed;
  top: 10px;
  left: 12px;
  z-index: 100000;
  padding: 10px 14px;
  border: 1px solid var(--olx-focus);
  border-radius: var(--olx-radius-sm);
  color: #06131f;
  background: #67e8f9;
  font-weight: 750;
  text-decoration: none;
  box-shadow: 0 0 0 4px var(--olx-focus-ring), 0 10px 30px rgba(2, 8, 23, .25);
  transform: translateY(-160%);
  transition: transform .16s ease;
}

.skip-link:focus {
  transform: translateY(0);
}

:where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--olx-focus) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 5px var(--olx-focus-ring) !important;
}

.tk-doc-content p,
.vp-doc p {
  max-width: var(--olx-reading-width);
}

.article-card-compact {
  isolation: isolate;
}

@supports (height: 100dvh) {
  .hero-section-fullscreen {
    min-height: 100dvh;
    height: 100dvh;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }

  .olx-geometric-logo__scan-bar,
  .olx-geometric-logo__haze,
  .cursor-particle,
  [class*="cursor-particle"] {
    display: none !important;
  }

  body,
  a,
  button {
    cursor: auto !important;
  }
}

.redirect-page {
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: 24px;
  color: var(--text-color, #e5f0ff);
  background: var(--bg-color, #0f172a);
}

/* -------------------------------------------------------------------------
   OLX human editorial direction
   One expressive element (the image-led hero); everything else stays quiet.
   ------------------------------------------------------------------------- */
:root {
  --olx-paper: #f5f6f6;
  --olx-surface: #ffffff;
  --olx-ink: #171a1d;
  --olx-muted: #687078;
  --olx-line: #d9dde0;
  --olx-line-strong: #aeb5bb;
  --olx-editorial-accent: #c94f70;
  --olx-nav-height: 64px;
  --olx-font-body: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --olx-font-display: "Songti SC", STSong, "Noto Serif CJK SC", serif;
  --olx-font-utility: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
}

.dark-mode {
  --olx-paper: #111417;
  --olx-surface: #171b1f;
  --olx-ink: #e8ebed;
  --olx-muted: #9aa4ac;
  --olx-line: #2b3136;
  --olx-line-strong: #4b555d;
  --olx-editorial-accent: #ec718f;
}

html,
body,
#app,
.home-content-section {
  background: var(--olx-paper) !important;
}

body {
  color: var(--olx-ink) !important;
  font-family: var(--olx-font-body) !important;
  cursor: auto !important;
}

a,
button,
[role="button"] {
  cursor: pointer !important;
}

/* Header: opaque, quiet, and typographic instead of glassy/neon. */
.VPNavBar,
.VPNavBar.has-sidebar,
.VPNav .VPNavBar,
.VPNavBar.screen-open {
  min-height: var(--olx-nav-height) !important;
  background: color-mix(in srgb, var(--olx-paper) 97%, transparent) !important;
  border-bottom: 1px solid var(--olx-line) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.VPNavBar .container,
.VPNavBar .content,
.VPNavBar .content-body {
  background: transparent !important;
  box-shadow: none !important;
}

.VPNavBarMenuLink,
.VPNavBarMenuGroup .button,
.VPNavBarMenu .text,
.VPNavBarMenu a {
  color: var(--olx-ink) !important;
  font-size: 14px !important;
  font-weight: 520 !important;
  letter-spacing: .01em !important;
  text-shadow: none !important;
}

.VPNavBarMenuLink::after {
  height: 2px !important;
  background: var(--olx-editorial-accent) !important;
  box-shadow: none !important;
}

.VPNavBarSearch,
.VPNavBar .DocSearch-Button,
.VPNavBar .tk-search-flexsearch-button,
.VPNavBar .search-button {
  border: 1px solid var(--olx-line) !important;
  border-radius: 4px !important;
  background: var(--olx-surface) !important;
  color: var(--olx-muted) !important;
  box-shadow: none !important;
}

.olx-geometric-logo--nav,
.olx-geometric-logo--mobile {
  filter: saturate(.72) contrast(.94) !important;
}

.clock-display,
.nav-clock,
[class*="clock-container"] {
  color: var(--olx-muted) !important;
  background: transparent !important;
  border: 0 !important;
  border-left: 1px solid var(--olx-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Hero: image as the single dramatic gesture, copy anchored like a cover line. */
.hero-section-fullscreen {
  height: min(76dvh, 760px) !important;
  min-height: 580px !important;
  padding: var(--olx-nav-height) 0 0 !important;
  background: #15181b !important;
}

.hero-section-fullscreen::before,
.hero-section-fullscreen::after {
  background-position: center 38% !important;
  filter: saturate(.78) contrast(.96) !important;
}

.hero-section-fullscreen > .hero-content--editorial {
  position: absolute !important;
  inset: auto auto 54px max(32px, calc((100vw - 1200px) / 2)) !important;
  width: min(720px, calc(100vw - 64px)) !important;
  padding: 0 !important;
  text-align: left !important;
  color: #fff !important;
  text-shadow: 0 2px 16px rgba(0, 0, 0, .45) !important;
}

.hero-section-fullscreen > .hero-content--editorial::before {
  content: "";
  position: absolute;
  inset: -24px -28px -24px -28px;
  z-index: -1;
  background: rgba(12, 15, 18, .48);
  border-left: 3px solid var(--olx-editorial-accent);
}

.hero-editorial-kicker,
.hero-editorial-meta {
  font-family: var(--olx-font-utility) !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  letter-spacing: .13em !important;
}

.hero-editorial-kicker {
  margin: 0 0 14px !important;
  color: rgba(255, 255, 255, .78) !important;
}

.hero-editorial-title {
  max-width: 10em;
  margin: 0 !important;
  color: #fff !important;
  font-family: var(--olx-font-display) !important;
  font-size: clamp(40px, 5.4vw, 72px) !important;
  font-weight: 600 !important;
  line-height: 1.08 !important;
  letter-spacing: -.045em !important;
  text-wrap: balance;
}

.hero-editorial-deck {
  max-width: 34em;
  margin: 18px 0 24px !important;
  color: rgba(255, 255, 255, .86) !important;
  font-size: clamp(15px, 1.6vw, 18px) !important;
  line-height: 1.65 !important;
  letter-spacing: .02em !important;
}

.hero-editorial-meta {
  display: flex;
  gap: 24px;
  color: rgba(255, 255, 255, .66) !important;
}

.hero-waves,
.hero-scroll-indicator,
.olx-hero-title,
.hero-subtitle--typed {
  display: none !important;
}

/* Content grid: flat editorial modules, not floating product cards. */
.home-content-section {
  padding: 64px 24px 96px !important;
}

.home-content-section > .container {
  max-width: 1240px !important;
  padding: 0 !important;
}

.home-content {
  gap: 36px !important;
  align-items: start !important;
}

.post-grid {
  gap: 28px 20px !important;
}

.article-card-compact {
  overflow: hidden !important;
  border: 1px solid var(--olx-line) !important;
  border-radius: 3px !important;
  background: var(--olx-surface) !important;
  box-shadow: none !important;
  transform: none !important;
  transition: border-color .18s ease, opacity .18s ease !important;
}

.article-card-compact:hover,
.article-card-compact:focus-within {
  border-color: var(--olx-line-strong) !important;
  box-shadow: none !important;
  transform: none !important;
}

.card-link {
  color: inherit !important;
}

.card-cover-compact {
  aspect-ratio: 16 / 10 !important;
  border-radius: 0 !important;
  background: #dfe2e4 !important;
}

.card-cover-compact img {
  filter: saturate(.88) contrast(.97) !important;
  transition: filter .2s ease, opacity .2s ease !important;
}

.article-card-compact:hover .card-cover-compact img {
  filter: saturate(1) contrast(1) !important;
  transform: none !important;
}

.card-badges-compact {
  top: 12px !important;
  left: 12px !important;
}

.card-badges-compact > *,
.article-card-compact .badge,
.article-card-compact [class*="badge"] {
  padding: 4px 7px !important;
  border: 0 !important;
  border-radius: 2px !important;
  color: #fff !important;
  background: rgba(17, 20, 23, .78) !important;
  box-shadow: none !important;
  font-family: var(--olx-font-utility) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .06em !important;
}

.card-content-compact {
  padding: 18px 18px 16px !important;
}

.card-title-compact {
  margin: 0 0 10px !important;
  color: var(--olx-ink) !important;
  font-family: var(--olx-font-display) !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  letter-spacing: -.015em !important;
}

.card-excerpt-compact {
  color: var(--olx-muted) !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}

.card-footer-compact {
  margin-top: 16px !important;
  padding-top: 12px !important;
  border-top: 1px solid var(--olx-line) !important;
  color: var(--olx-muted) !important;
  font-family: var(--olx-font-utility) !important;
  font-size: 10px !important;
  letter-spacing: .02em !important;
}

.card-tags-compact,
.tag-more {
  display: none !important;
}

/* Sidebar: one continuous column with rules, not a tower of rounded boxes. */
.home-sidebar {
  gap: 0 !important;
}

.home-sidebar .blogger-card,
.home-sidebar .tk-page-card,
.home-sidebar .tk-widget-card {
  margin: 0 0 28px !important;
  padding: 0 0 24px !important;
  overflow: visible !important;
  border: 0 !important;
  border-bottom: 1px solid var(--olx-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.home-sidebar .blogger-card {
  padding: 28px 22px 24px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 4px !important;
  background-color: #18202a !important;
  background-image:
    linear-gradient(rgba(8, 15, 25, .30), rgba(8, 15, 25, .72)),
    url("/images/home/hero-01.webp") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  box-shadow: 0 12px 32px rgba(17, 24, 39, .14) !important;
}

.home-sidebar .avatar-wrapper {
  border-radius: 3px !important;
  border: 1px solid rgba(255, 255, 255, .32) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .20) !important;
  animation: none !important;
}

.home-sidebar .avatar-wrapper img {
  border-radius: 3px !important;
  filter: saturate(.78) contrast(.96) !important;
}

.home-sidebar .blogger-name,
.home-sidebar .tk-widget-title,
.home-sidebar .tk-page-card-title {
  color: var(--olx-ink) !important;
  font-family: var(--olx-font-display) !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}

.home-sidebar .blogger-card .blogger-name {
  color: #fff !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .34) !important;
}

.home-sidebar .tk-widget-header,
.home-sidebar .tk-page-card-header {
  padding: 0 0 14px !important;
  border-bottom: 0 !important;
  background: transparent !important;
}

.home-sidebar .social-icon,
.home-sidebar .blogger-social-icons a,
.home-sidebar .blogger-social-icons button,
.home-sidebar .blogger-social-icon {
  min-width: 40px !important;
  min-height: 40px !important;
  border: 1px solid rgba(255, 255, 255, .30) !important;
  border-radius: 50% !important;
  background: rgba(6, 12, 20, .32) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.home-sidebar .blogger-social-icon:hover,
.home-sidebar .blogger-social-icon:focus-visible {
  border-color: rgba(255, 255, 255, .70) !important;
  background: rgba(6, 12, 20, .56) !important;
}

.home-sidebar .blogger-social-icon .social-icon-img {
  opacity: .94 !important;
  filter: brightness(0) invert(1) !important;
}

.home-sidebar .blogger-slogan {
  color: rgba(255, 255, 255, .82) !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .38) !important;
}

.home-sidebar .status-icon {
  display: none !important;
}

/* Article and documentation pages inherit the same paper-and-ink hierarchy. */
#VPSidebarContainer {
  background: var(--olx-paper) !important;
  border-right: 1px solid var(--olx-line) !important;
}

#VPSidebarContainer .simple-sidebar__section-title {
  padding: 10px 12px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--olx-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--olx-ink) !important;
  box-shadow: none !important;
  font-family: var(--olx-font-display) !important;
}

#VPSidebarContainer .simple-sidebar__item-inner,
#VPSidebarContainer .simple-sidebar__item.is-active > .simple-sidebar__item-inner {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

#VPSidebarContainer .simple-sidebar__item.is-active > .simple-sidebar__item-inner {
  box-shadow: inset 2px 0 0 var(--olx-editorial-accent) !important;
}

#VPSidebarContainer .simple-sidebar__item.is-active .simple-sidebar__link {
  color: var(--olx-ink) !important;
}

.tk-doc-content h1,
.tk-doc-content h2,
.tk-doc-content h3,
.vp-doc h1,
.vp-doc h2,
.vp-doc h3 {
  color: var(--olx-ink) !important;
  font-family: var(--olx-font-display) !important;
  letter-spacing: -.02em !important;
}

.tk-doc-header__title,
.tk-doc-header h1,
.VPDoc .tk-doc-header__title {
  color: var(--olx-ink) !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
  font-family: var(--olx-font-display) !important;
  font-size: clamp(30px, 3.2vw, 46px) !important;
  font-weight: 600 !important;
  line-height: 1.32 !important;
  letter-spacing: -.035em !important;
  text-shadow: none !important;
}

.tk-doc-header,
.tk-doc-header__meta,
.tk-doc-header__info {
  color: var(--olx-muted) !important;
  text-shadow: none !important;
}

.tk-doc-content,
.vp-doc {
  color: var(--olx-ink) !important;
  font-size: 17px !important;
  line-height: 1.88 !important;
}

@media (max-width: 768px) {
  .hero-section-fullscreen {
    height: 76dvh !important;
    min-height: 560px !important;
  }

  .hero-section-fullscreen > .hero-content--editorial {
    inset: auto 20px 34px 20px !important;
    width: auto !important;
  }

  .hero-section-fullscreen > .hero-content--editorial::before {
    inset: -18px -16px -18px -16px;
  }

  .hero-editorial-title {
    font-size: clamp(36px, 12vw, 54px) !important;
  }

  .hero-editorial-meta {
    flex-direction: column;
    gap: 5px;
  }

  .home-content-section {
    padding: 40px 16px 72px !important;
  }

  .post-grid {
    gap: 18px !important;
  }

  .article-card-compact {
    border-radius: 2px !important;
  }

  .card-title-compact {
    font-size: 18px !important;
  }
}

/* Orbit edition cascade reconciliation: keep this final after legacy rules. */
:root {
  --olx-paper: #f4f1eb;
  --olx-surface: #fbfaf6;
  --olx-ink: #111827;
  --olx-muted: #626a73;
  --olx-line: #d7d1c7;
  --olx-line-strong: #8f969e;
  --olx-editorial-accent: #d75576;
}

.dark-mode {
  --olx-paper: #09111d;
  --olx-surface: #101a28;
  --olx-ink: #edf3f7;
  --olx-muted: #9aa8b7;
  --olx-line: #243247;
  --olx-line-strong: #60718a;
  --olx-editorial-accent: #ff7e9d;
}

.hero-section-fullscreen {
  height: min(88dvh, 900px) !important;
  min-height: 680px !important;
  background: var(--olx-night) !important;
}

.hero-section-fullscreen::before,
.hero-section-fullscreen::after {
  background-position: 62% 34% !important;
  filter: saturate(1.08) contrast(1.12) brightness(.74) !important;
}

.hero-section-fullscreen::before {
  opacity: 1 !important;
  background-image:
    linear-gradient(90deg, rgba(5, 12, 25, .96) 0%, rgba(5, 12, 25, .78) 30%, rgba(5, 12, 25, .10) 66%, rgba(5, 12, 25, .08) 100%),
    linear-gradient(0deg, rgba(4, 10, 20, .68) 0%, transparent 42%),
    var(--hero-bg-image-1) !important;
}

.hero-section-fullscreen::after {
  opacity: 0 !important;
  background-image:
    linear-gradient(90deg, rgba(5, 12, 25, .96) 0%, rgba(5, 12, 25, .78) 30%, rgba(5, 12, 25, .10) 66%, rgba(5, 12, 25, .08) 100%),
    linear-gradient(0deg, rgba(4, 10, 20, .68) 0%, transparent 42%),
    var(--hero-bg-image-2) !important;
}

.hero-section-fullscreen > .hero-content--editorial {
  inset: 0 auto 0 max(38px, calc((100vw - 1240px) / 2)) !important;
  width: min(690px, calc(100vw - 76px)) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: var(--olx-nav-height) 0 0 !important;
  text-shadow: none !important;
}

.hero-section-fullscreen > .hero-content--editorial::before {
  inset: auto auto 14% -34px !important;
  width: 1px !important;
  height: 72% !important;
  border: 0 !important;
  background: linear-gradient(transparent, rgba(197, 245, 255, .68) 24%, rgba(255, 126, 157, .86) 72%, transparent) !important;
}

.hero-editorial-kicker {
  margin: 0 0 24px !important;
}

.hero-editorial-title {
  max-width: none !important;
  font-size: clamp(58px, 7vw, 106px) !important;
  font-weight: 500 !important;
  line-height: .94 !important;
  letter-spacing: -.075em !important;
}

.hero-editorial-deck {
  margin: 30px 0 26px 5px !important;
  font-size: 16px !important;
  line-height: 1.9 !important;
}

.hero-editorial-meta {
  flex-direction: row !important;
  gap: 24px !important;
}

.home-content-section {
  padding: 82px 24px 96px !important;
  background:
    linear-gradient(90deg, transparent calc(50% - 1px), color-mix(in srgb, var(--olx-line) 44%, transparent) 50%, transparent calc(50% + 1px)),
    var(--olx-paper) !important;
}

.post-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

.article-card-compact:hover,
.article-card-compact:focus-within {
  transform: translateY(-3px) !important;
  box-shadow: 0 18px 42px rgba(20, 30, 44, .10) !important;
}

.article-card-compact:hover .card-cover-compact img {
  transform: scale(1.025) !important;
}

@media (max-width: 768px) {
  .hero-section-fullscreen {
    height: 84dvh !important;
    min-height: 620px !important;
  }

  .hero-section-fullscreen::before,
  .hero-section-fullscreen::after {
    background-position: 67% 34% !important;
  }

  .hero-section-fullscreen::after {
    background-image:
      linear-gradient(0deg, rgba(4, 10, 20, .94) 0%, rgba(4, 10, 20, .62) 54%, rgba(4, 10, 20, .12) 100%),
      linear-gradient(90deg, rgba(4, 10, 20, .58), transparent 85%) !important;
  }

  .hero-section-fullscreen > .hero-content--editorial {
    inset: auto 20px 40px 24px !important;
    width: auto !important;
    display: block !important;
    padding: 0 !important;
  }

  .hero-section-fullscreen > .hero-content--editorial::before {
    inset: -12px auto auto -24px !important;
    width: 2px !important;
    height: 100% !important;
  }

  .hero-editorial-title {
    font-size: clamp(45px, 14.2vw, 68px) !important;
    line-height: .98 !important;
  }

  .hero-editorial-deck {
    margin: 22px 0 18px !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
  }

  .home-content-section {
    padding: 48px 16px 72px !important;
    background: var(--olx-paper) !important;
  }

  .post-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .article-card-compact:hover,
  .article-card-compact:focus-within,
  .article-card-compact:hover .card-cover-compact img {
    transform: none !important;
  }
}