:root {
  --chance-app-orange: #f49a19;
  --chance-app-orange-soft: #fff3dd;
  --chance-app-emerald: #007b55;
  --chance-app-emerald-dark: #004c3c;
  --chance-app-navy: #0f2745;
  --chance-app-line: #d7e4e5;
  --chance-app-mint: #eef8f5;
}

.chance-app-page {
  --app-yellow: var(--chance-app-orange);
  --app-yellow-soft: var(--chance-app-orange-soft);
  --app-navy: var(--chance-app-navy);
  --app-blue: #0876d1;
  --app-ink: #132a46;
  --app-muted: #587083;
  --app-line: var(--chance-app-line);
  --app-surface: #f4f9f8;
  --app-green: var(--chance-app-emerald);
  --app-purple: #315373;
}

.chance-app-page .article-hero {
  align-items: center;
}

.chance-app-page .article-actions .button-primary,
.chance-app-page .app-registration-bar .button-primary,
.chance-app-page .app-dual-cta .button-primary,
.chance-app-page .app-final-cta .button-primary,
.chance-app-page .chance-app-cta .button-primary {
  color: #142640;
  background: var(--chance-app-orange);
  box-shadow: 0 12px 28px rgba(244, 154, 25, .24);
}

.chance-app-page .article-actions .button-primary:hover,
.chance-app-page .app-registration-bar .button-primary:hover,
.chance-app-page .app-dual-cta .button-primary:hover,
.chance-app-page .app-final-cta .button-primary:hover,
.chance-app-page .chance-app-cta .button-primary:hover {
  color: #142640;
  background: #ffb449;
}

.chance-app-hero-card {
  overflow: hidden;
  border-top: 5px solid var(--chance-app-orange);
}

.chance-app-hero-card figure {
  margin: 0;
  background: #061d20;
}

.chance-app-hero-card figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1200 / 630;
  object-fit: cover;
}

.chance-app-hero-card figcaption {
  padding: 10px 16px;
  color: #d7e6e4;
  background: #092d2c;
  font-size: 12px;
}

.chance-app-hero-card .quick-facts {
  margin: 0;
  padding: 18px;
  background: #fff;
}

