.category-playbook-page {
  --category-accent: var(--dcl-ocean);
  --category-accent-strong: var(--dcl-navy);
  --category-wash: rgba(9, 135, 138, 0.08);
  --dcl-coral: #be453d;
}

.las-vegas-page {
  --dcl-ocean: #9a531e;
  --dcl-teal: #a85e24;
  --dcl-coral: #b94735;
  --dcl-rule: rgba(91, 51, 26, 0.22);
  --dcl-rule-strong: rgba(91, 51, 26, 0.52);
  --category-accent: #a85e24;
  --category-accent-strong: #4c2819;
  --category-wash: rgba(196, 143, 45, 0.11);
}

.flights-page {
  --dcl-ocean: #176b9c;
  --dcl-teal: #157da6;
  --dcl-coral: #be453d;
  --dcl-rule: rgba(17, 82, 122, 0.2);
  --dcl-rule-strong: rgba(17, 82, 122, 0.52);
  --category-accent: #176b9c;
  --category-accent-strong: #073758;
  --category-wash: rgba(23, 107, 156, 0.08);
}

.hotels-page {
  --dcl-ocean: #2e776c;
  --dcl-teal: #288177;
  --dcl-coral: #b64a3a;
  --dcl-rule: rgba(35, 96, 85, 0.21);
  --dcl-rule-strong: rgba(35, 96, 85, 0.52);
  --category-accent: #2e776c;
  --category-accent-strong: #173f3a;
  --category-wash: rgba(46, 119, 108, 0.09);
}

.category-playbook-page .dcl-hero-visual img {
  filter: saturate(0.92) contrast(1.03);
}

.category-playbook-page .dcl-lane {
  min-width: 0;
}

.category-playbook-page .dcl-lane ul {
  display: grid;
  gap: 8px;
  margin: 18px 0 0;
  padding: 0;
  color: rgba(4, 31, 53, 0.72);
  font-size: 0.76rem;
  list-style: none;
}

.category-playbook-page .dcl-lane li {
  position: relative;
  padding-left: 15px;
}

.category-playbook-page .dcl-lane li::before {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--category-accent);
  content: "✓";
  font-weight: 900;
}

.category-result {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(440px, 0.92fr);
  gap: clamp(55px, 8vw, 130px);
  align-items: center;
  color: #fff;
  background:
    radial-gradient(circle at 82% 16%, rgba(255, 255, 255, 0.12), transparent 32%),
    linear-gradient(125deg, var(--dcl-navy-deep), var(--category-accent-strong));
}

.category-result .dcl-eyebrow {
  color: #86e1d7;
}

.las-vegas-page .category-result .dcl-eyebrow {
  color: #f2c76e;
}

.category-result h2 {
  max-width: 760px;
  font-size: clamp(2.8rem, 5vw, 5.4rem);
}

.category-result-copy > p:not(.dcl-eyebrow) {
  max-width: 760px;
  margin: 26px 0 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: clamp(0.95rem, 1.15vw, 1.12rem);
  line-height: 1.55;
}

.category-result-copy small {
  display: block;
  max-width: 760px;
  margin-top: 22px;
  color: rgba(255, 255, 255, 0.56);
  font-size: 0.69rem;
  line-height: 1.5;
}

.category-result-stories {
  display: grid;
  gap: 14px;
  margin-top: 28px;
}

.category-result-stories article {
  padding: 18px 20px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.06);
}

.category-result-stories span {
  display: block;
  margin-bottom: 7px;
  color: #f2c76e;
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.category-result-stories h3 {
  margin: 0;
  font-family: var(--dcl-serif);
  font-size: clamp(1.15rem, 1.8vw, 1.55rem);
  line-height: 1.08;
}

.category-result-stories article p {
  margin-top: 9px !important;
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 0.8rem !important;
  line-height: 1.55 !important;
}

.category-result-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  align-items: center;
  margin-top: 18px;
}

.category-result-action {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.65);
  font-size: 0.76rem;
  font-weight: 900;
}

.home-page .category-result-action--primary {
  padding: 10px 15px;
  color: var(--dcl-navy-deep);
  border: 1px solid #fff;
  background: #fff;
}

.home-page .category-result-action--primary:hover,
.home-page .category-result-action--primary:focus-visible {
  color: #fff;
  background: transparent;
}

.category-result-action--referral::before {
  content: "Card referral";
  margin-right: 9px;
  padding: 4px 7px;
  color: #06243c;
  border-radius: 999px;
  background: #86e1d7;
  font-size: 0.58rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.category-strategy-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  align-items: center;
}

.category-strategy-links .category-case-link {
  color: var(--category-accent-strong);
  font-weight: 900;
}

.category-result-ledger {
  margin: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.category-result-ledger > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: baseline;
  padding: 20px 2px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.category-result-ledger dt {
  color: rgba(255, 255, 255, 0.65);
  font-size: 0.71rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.category-result-ledger dd {
  margin: 0;
  font-family: var(--dcl-serif);
  font-size: clamp(1.45rem, 2.3vw, 2.4rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  text-align: right;
}

.category-playbook-page .dcl-playbook-group[open] summary {
  background: var(--category-wash);
}

.category-playbook-page .dcl-disclosure {
  margin-bottom: 28px;
}

@media (max-width: 900px) {
  .category-result {
    grid-template-columns: 1fr;
    gap: 44px;
  }
}

@media (max-width: 700px) {
  .category-playbook-page .dcl-lane ul {
    margin-top: 14px;
  }

  .category-result {
    padding-inline: 19px;
  }

  .category-result-ledger > div {
    padding-block: 16px;
  }

  .category-result-ledger dd {
    font-size: 1.55rem;
  }
}