.card-thief-test-page {
  background:
    linear-gradient(90deg, rgb(214 168 79 / 2%) 1px, transparent 1px),
    linear-gradient(rgb(214 168 79 / 2%) 1px, transparent 1px),
    var(--color-ink-950);
  background-size: 48px 48px;
}

.card-thief-test-page .section { padding-block: var(--space-9); }
.card-thief-test-page .meta { display: inline-block; }

.ctt-hero { padding-block: var(--space-8) var(--space-7); }
.ctt-hero__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(2rem, 5vw, 5.5rem); align-items: center; }
.ctt-hero__copy { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.ctt-hero__copy > * { min-width: 0; margin: 0; }
.ctt-breadcrumb { display: flex; min-width: 0; flex-wrap: wrap; gap: var(--space-2); color: var(--color-paper-300); font-size: var(--text-xs); line-height: var(--leading-xs); }
.ctt-breadcrumb a { color: var(--color-paper-300); }
.ctt-eyebrow { color: var(--color-amber-400); }
.ctt-hero h1 { max-width: 35rem; }
.ctt-hero__lead { max-width: 34rem; color: var(--color-paper-300); font-size: var(--text-md); line-height: var(--leading-md); }
.ctt-hero__meta { width: 100%; }
.ctt-play-button { min-height: 2.9rem; }
.ctt-quick-verdict { width: 100%; max-width: 34rem; margin: 0; }
.ctt-quick-verdict > * { margin: 0; }
.ctt-hero__media { width: 100%; min-width: 0; margin: 0; }
.ctt-hero__media img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: center right; filter: brightness(.78) saturate(.88); border-radius: var(--radius-lg); }

.ctt-section-intro { width: min(100%, 43.75rem); display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); margin-bottom: var(--space-6); }
.ctt-section-intro > * { margin: 0; min-width: 0; }
.ctt-section-intro > p { color: var(--color-paper-300); }

.ctt-measures { background: linear-gradient(180deg, transparent, rgb(17 21 26 / 62%), transparent); }
.ctt-measures__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
.ctt-measure-card { min-width: 0; display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: var(--space-3); padding: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-slate-800); }
.ctt-measure-card > * { min-width: 0; }
.ctt-measure-card h3, .ctt-measure-card p { margin: 0; }
.ctt-measure-card p { margin-top: var(--space-3); color: var(--color-paper-300); }
.ctt-card-number { color: var(--color-amber-400); font-family: var(--font-heading); font-size: var(--text-xl); font-weight: 700; line-height: 1; }
.ctt-card-number--mist { color: var(--color-mist-400); }
.ctt-card-number--danger { color: var(--color-danger-400); }

.ctt-article-layout { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 3fr); gap: clamp(2rem, 5vw, 5.5rem); align-items: start; }
.ctt-article-copy { width: min(100%, 45rem); min-width: 0; }
.ctt-article-copy > .meta { margin-bottom: var(--space-3); }
.ctt-article-copy > h2 { margin-bottom: var(--space-6); }
.ctt-numbered-copy { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: var(--space-4); margin-bottom: var(--space-7); }
.ctt-numbered-copy > * { min-width: 0; }
.ctt-numbered-copy > span { color: var(--color-amber-400); font-family: var(--font-heading); font-size: var(--text-xl); font-weight: 700; line-height: 1; }
.ctt-numbered-copy h3 { margin-bottom: var(--space-3); }
.ctt-key-line { margin-top: calc(var(--space-4) * -1); padding-left: var(--space-3); border-inline-start: 2px solid var(--color-amber-400); color: var(--color-paper-300); font-weight: 600; }
.ctt-process { display: flex; min-width: 0; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-4); }
.ctt-process > span { min-width: 0; padding: var(--space-2) var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-slate-700); color: var(--color-paper-100); font-size: var(--text-sm); font-weight: 600; }
.ctt-chapter-rail { position: sticky; top: calc(var(--header-height) + var(--space-5)); min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); padding-left: var(--space-4); border-inline-start: 1px solid var(--color-border); }
.ctt-chapter-rail > * { min-width: 0; margin: 0; }
.ctt-chapter-rail a { color: var(--color-paper-300); font-size: var(--text-sm); text-decoration: none; }
.ctt-chapter-rail a:hover { color: var(--color-amber-400); }
.ctt-on-this-page { display: none; }