.chance-app-verdict {
  padding: 17px 18px;
  border-top: 1px solid #cfe0df;
  background: linear-gradient(135deg, #eaf8f4, #fff9ed);
}

.chance-app-verdict span,
.chance-proof-label {
  display: inline-flex;
  margin-bottom: 6px;
  padding: 5px 9px;
  border-radius: 999px;
  color: #006044;
  background: #d8f2ea;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.chance-app-verdict strong {
  display: block;
  color: var(--chance-app-navy);
}

.chance-app-page .app-finder-section {
  background:
    radial-gradient(circle at 92% 7%, rgba(244, 154, 25, .28), transparent 29%),
    linear-gradient(135deg, #063e3a, #081d32);
}

.chance-app-page .app-finder-result span {
  color: #513000;
}

.chance-app-page .app-finder-result code {
  color: #075b49;
  background: #eaf7f3;
}

.chance-platform-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 18px 0 0;
}

.chance-platform-summary > div {
  min-width: 0;
  padding: 13px;
  border: 1px solid #d6e4e4;
  border-radius: 13px;
  background: #fff;
}

.chance-platform-summary span {
  display: block;
  margin-bottom: 5px;
  color: #637487;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.chance-platform-summary strong {
  display: block;
  overflow-wrap: anywhere;
  color: var(--chance-app-navy);
  font-size: 14px;
}

.chance-app-page .app-download-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.chance-store-card {
  position: relative;
  border-top: 5px solid var(--chance-app-emerald);
}

.chance-store-card-ios { border-top-color: #33485e; }
.chance-store-card-huawei { border-top-color: #d94b3e; }

.chance-store-card .app-card-head {
  min-height: auto;
  align-items: flex-start;
}

.chance-store-card h3 {
  margin: 0 0 4px;
}

.chance-store-card .store-rating {
  color: #00644d;
  font-weight: 900;
}

.chance-store-meta {
  display: grid;
  gap: 8px;
  margin: 15px 0;
  padding: 0;
  list-style: none;
}

.chance-store-meta li {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e4ecec;
  font-size: 13px;
}

.chance-store-meta li span {
  color: var(--app-muted);
}

.chance-store-meta li strong {
  color: var(--chance-app-navy);
  text-align: right;
}

.chance-store-card .app-store-links {
  margin-top: auto;
}

.chance-store-card .app-store-links a {
  width: 100%;
  color: #fff;
  background: var(--chance-app-emerald);
}

.chance-store-card-ios .app-store-links a { background: #33485e; }
.chance-store-card-huawei .app-store-links a { background: #d94b3e; }

.chance-store-card .app-store-links a:hover {
  color: #fff;
  filter: brightness(1.08);
}

.chance-proof-banner {
  margin-top: 22px;
  padding: 20px;
  border: 1px solid #c9dfda;
  border-radius: 18px;
  background: linear-gradient(135deg, #eef9f5, #fff8ea);
}

.chance-proof-banner h3 {
  margin: 0 0 8px;
}

.chance-proof-banner p:last-child {
  margin-bottom: 0;
}

.chance-app-wide-figure {
  margin: 22px 0 0;
  overflow: hidden;
  border: 1px solid #d7e3e3;
  border-radius: 16px;
  background: #071d19;
}

.chance-app-wide-figure img {
  display: block;
  width: 100%;
  height: auto;
}

.chance-app-wide-figure figcaption {
  padding: 10px 14px;
  color: #546d7e;
  background: #fff;
  font-size: 12px;
}

.chance-app-page .app-snapshot-table tbody tr {
  grid-template-columns: 1.05fr 1fr 1fr 1.15fr;
}

.chance-app-page .app-snapshot-table tbody th {
  background: #f0f7f5;
}

.chance-app-page .app-date-tag {
  color: #00624a;
  background: #dff3ed;
}

.chance-app-page .app-steps li::before,
.chance-app-page .app-troubleshoot-flow li::before {
  color: #142640;
  background: var(--chance-app-orange);
}

.chance-app-page .app-audit-grid article,
.chance-app-page .app-method-grid article {
  border-top-color: #74b9a8;
}

.chance-feature-evidence {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr);
  gap: 22px;
  align-items: center;
  margin-top: 22px;
}

.chance-feature-evidence figure {
  margin: 0;
  overflow: hidden;
  border: 1px solid #d5e1e1;
  border-radius: 16px;
  background: #171717;
}

.chance-feature-evidence figure img {
  display: block;
  width: 100%;
  height: auto;
}

.chance-feature-evidence figcaption {
  padding: 10px 13px;
  color: #647486;
  background: #fff;
  font-size: 12px;
}

.chance-feature-evidence ul {
  margin: 0;
}

.chance-app-compare {
  width: 100%;
  border-collapse: collapse;
}

.chance-app-compare th,
.chance-app-compare td {
  padding: 13px 14px;
  border: 1px solid #d9e4e4;
  text-align: left;
  vertical-align: top;
}

.chance-app-compare thead th {
  color: #fff;
  background: var(--chance-app-navy);
}

.chance-app-compare tbody th {
  color: var(--chance-app-navy);
  background: #eff7f5;
}

.chance-privacy-grid article {
  border-top: 4px solid var(--chance-app-emerald);
}

.chance-privacy-grid article:nth-child(2) { border-top-color: #d88918; }
.chance-privacy-grid article:nth-child(3) { border-top-color: #315373; }
.chance-privacy-grid article:nth-child(4) { border-top-color: #9e3838; }

.chance-app-page .app-data-warning {
  border-left-color: var(--chance-app-emerald);
  background: #edf8f4;
}

.chance-diagnostic-form {
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #c8ddda;
  border-radius: 17px;
  background: #f0f8f6;
}

.chance-diagnostic-controls {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.chance-diagnostic-form label {
  display: grid;
  gap: 7px;
  color: var(--chance-app-navy);
  font-size: 13px;
  font-weight: 900;
}

.chance-diagnostic-form select {
  width: 100%;
  min-height: 48px;
  padding: 0 42px 0 13px;
  border: 1px solid #aac6c0;
  border-radius: 10px;
  color: var(--chance-app-navy);
  background: #fff;
  font: inherit;
}

.chance-diagnostic-form .button {
  min-height: 48px;
  margin-top: 14px;
}

.chance-diagnostic-result {
  margin-top: 15px;
  padding: 20px;
  border: 2px solid var(--chance-app-orange);
  border-radius: 16px;
  background: #fffaf1;
  outline: none;
}

.chance-diagnostic-result > span {
  display: inline-flex;
  margin-bottom: 7px;
  padding: 5px 9px;
  border-radius: 999px;
  color: #684000;
  background: #ffe3b4;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.chance-diagnostic-result h3 {
  margin: 0 0 10px;
}

.chance-diagnostic-result ol {
  margin: 0 0 12px;
}

.chance-diagnostic-result p:last-child {
  margin-bottom: 0;
}

.chance-version-timeline {
  display: grid;
  gap: 12px;
  margin-top: 20px;
}

.chance-version-timeline article {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 18px;
  padding: 17px;
  border: 1px solid #d5e2e2;
  border-radius: 14px;
  background: #fff;
}

.chance-version-timeline time {
  color: #00654d;
  font-weight: 900;
}

.chance-version-timeline h3 {
  margin: 0 0 5px;
}

.chance-version-timeline p {
  margin: 0;
}

.chance-rating-caveat {
  margin-top: 18px;
  padding: 17px;
  border-left: 4px solid #315373;
  background: #eef3f7;
}

.chance-app-page .app-faq-list {
  align-items: stretch;
  gap: 12px;
}

.chance-app-page .app-faq-list details {
  height: 100%;
}

.chance-app-page .app-faq-list details:not([open]) summary {
  box-sizing: border-box;
  height: 100%;
}

.chance-app-page .app-final-cta,
.chance-app-page .app-dual-cta {
  background:
    radial-gradient(circle at 100% 0, rgba(244,154,25,.24), transparent 31%),
    linear-gradient(135deg, #073e39, #10243e);
}

.chance-app-page .app-final-cta span,
.chance-app-page .app-dual-cta span {
  color: #ffbd5c;
}

.chance-app-cta {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.chance-app-cta .button {
  min-height: 48px;
  white-space: normal;
  text-align: center;
}

@media (max-width: 980px) {
  .chance-platform-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .chance-feature-evidence {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .chance-app-page .app-download-grid,
  .chance-diagnostic-controls {
    grid-template-columns: 1fr;
  }

  .chance-app-page .app-snapshot-table tbody tr {
    grid-template-columns: 1fr;
  }

  .chance-version-timeline article {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .chance-app-compare,
  .chance-app-compare thead,
  .chance-app-compare tbody,
  .chance-app-compare tr,
  .chance-app-compare th,
  .chance-app-compare td {
    display: block;
  }

  .chance-app-compare thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }

  .chance-app-compare tr {
    margin-bottom: 12px;
    border: 1px solid #d9e4e4;
    border-radius: 12px;
    overflow: hidden;
  }

  .chance-app-compare th,
  .chance-app-compare td {
    border: 0;
    border-bottom: 1px solid #e3ebeb;
  }

  .chance-app-compare td::before {
    display: block;
    margin-bottom: 4px;
    color: #647486;
    content: attr(data-label);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
  }
}

@media (max-width: 520px) {
  .chance-platform-summary {
    grid-template-columns: 1fr;
  }

  .chance-app-hero-card figcaption,
  .chance-app-wide-figure figcaption,
  .chance-feature-evidence figcaption {
    font-size: 11px;
  }

  .chance-diagnostic-form,
  .chance-diagnostic-result,
  .chance-proof-banner {
    padding: 16px;
  }
}