/* Restore the authored crypto guide over the later shared component rules.
   .csx-in is an entrance-animation hook, not a form-control class.
   Values come from assets/css/pd-crypto-security.css; motion stays there. */
html[data-page="crypto-security"] main#main-content.csx .csx-in {
  min-height: 0;
}

html[data-page="crypto-security"] main#main-content.csx .csx-eyebrow {
  border-color: rgba(var(--a-rgb), .28);
  border-radius: 999px;
  color: #bff5e3;
  font: 500 12px/1.3 var(--mono);
}

html[data-page="crypto-security"] main#main-content.csx .csx-h1 {
  color: #f3f8f6;
}

html[data-page="crypto-security"] main#main-content.csx .csx-lead {
  color: var(--tx2);
  font-size: 1.12rem;
  line-height: 1.65;
}

html[data-page="crypto-security"] main#main-content.csx .csx-meta {
  color: var(--mut);
  font: 500 12.5px/1.4 var(--mono);
}

html[data-page="crypto-security"] main#main-content.csx .csx-callout {
  border-color: rgba(241, 179, 91, .3);
  border-radius: 18px;
}

html[data-page="crypto-security"] main#main-content.csx .csx-btn {
  min-height: 44px;
  padding: 0 16px;
  border-radius: 11px;
  font: 500 14.5px/1.1 Inter, system-ui, sans-serif;
}

html[data-page="crypto-security"] main#main-content.csx .csx-btn--go {
  border-color: rgba(var(--a-rgb), .55);
  background: rgba(var(--a-rgb), .14);
  color: #d9fcf0;
  font-weight: 600;
}

html[data-page="crypto-security"] main#main-content.csx .csx-btn--go:hover {
  border-color: var(--a);
  background: var(--a);
  color: #062019;
}

html[data-page="crypto-security"] main#main-content.csx .csx-btn--alert {
  font-weight: 600;
}

html[data-page="crypto-security"] main#main-content.csx .csx-btn--ghost {
  min-height: 36px;
  padding: 0 12px;
  font-size: 13.5px;
}

html[data-page="crypto-security"] main#main-content.csx .csx-auth-foot .csx-btn {
  min-height: 38px;
  font-size: 14px;
}

html[data-page="crypto-security"] main#main-content.csx .csx-em .csx-btn:not(.csx-btn--alert):hover {
  border-color: rgba(var(--r-rgb), .5);
  background: rgba(var(--r-rgb), .08);
  color: #fff1ee;
}

html[data-page="crypto-security"] main#main-content.csx .csx-draft-act .csx-btn.is-done {
  border-color: var(--a);
  background: var(--a);
  color: #062019;
}

html[data-page="crypto-security"] main#main-content.csx .csx-item {
  padding-block: 0;
}

html[data-page="crypto-security"] main#main-content.csx .csx-item-t {
  color: var(--tx);
  line-height: 1.35;
}

html[data-page="crypto-security"] main#main-content.csx .csx-item-d {
  color: var(--mut);
  font-size: .87rem;
  line-height: 1.5;
}

html[data-page="crypto-security"] main#main-content.csx .csx-card {
  padding: 20px 20px 18px;
  border-color: var(--ln);
  background: linear-gradient(180deg, rgba(20, 31, 40, .9), rgba(13, 20, 27, .92));
  box-shadow: none;
}

html[data-page="crypto-security"] main#main-content.csx .csx-tool--own {
  border-color: rgba(var(--a-rgb), .22);
  background: linear-gradient(180deg, rgba(18, 38, 36, .92), rgba(12, 21, 25, .94));
}

html[data-page="crypto-security"] main#main-content.csx .csx-card:hover {
  border-color: rgba(var(--a-rgb), .32);
  box-shadow: 0 22px 44px -26px rgba(0, 0, 0, .95);
}

html[data-page="crypto-security"] main#main-content.csx .csx-tool-head {
  align-items: center;
  gap: 12px;
}

html[data-page="crypto-security"] main#main-content.csx .csx-tool .csx-h3 {
  color: var(--tx);
  font: 600 1rem/1.25 Inter, system-ui, sans-serif;
  letter-spacing: -.01em;
}

html[data-page="crypto-security"] main#main-content.csx .csx-host {
  color: var(--mut);
  font: 400 12px/1.3 var(--mono);
}