.ctt-stealth { background: rgb(17 21 26 / 58%); }
.ctt-stealth-block { display: grid; grid-template-columns: minmax(0, 8fr) minmax(14rem, 3fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: start; margin-bottom: var(--space-7); }
.ctt-stealth-block > * { min-width: 0; }
.ctt-stealth-block__main { display: grid; grid-template-columns: 3.75rem minmax(0, 1fr); gap: var(--space-4); }
.ctt-stealth-block__main > * { min-width: 0; }
.ctt-stealth-block h3, .ctt-shadow-block h3 { margin-bottom: var(--space-3); }
.ctt-large-number { color: var(--color-amber-400); font-family: var(--font-heading); font-size: var(--text-2xl); font-weight: 700; line-height: 1; }
.ctt-definition-panel { padding: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: rgb(214 168 79 / 4%); }
.ctt-definition-panel > * { margin: 0; }
.ctt-definition-panel p { margin-top: var(--space-3); color: var(--color-paper-300); }
.ctt-shadow-block { display: grid; grid-template-columns: minmax(12rem, 3fr) minmax(0, 8fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: start; }
.ctt-shadow-block > * { min-width: 0; }
.ctt-shadow-label { padding-top: var(--space-2); border-inline-start: 3px solid var(--color-mist-400); padding-inline-start: var(--space-4); }
.ctt-shadow-label > * { margin: 0; }
.ctt-shadow-label p { margin-top: var(--space-2); color: var(--color-paper-300); font-size: var(--text-sm); }
.ctt-shadow-block article { width: min(100%, 43.75rem); }
.ctt-amber-sentence { color: var(--color-amber-400); font-weight: 700; }
.ctt-danger-note { width: min(100%, 40rem); margin: var(--space-6) 0 0; }
.ctt-danger-note > * { margin: 0; }

.ctt-threat-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
.ctt-threat-card { min-width: 0; display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: var(--space-3); padding: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-slate-800); transition: border-color var(--transition-fast), background-color var(--transition-fast); }
.ctt-threat-card:hover { border-color: var(--color-amber-400); background: var(--color-slate-700); }
.ctt-threat-card > * { min-width: 0; }
.ctt-threat-card h3 { margin: var(--space-3) 0; }
.ctt-threat-card p { margin: 0; color: var(--color-paper-300); }
.ctt-threat-card__icon { color: var(--color-amber-400); font-size: var(--text-xl); line-height: 1; }
.ctt-threat-card__icon--danger { color: var(--color-danger-400); }
.ctt-threat-card__icon--mist { color: var(--color-mist-400); }
.ctt-threat-conclusion { width: min(100%, 42.5rem); margin: var(--space-6) 0 0; color: var(--color-paper-300); }
.ctt-threat-conclusion strong { color: var(--color-amber-400); }

.ctt-treasure-feature { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(2rem, 5vw, 5.5rem); align-items: center; }
.ctt-treasure-feature > * { min-width: 0; }
.ctt-treasure-feature figure { width: 100%; margin: 0; }
.ctt-treasure-feature img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: center; filter: brightness(.8) saturate(.9); }
.ctt-treasure-feature article { width: min(100%, 33.75rem); }
.ctt-treasure-feature h3 { margin-bottom: var(--space-3); }
.ctt-decision-question { width: min(100%, 27.5rem); padding: var(--space-4); border-inline-start: 3px solid var(--color-amber-400); background: rgb(214 168 79 / 4%); color: var(--color-paper-100); font-weight: 600; }
.ctt-knowledge-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-6); }
.ctt-knowledge-card { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.ctt-knowledge-card > * { min-width: 0; margin: 0; }
.ctt-knowledge-card p { color: var(--color-paper-300); }
.ctt-knowledge-card--equipment { border-inline-start: 3px solid var(--color-mist-400); background: rgb(121 169 160 / 6%); }

.ctt-strategies { background: linear-gradient(180deg, transparent, rgb(17 21 26 / 66%), transparent); }
.ctt-strategy-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); }
.ctt-strategy-card { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-slate-800); transition: border-color var(--transition-fast), background-color var(--transition-fast); }
.ctt-strategy-card:hover { border-color: var(--color-amber-400); background: var(--color-slate-700); }
.ctt-strategy-card > * { min-width: 0; margin: 0; }
.ctt-strategy-card > span { color: var(--color-amber-400); font-size: var(--text-xs); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.ctt-strategy-card p { color: var(--color-paper-300); }
.ctt-strategy-card--mist { border-inline-start: 3px solid var(--color-mist-400); }
.ctt-strategy-card--mist > span { color: var(--color-mist-400); }
.ctt-strategies__closing { width: min(100%, 38.75rem); margin: var(--space-6) 0 0; color: var(--color-paper-300); }

.ctt-recommendation-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); }
.ctt-fit-card { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-slate-800); }
.ctt-fit-card > * { min-width: 0; margin: 0; }
.ctt-fit-card--yes { border-inline-start: 3px solid var(--color-mist-400); background: rgb(121 169 160 / 5%); }
.ctt-fit-card ul { width: 100%; display: flex; flex-direction: column; gap: var(--space-3); margin: 0; }
.ctt-fit-card li { position: relative; padding-left: var(--space-4); color: var(--color-paper-300); }
.ctt-fit-card li::before { position: absolute; inset: .7em auto auto 0; width: .4rem; height: .4rem; border-radius: 50%; background: var(--color-amber-400); content: ""; }
.ctt-fit-card--yes li::before { background: var(--color-mist-400); }
.ctt-fit-card > p { color: var(--color-paper-300); }
.ctt-final-verdict { width: min(100%, 38.75rem); margin: var(--space-6) 0 0; color: var(--color-paper-300); }
.ctt-final-verdict strong { color: var(--color-amber-400); }

