/* Pricing uses the homepage shell and tokens verbatim. This file only adds
   spacing/table treatment that does not exist on the homepage. */

.pricing-main {
  padding-top: 72px;
}

/* Keep the homepage brand markup and fixed position; pricing has no search
   field, so the empty topbar only provides the same shell anchor. */
.pricing-topbar {
  width: 0;
  height: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
  pointer-events: none;
}
.pricing-topbar .topbar-brand {
  pointer-events: auto;
}

/* Home section spacing is the source of truth for the pricing cards. */
.pricing-content {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.pricing-content > .home-sec {
  margin: 0;
}
.pricing-detail {
  text-align: left;
}
.pricing-detail > .home-sec-id,
.pricing-detail > .home-sec-title,
.pricing-detail > .home-sec-lead {
  text-align: left;
}

/* Guide cards use the same density, border and type scale as home feature
   cards. They are content-only variants, not a second visual system. */
.px-guide {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.px-guide-card {
  padding: 14px 12px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid rgba(90, 70, 50, 0.06);
}
.px-guide-card .who {
  display: inline-block;
  margin-bottom: 6px;
  color: #c2410c;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.px-guide-card strong {
  display: block;
  margin-bottom: 4px;
  color: #1c1917;
  font-size: 13px;
  font-weight: 800;
}
.px-guide-card p {
  margin: 0;
  color: #8a837a;
  font-size: 12px;
  line-height: 1.45;
}

/* The comparison table is the only genuinely new component on this page;
   its shell still inherits the homepage card surface. */
.px-compare-wrap {
  overflow-x: auto;
  border: 1px solid rgba(90, 70, 50, 0.06);
  border-radius: 12px;
  background: #fff;
}
.px-compare {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
  color: #5c564f;
  font-size: 12.5px;
}
.px-compare th,
.px-compare td {
  padding: 10px 12px;
  text-align: center;
  border-bottom: 1px solid rgba(90, 70, 50, 0.06);
}
.px-compare th {
  background: #faf7f0;
  color: #44403c;
  font-weight: 750;
  white-space: nowrap;
}
.px-compare tr:last-child td {
  border-bottom: 0;
}
.px-compare td.y {
  color: #c2410c;
  font-weight: 750;
}
.px-compare td.n {
  color: #a8a29e;
}
.px-compare .feat {
  min-width: 160px;
  color: #44403c;
  font-weight: 650;
  text-align: left;
}
.px-compare tbody tr:hover td {
  background: #fffcf7;
}

/* Notes and policy links keep the same inner spacing as home-sec-note. */
.px-note {
  padding: 14px;
  border: 1px solid rgba(90, 70, 50, 0.06);
  border-radius: 12px;
  background: #fff;
  color: #5c564f;
  font-size: 12.5px;
  line-height: 1.65;
}
.px-note b {
  color: #1c1917;
}
.px-note a {
  color: #c2410c;
  font-weight: 650;
}
.px-legal {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 14px;
  margin: 2px 0 0;
  font-size: 12.5px;
}
.px-legal a {
  color: #78716c;
  font-weight: 650;
}
.px-back {
  margin: 0;
  text-align: center;
}
.px-back a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #c2410c;
  font-size: 13px;
  font-weight: 720;
}

/* Static-page language panels use the same two-language behavior as before. */
html[lang="en"] [data-lang-panel="zh-CN"],
html[data-static-lang="en"] [data-lang-panel="zh-CN"],
html[data-ui-lang="en"] [data-lang-panel="zh-CN"] {
  display: none !important;
}
html[lang="zh-CN"] [data-lang-panel="en"],
html[lang="zh"] [data-lang-panel="en"],
html[data-static-lang="zh-CN"] [data-lang-panel="en"],
html[data-ui-lang="zh-CN"] [data-lang-panel="en"],
html:not([lang="en"]):not([data-static-lang="en"]):not([data-ui-lang="en"]) [data-lang-panel="en"] {
  display: none !important;
}

@media (max-width: 900px) {
  .pricing-main {
    padding-top: 56px;
  }
  .px-guide {
    grid-template-columns: 1fr;
  }
}