html[data-page="crypto-security"] main#main-content.csx .csx-tool .csx-p {
  color: var(--tx2);
  font: 400 .94rem/1.6 Inter, system-ui, sans-serif;
}

html[data-page="crypto-security"] main#main-content.csx .csx-tool-foot {
  gap: 8px 12px;
  padding-top: 0;
}

html[data-page="crypto-security"] main#main-content.csx .csx-sublink {
  color: var(--mut);
  font: 500 12.5px/1.3 Inter, system-ui, sans-serif;
}

html[data-page="crypto-security"] main#main-content.csx .csx-table th,
html[data-page="crypto-security"] main#main-content.csx .csx-table td {
  padding: 13px 16px;
  border-color: var(--ln);
  line-height: 1.5;
}

html[data-page="crypto-security"] main#main-content.csx .csx-table th {
  color: var(--mut);
  font: 500 11px/1.3 var(--mono);
  letter-spacing: .07em;
}

/* Keep the existing per-card spans instead of the shared card-count recipe.
   A named layer outranks that recipe's unlayered !important declarations
   without escalating its repeated ID specificity. */
@layer pd-crypto-security-layout {
  html[data-page="crypto-security"] main#main-content.csx .csx-gridb {
    gap: 16px !important;
  }

  html[data-page="crypto-security"] main#main-content.csx .csx-gridb > * {
    grid-column: span var(--sd, 3) !important;
  }

  @media (max-width: 1180px) {
    html[data-page="crypto-security"] main#main-content.csx .csx-gridb > * {
      grid-column: span var(--st, 6) !important;
    }
  }

  @media (max-width: 640px) {
    html[data-page="crypto-security"] main#main-content.csx .csx-gridb > * {
      grid-column: span 12 !important;
    }
  }
}

@media (max-width: 640px) {
  html[data-page="crypto-security"] main#main-content.csx .csx-eyebrow {
    font-size: 11px;
  }

  html[data-page="crypto-security"] main#main-content.csx .csx-lead {
    font-size: 1.02rem;
  }

  html[data-page="crypto-security"] main#main-content.csx .csx-meta {
    font-size: 11.5px;
  }

  html[data-page="crypto-security"] main#main-content.csx .csx-card {
    padding: 18px 16px 16px;
  }

  html[data-page="crypto-security"] main#main-content.csx .csx-table td {
    padding: 6px 0;
  }
}
html[data-page="crypto-security"] main#main-content.csx .csx-host{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal;word-break:normal}html[data-page="crypto-security"] main#main-content.csx .csx-hero-copy .pd-article-dates{margin:14px 0 0;color:var(--mut);font:500 12.5px/1.4 var(--mono);letter-spacing:.02em}html[data-page="crypto-security"] main#main-content.csx .csx-hero-copy .pd-article-dates time{color:var(--tx2)}html[data-page="crypto-security"] body.csx-page .pd-keyfacts{width:100%;max-width:1240px;margin:clamp(28px,4vw,44px) auto clamp(28px,4vw,40px);padding-inline:24px}html[data-page="crypto-security"] main#main-content.csx .csx-scam .csx-p{flex:0 0 auto}html[data-page="crypto-security"] main#main-content.csx .csx-scam .csx-more{display:inline-block;margin-top:auto;padding-top:14px}html[data-page="crypto-security"] main#main-content.csx .csx-scam .csx-more .csx-ico{display:inline-block;margin-left:6px;vertical-align:-2px}@media (min-width:641px){html[data-page="crypto-security"] main#main-content.csx .csx-team>.csx-verdict{margin-left:58px}}@media (max-width:640px){html[data-page="crypto-security"] body.csx-page .pd-keyfacts{padding-inline:16px}html[data-page="crypto-security"] main#main-content.csx .csx-hero-copy .pd-article-dates{font-size:11.5px}html[data-page="crypto-security"] main#main-content.csx .csx-band{flex-direction:column;align-items:flex-start}html[data-page="crypto-security"] main#main-content.csx .csx-band-txt,html[data-page="crypto-security"] main#main-content.csx .csx-band-act{width:100%}}html[data-page="crypto-security"] main#main-content.csx .csx-scam .csx-more{text-wrap:balance}