.ctt-next { background: rgb(17 21 26 / 52%); }
.ctt-next-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
.ctt-next-card { min-width: 0; min-height: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-slate-800); color: var(--color-paper-100); text-decoration: none; transition: border-color var(--transition-fast), background-color var(--transition-fast); }
.ctt-next-card:hover { border-color: var(--color-amber-400); background: var(--color-slate-700); color: var(--color-paper-100); }
.ctt-next-card > * { min-width: 0; margin: 0; }
.ctt-next-card p { color: var(--color-paper-300); }
.ctt-next-card__link { margin-top: auto; color: var(--color-amber-400); font-weight: 700; }
.ctt-next-card--double a { min-height: 2.75rem; display: inline-flex; align-items: center; color: var(--color-amber-400); font-size: var(--text-sm); font-weight: 700; }

.ctt-download { padding-top: var(--space-7) !important; }
.ctt-download-panel { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: clamp(2rem, 5vw, 5.5rem); align-items: center; padding: clamp(2rem, 4vw, 2.5rem); border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: linear-gradient(110deg, rgb(214 168 79 / 7%), transparent 42%), var(--color-slate-800); box-shadow: var(--shadow-raised); }
.ctt-download-panel > * { min-width: 0; }
.ctt-download-panel__copy { width: min(100%, 33.75rem); display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.ctt-download-panel__copy > * { min-width: 0; margin: 0; }
.ctt-download-panel__copy p { color: var(--color-paper-300); }
.ctt-download-panel__copy small { width: min(100%, 26.25rem); color: var(--color-paper-300); }
.ctt-download-panel__action { min-width: 0; display: flex; justify-content: flex-end; }

@media (max-width: 63.74rem) {
  .ctt-hero__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-6); }
  .ctt-hero__lead { font-size: var(--text-base); }
  .ctt-article-layout { grid-template-columns: 1fr; gap: var(--space-5); }
  .ctt-article-copy { width: min(100%, 45rem); }
  .ctt-chapter-rail { position: static; order: -1; flex-direction: row; flex-wrap: wrap; padding: 0; border-inline-start: 0; }
  .ctt-chapter-rail .meta { flex-basis: 100%; }
  .ctt-chapter-rail a { padding: var(--space-2) var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-slate-800); }
  .ctt-strategy-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 59.99rem) {
  .ctt-measures__grid, .ctt-threat-grid, .ctt-next-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ctt-measures__grid > :last-child, .ctt-next-grid > :last-child { grid-column: 1 / -1; }
  .ctt-stealth-block { grid-template-columns: 1fr; gap: var(--space-5); }
  .ctt-definition-panel { width: min(100%, 36rem); order: -1; }
  .ctt-shadow-block { grid-template-columns: 1fr; gap: var(--space-4); }
  .ctt-treasure-feature { grid-template-columns: 1fr; gap: var(--space-5); }
  .ctt-treasure-feature article { width: min(100%, 43.75rem); }
}

@media (max-width: 57.49rem) {
  .ctt-hero__grid { grid-template-columns: 1fr; gap: var(--space-5); }
  .ctt-hero__media { order: -1; }
  .ctt-hero__media img { height: clamp(13.75rem, 60vw, 17.5rem); aspect-ratio: auto; }
  .ctt-hero__copy, .ctt-hero__lead, .ctt-quick-verdict { max-width: none; }
  .ctt-knowledge-grid { grid-template-columns: 1fr; }
  .ctt-download-panel { grid-template-columns: 1fr; gap: var(--space-5); }
  .ctt-download-panel__action { justify-content: flex-start; }
}

@media (max-width: 49.99rem) {
  .ctt-recommendation-grid { grid-template-columns: 1fr; }
}

@media (max-width: 47.99rem) {
  .card-thief-test-page { background-size: 0 0; }
  .card-thief-test-page .section { padding-block: var(--space-7); }
  .ctt-hero { padding-block: var(--space-6) var(--space-5); }
  .ctt-hero h1 { font-size: var(--text-2xl); }
  .ctt-section-intro h2 { font-size: 1.5rem; }
  .ctt-measures__grid, .ctt-threat-grid, .ctt-next-grid, .ctt-strategy-grid { grid-template-columns: 1fr; gap: var(--space-3); }
  .ctt-measures__grid > :last-child, .ctt-next-grid > :last-child { grid-column: auto; }
  .ctt-measure-card, .ctt-threat-card { padding: var(--space-4); }
  .ctt-chapter-rail { display: none; }
  .ctt-on-this-page { display: block; margin: 0 0 var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-slate-800); }
  .ctt-on-this-page summary { min-height: 2.75rem; display: flex; align-items: center; padding: var(--space-3) var(--space-4); color: var(--color-paper-100); font-size: var(--text-sm); font-weight: 700; cursor: pointer; }
  .ctt-on-this-page > div { display: flex; flex-direction: column; gap: var(--space-2); padding: 0 var(--space-4) var(--space-4); }
  .ctt-on-this-page a { min-height: 2.75rem; display: flex; align-items: center; color: var(--color-paper-300); font-size: var(--text-sm); }
  .ctt-numbered-copy { grid-template-columns: 2.25rem minmax(0, 1fr); gap: var(--space-3); margin-bottom: var(--space-6); }
  .ctt-stealth-block__main { grid-template-columns: 2.25rem minmax(0, 1fr); gap: var(--space-3); }
  .ctt-shadow-label { padding-top: 0; }
  .ctt-danger-note { width: 100%; }
  .ctt-treasure-feature img { min-height: 13.75rem; }
  .ctt-fit-card, .ctt-next-card, .ctt-strategy-card { padding: var(--space-4); }
  .ctt-download-panel { padding: var(--space-5); }
  .ctt-download-panel__action, .ctt-download-panel__action .button { width: 100%; }
  .ctt-play-button { width: 100%; min-height: 2.75rem; }
}
