/* ============================================================
   Aviator — pd-aviator scope
   Shared by aviator-guide.html and aviator-calculator.html
   Body typography via .pd-prose (base.css). Only page-specific
   components below.
   ============================================================ */

.pd-aviator__body { min-width: 0; }



/* ---- Formula Box ---- */
.pd-aviator .formula-box {
  background: var(--color-surface-2);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--space-5);
  margin: var(--space-5) 0;
}
.pd-aviator .formula-box__label {
  font-size: var(--text-label);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--color-text-muted);
  margin-bottom: var(--space-2);
}
.pd-aviator .formula-box__main {
  font-size: 1.375rem;
  font-weight: var(--weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--space-3);
}
.pd-aviator .formula-box__main .hl-pos { color: var(--color-positive); }
.pd-aviator .formula-box__main .hl-warn { color: var(--color-warning); }
.pd-aviator .formula-box__exp {
  font-size: var(--text-small);
  color: var(--color-text-muted);
  line-height: var(--leading-normal);
  margin: 0;
}


/* ---- Probability Table ---- */
.pd-aviator .prob-wrap {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  overflow: hidden;
  margin: var(--space-5) 0;
}
.pd-aviator .prob-header {
  padding: var(--space-3) var(--space-4);
  background: var(--color-surface-2);
  border-bottom: 1px solid var(--color-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-2);
}
.pd-aviator .prob-header__title {
  font-size: var(--text-small);
  font-weight: var(--weight-semibold);
  color: var(--color-text-primary);
}
.pd-aviator .prob-header__badge {
  font-size: var(--text-label);
  font-weight: var(--weight-semibold);
  color: var(--color-positive);
  background: var(--color-positive-subtle);
  padding: 2px 8px;
  border-radius: var(--radius-sm);
}
.pd-aviator .prob-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }

.pd-aviator table.prob { width: 100%; border-collapse: collapse; font-size: var(--text-small); min-width: 480px; }
.pd-aviator table.prob thead th {
  padding: var(--space-2) var(--space-4);
  text-align: left;
  font-size: var(--text-label);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--color-text-muted);
  background: var(--color-surface-2);
  border-bottom: 1px solid var(--color-border);
}
.pd-aviator table.prob thead th:not(:first-child) { text-align: right; }
.pd-aviator table.prob tbody td {
  padding: var(--space-2) var(--space-4);
  border-bottom: 1px solid var(--color-border);
  color: var(--color-text-secondary);
}
.pd-aviator table.prob tbody td:not(:first-child) { text-align: right; }
.pd-aviator table.prob tbody tr:last-child td { border-bottom: none; }
.pd-aviator .mult {
  font-weight: var(--weight-semibold);
  color: var(--color-text-primary);
}
.pd-aviator .prob-bar-cell { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.pd-aviator .prob-bar { height: 4px; border-radius: 2px; background: var(--color-positive); opacity: 0.5; flex-shrink: 0; }
.pd-aviator .prob-val {
  font-weight: var(--weight-semibold);
  font-size: var(--text-small);
  min-width: 48px;
  text-align: right;
}
.pd-aviator .ev-neg {
  font-weight: var(--weight-semibold);
  font-size: var(--text-small);
  color: var(--color-danger);
}


/* ---- Punchline Box ---- */
.pd-aviator .punchline {
  background: var(--color-danger-subtle);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--space-4) var(--space-5);
  margin: var(--space-5) 0;
  box-shadow: var(--shadow-sm);
}
.pd-aviator .punchline p {
  font-size: var(--text-body);
  font-weight: var(--weight-semibold);
  color: var(--color-text-primary);
  line-height: var(--leading-normal);
  margin: 0;
}
.pd-aviator .punchline .hl { color: var(--color-danger); }


/* ---- Instant Bust Callout ---- */
.pd-aviator .bust-callout {
  display: flex;
  gap: var(--space-4);
  align-items: flex-start;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--space-4);
  margin: var(--space-5) 0;
}
.pd-aviator .bust-callout__icon {
  width: 40px; height: 40px;
  background: var(--color-danger-subtle);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  display: flex; align-items: center; justify-content: center;
  font-size: var(--text-small);
  font-weight: var(--weight-bold);
  color: var(--color-danger);
  flex-shrink: 0;
}
.pd-aviator .bust-callout h4 {
  font-size: var(--text-small);
  font-weight: var(--weight-semibold);
  margin-bottom: 2px;
}
.pd-aviator .bust-callout p {
  font-size: var(--text-small);
  color: var(--color-text-muted);
  line-height: var(--leading-normal);
  margin: 0;
}


/* ---- Strategy Cards ---- */
.pd-aviator .strat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--space-3);
  margin: var(--space-4) 0 var(--space-5);
}
@media (max-width: 640px) { .pd-aviator .strat-grid { grid-template-columns: 1fr; } }

.pd-aviator .strat-card {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--space-4);
  box-shadow: var(--shadow-sm);
}

.pd-aviator .strat-card__label {
  font-size: var(--text-label);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  margin-bottom: var(--space-1);
}
.pd-aviator .strat-card.low .strat-card__label { color: var(--color-positive); }
.pd-aviator .strat-card.med .strat-card__label { color: var(--color-warning); }
.pd-aviator .strat-card.high .strat-card__label { color: var(--color-danger); }

.pd-aviator .strat-card__target {
  font-size: 1.375rem;
  font-weight: var(--weight-bold);
  color: var(--color-text-primary);
  margin-bottom: 2px;
}
.pd-aviator .strat-card__winrate {
  font-size: var(--text-label);
  color: var(--color-text-muted);
  margin-bottom: var(--space-3);
}
.pd-aviator .strat-card__desc {
  font-size: 13px;
  color: var(--color-text-secondary);
  line-height: var(--leading-normal);
}
.pd-aviator .strat-card__ev {
  margin-top: var(--space-3);
  font-size: var(--text-label);
  font-weight: var(--weight-semibold);
  color: var(--color-danger);
}


/* ---- Myths ---- */
.pd-aviator .myths { display: flex; flex-direction: column; gap: var(--space-2); margin: var(--space-4) 0 var(--space-5); }
.pd-aviator .myth {
  display: flex;
  gap: var(--space-3);
  align-items: flex-start;
  padding: var(--space-3) var(--space-4);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
}
.pd-aviator .myth__x {
  font-size: var(--text-label);
  font-weight: var(--weight-bold);
  color: var(--color-danger);
  background: var(--color-danger-subtle);
  width: 22px; height: 22px;
  display: flex; align-items: center; justify-content: center;
  border-radius: var(--radius-sm);
  flex-shrink: 0;
  margin-top: 1px;
}
.pd-aviator .myth__text {
  font-size: 13px;
  color: var(--color-text-secondary);
  line-height: var(--leading-normal);
}
.pd-aviator .myth__text strong { color: var(--color-text-primary); }


/* ---- Provably Fair Steps ---- */
.pd-aviator .pf-steps { display: flex; flex-direction: column; gap: 0; margin: var(--space-4) 0 var(--space-5); }
.pd-aviator .pf-step {
  display: flex;
  gap: var(--space-4);
  padding: var(--space-4) 0;
  border-bottom: 1px solid var(--color-border);
}
.pd-aviator .pf-step:last-child { border-bottom: none; }
.pd-aviator .pf-step__num {
  font-size: var(--text-small);
  font-weight: var(--weight-bold);
  color: var(--color-accent-text);
  background: var(--color-accent-subtle);
  width: 28px; height: 28px;
  display: flex; align-items: center; justify-content: center;
  border-radius: var(--radius-sm);
  flex-shrink: 0;
}
.pd-aviator .pf-step__text {
  font-size: var(--text-small);
  color: var(--color-text-secondary);
  line-height: var(--leading-normal);
}
.pd-aviator .pf-step__text strong { color: var(--color-text-primary); }


/* ---- House Edge Comparison Table ---- */
.pd-aviator .he-wrap {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  overflow: hidden;
  margin: var(--space-4) 0 var(--space-5);
}
.pd-aviator .he-scroll { overflow-x: auto; }
.pd-aviator table.he { width: 100%; border-collapse: collapse; font-size: var(--text-small); min-width: 420px; }
.pd-aviator table.he thead th {
  padding: var(--space-2) var(--space-4);
  text-align: left;
  font-size: var(--text-label);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--color-text-muted);
  background: var(--color-surface-2);
  border-bottom: 1px solid var(--color-border);
}
.pd-aviator table.he tbody td {
  padding: var(--space-2) var(--space-4);
  border-bottom: 1px solid var(--color-border);
  color: var(--color-text-secondary);
}
.pd-aviator table.he tbody tr:last-child td { border-bottom: none; }
.pd-aviator table.he .he-hl td { background: var(--color-accent-subtle); }
.pd-aviator .he-game { font-weight: var(--weight-semibold); color: var(--color-text-primary); }
.pd-aviator .he-val { font-family: var(--font-serif); font-weight: var(--weight-semibold); }
.pd-aviator .he-good { color: var(--color-positive); }
.pd-aviator .he-ok { color: var(--color-warning); }
.pd-aviator .he-bad { color: var(--color-danger); }
.pd-aviator .he-badge {
  font-size: 9px;
  font-weight: var(--weight-bold);
  color: var(--color-accent-text);
  background: var(--color-accent-subtle);
  padding: 1px 6px;
  border-radius: var(--radius-sm);
  margin-left: 4px;
  vertical-align: middle;
}


/* ---- Calculator ---- */
.pd-aviator .calc-wrap {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  overflow: hidden;
  margin: var(--space-5) 0;
}
.pd-aviator .calc-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-3) var(--space-5);
  background: var(--color-surface-2);
  border-bottom: 1px solid var(--color-border);
}
.pd-aviator .calc-header__title {
  font-size: var(--text-small);
  font-weight: var(--weight-semibold);
  color: var(--color-text-primary);
}
.pd-aviator .calc-header__badge {
  font-size: 10px;
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--color-positive);
  background: var(--color-positive-subtle);
  padding: 2px 8px;
  border-radius: var(--radius-sm);
}
.pd-aviator .calc-body { padding: var(--space-5); }

.pd-aviator .calc-inputs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-3);
  margin-bottom: var(--space-3);
}
.pd-aviator .calc-inputs--5col { grid-template-columns: repeat(5, 1fr); }
@media (max-width: 640px) { .pd-aviator .calc-inputs, .pd-aviator .calc-inputs--5col { grid-template-columns: 1fr 1fr; } }
@media (max-width: 400px) { .pd-aviator .calc-inputs, .pd-aviator .calc-inputs--5col { grid-template-columns: 1fr; } }

.pd-aviator .calc-field { display: flex; flex-direction: column; gap: 4px; }
.pd-aviator .calc-field__label {
  font-size: var(--text-label);
  font-weight: var(--weight-semibold);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
}
.pd-aviator .calc-input {
  font-size: var(--text-body);
  font-weight: var(--weight-semibold);
  color: var(--color-text-primary);
  padding: var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  width: 100%;
  transition: border-color var(--transition-fast);
  -moz-appearance: textfield;
}
.pd-aviator .calc-input::-webkit-outer-spin-button,
.pd-aviator .calc-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.pd-aviator .calc-input:focus { outline: none; border-color: var(--color-accent); }

.pd-aviator .calc-input-wrap { position: relative; }
.pd-aviator .calc-input-wrap .calc-input { padding-right: 28px; }
.pd-aviator .calc-input-wrap__suffix {
  position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
  font-size: var(--text-small);
  font-weight: var(--weight-semibold);
  color: var(--color-text-muted);
  pointer-events: none;
}

.pd-aviator .calc-presets {
  display: flex; flex-wrap: wrap; gap: 6px; align-items: center;
  margin-bottom: var(--space-4);
}
.pd-aviator .calc-presets__label {
  font-size: var(--text-label);
  font-weight: var(--weight-semibold);
  color: var(--color-text-muted);
  margin-right: 2px;
}
.pd-aviator .calc-preset {
  font-size: 11px;
  font-weight: var(--weight-semibold);
  color: var(--color-text-secondary);
  background: var(--color-surface-2);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  padding: 4px 10px;
  cursor: pointer;
  transition: all var(--transition-fast);
}
.pd-aviator .calc-preset:hover,
.pd-aviator .calc-preset.active {
  border-color: var(--color-accent);
  color: var(--color-accent-text);
  background: var(--color-accent-subtle);
}

.pd-aviator .calc-btn {
  display: block;
  width: 100%;
  padding: var(--space-3) var(--space-4);
  font-size: var(--text-small);
  font-weight: var(--weight-semibold);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  min-height: 44px;
  transition: all var(--transition-fast);
}
.pd-aviator .calc-btn--primary {
  background: var(--color-accent);
  color: var(--color-text-inverse);
}
.pd-aviator .calc-btn--primary:hover { background: var(--color-accent-hover); }

/* Results */
.pd-aviator .calc-results { margin-top: var(--space-5); }

.pd-aviator .calc-summary {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-3);
  margin-bottom: var(--space-4);
}
@media (max-width: 540px) { .pd-aviator .calc-summary { grid-template-columns: 1fr; } }

.pd-aviator .calc-card {
  background: var(--color-surface-2);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--space-4);
  text-align: center;
}
.pd-aviator .calc-card__label {
  font-size: 11px;
  font-weight: var(--weight-semibold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  color: var(--color-text-muted);
  margin-bottom: 4px;
}
.pd-aviator .calc-card__val {
  font-size: 1.375rem;
  font-weight: var(--weight-bold);
  color: var(--color-text-primary);
  line-height: var(--leading-tight);
}
.pd-aviator .calc-card__val.neg { color: var(--color-danger); }
.pd-aviator .calc-card__val.pos { color: var(--color-positive); }
.pd-aviator .calc-card__val--sm { font-size: var(--text-body); }
.pd-aviator .calc-card__sub {
  font-size: var(--text-label);
  color: var(--color-text-muted);
  margin-top: 2px;
}

.pd-aviator .calc-detail {
  background: var(--color-surface-2);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--space-4) var(--space-5);
  margin-bottom: var(--space-3);
}
.pd-aviator .calc-detail__title {
  font-size: 13px;
  font-weight: var(--weight-semibold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  color: var(--color-text-primary);
  margin-bottom: var(--space-3);
}
.pd-aviator .calc-row {
  display: flex; justify-content: space-between; align-items: center;
  padding: var(--space-2) 0;
  border-bottom: 1px solid var(--color-border);
}
.pd-aviator .calc-row:last-child { border-bottom: none; }
.pd-aviator .calc-row__label { font-family: var(--font-sans); font-size: var(--text-small); color: var(--color-text-secondary); }
.pd-aviator .calc-row__val {
  font-size: var(--text-small);
  font-weight: var(--weight-semibold);
  color: var(--color-text-primary);
}
.pd-aviator .calc-row__val.neg { color: var(--color-danger); }

/* Proof */
.pd-aviator .calc-proof {
  background: var(--color-surface-2);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--space-4) var(--space-5);
}
.pd-aviator .calc-proof__title {
  font-size: 13px;
  font-weight: var(--weight-semibold);
  color: var(--color-text-primary);
  margin-bottom: var(--space-2);
}
.pd-aviator .calc-proof__body {
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 1.8;
  color: var(--color-text-secondary);
}
.pd-aviator .calc-proof__line { display: block; }
.pd-aviator .calc-proof__heading {
  font-weight: var(--weight-semibold);
  color: var(--color-text-primary);
  margin-top: var(--space-2);
}


/* ---- Session Simulator ---- */
.pd-aviator .sim-results { margin-top: var(--space-4); }

.pd-aviator .sim-canvas-wrap {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--space-3);
  margin-bottom: var(--space-3);
}
.pd-aviator .sim-canvas-wrap canvas { width: 100%; display: block; }

.pd-aviator .sim-stats {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-3);
}
@media (max-width: 540px) { .pd-aviator .sim-stats { grid-template-columns: 1fr 1fr; } }

.pd-aviator .sim-stat {
  text-align: center;
  padding: var(--space-3);
  background: var(--color-surface-2);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
}
.pd-aviator .sim-stat__label {
  font-size: 10px;
  font-weight: var(--weight-semibold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  color: var(--color-text-muted);
  margin-bottom: 2px;
}
.pd-aviator .sim-stat__val {
  font-size: var(--text-h3);
  font-weight: var(--weight-bold);
  color: var(--color-text-primary);
}
.pd-aviator .sim-stat__val.pos { color: var(--color-positive); }
.pd-aviator .sim-stat__val.neg { color: var(--color-danger); }

.pd-aviator .sim-note {
  font-size: var(--text-label);
  color: var(--color-text-muted);
  text-align: center;
  margin-top: var(--space-3);
}


/* ---- Casino CTA Card ---- */
.pd-aviator .casino-cta {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  flex-wrap: wrap;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--space-5);
  margin: var(--space-6) 0;
  box-shadow: var(--shadow-sm);
}
.pd-aviator .casino-cta__body { flex: 1; min-width: 220px; }
.pd-aviator .casino-cta__headline {
  font-size: var(--text-body);
  font-weight: var(--weight-semibold);
  color: var(--color-text-primary);
  margin-bottom: 2px;
}
.pd-aviator .casino-cta__sub {
  font-size: var(--text-small);
  color: var(--color-text-secondary);
  margin: 0;
}
.pd-aviator .casino-cta__actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2);
}
.pd-aviator .casino-cta__alt {
  font-size: var(--text-label);
  color: var(--color-text-muted);
  text-decoration: underline;
}
.pd-aviator .casino-cta__alt:hover { color: var(--color-text-secondary); }
/* CTA button uses shared .pd-cta from base.css */


/* FAQ uses shared .pd-faq from base.css — no custom styles needed */


/* ---- Responsible Gambling ---- */
.pd-aviator__rg {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--space-5);
  margin-top: var(--space-7);
  background: var(--color-surface);
}
.pd-aviator__rg-title {
  font-size: var(--text-label);
  font-weight: var(--weight-semibold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wider);
  color: var(--color-text-muted);
  margin-bottom: var(--space-3);
}
.pd-aviator__rg p {
  font-size: var(--text-small);
  color: var(--color-text-secondary);
  line-height: var(--leading-relaxed);
  margin: 0 0 var(--space-3);
}
.pd-aviator__rg p:last-child { margin-bottom: 0; }


/* Separators use pd-prose hr styling */



/* ============================================================
   Offer block — dual operator card (aviator-calculator.html)
   Primary card carries the dark surface; secondary sits on
   the standard card surface. No accent borders (design rule).
   ============================================================ */

.pd-aviator .offer-set {
  display: grid;
  gap: var(--space-3);
  margin: var(--space-5) 0 var(--space-6);
}

.pd-aviator .offer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-5);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--shadow-sm);
}

.pd-aviator .offer--primary {
  background: var(--color-bg-dark);
  color: var(--color-text-on-dark);
}

.pd-aviator .offer__body { flex: 1; min-width: 220px; }

.pd-aviator .offer__rank {
  font-size: var(--text-label);
  font-weight: var(--weight-semibold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wider);
  color: var(--color-text-muted);
  margin-bottom: 4px;
}
.pd-aviator .offer--primary .offer__rank { color: var(--color-text-on-dark-muted); }

.pd-aviator .offer__headline {
  font-family: var(--font-serif);
  font-size: var(--text-h3);
  font-weight: var(--weight-semibold);
  line-height: var(--leading-tight);
  margin-bottom: 6px;
}

.pd-aviator .offer__sub {
  font-size: var(--text-small);
  line-height: var(--leading-relaxed);
  color: var(--color-text-secondary);
  margin: 0;
}
.pd-aviator .offer--primary .offer__sub { color: var(--color-text-on-dark); }

.pd-aviator .offer__geo {
  display: block;
  margin-top: 8px;
  font-size: var(--text-label);
  color: var(--color-text-muted);
}
.pd-aviator .offer--primary .offer__geo { color: var(--color-text-on-dark-muted); }

.pd-aviator .offer__actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  min-width: 180px;
}

.pd-aviator .offer__alt {
  font-size: var(--text-label);
  text-align: center;
  color: var(--color-text-muted);
  text-decoration: none;
}
.pd-aviator .offer__alt:hover { color: var(--color-text-secondary); }
.pd-aviator .offer--primary .offer__alt { color: var(--color-text-on-dark-muted); }
.pd-aviator .offer--primary .offer__alt:hover { color: var(--color-text-on-dark); }

/* Mobile: the CTA is the widest tap target on the card */
@media (max-width: 640px) {
  .pd-aviator .offer { padding: var(--space-4); gap: var(--space-3); }
  .pd-aviator .offer__actions { width: 100%; min-width: 0; }
  .pd-aviator .offer__actions .pd-cta { width: 100%; text-align: center; }
}


/* ---- Tool-page shell ---- */
/* Matches the editorial column the guide gets from .pd-sidebar-layout, so
   prose does not run the full width of a desktop viewport. */
.pd-aviator__col {
  max-width: var(--max-width-editorial);
  margin: 0 auto;
  padding: var(--space-7) var(--space-6);
}

.pd-aviator .tool-lede {
  font-size: var(--text-body);
  line-height: var(--leading-relaxed);
  color: var(--color-text-secondary);
  margin: 0 0 var(--space-5);
}


/* ---- Tool handoff strip (guide -> /aviator-calculator/) ---- */
.pd-aviator .tool-jump {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-5);
  margin: 0 0 var(--space-6);
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
}
.pd-aviator .tool-jump__body { flex: 1; min-width: 220px; }
.pd-aviator .tool-jump__title {
  font-family: var(--font-serif);
  font-size: var(--text-h3);
  font-weight: var(--weight-semibold);
  margin-bottom: 4px;
}
.pd-aviator .tool-jump__sub {
  font-size: var(--text-small);
  line-height: var(--leading-relaxed);
  color: var(--color-text-secondary);
  margin: 0;
}
@media (max-width: 640px) {
  .pd-aviator .tool-jump { padding: var(--space-4); }
  .pd-aviator .tool-jump .pd-cta { width: 100%; text-align: center; }
}

/* Wrapper matches the editorial column so the strip lines up with the
   sidebar layout below it. */
.pd-aviator .tool-jump-wrap {
  max-width: var(--max-width-editorial);
  margin: 0 auto;
  padding: var(--space-6) var(--space-6) 0;
}
.pd-aviator .tool-jump-wrap .tool-jump { margin-bottom: 0; }

/* Primary card sits on burgundy: the unified logos are dark-ink wordmarks,
   so give them a light chip, and invert the CTA so it is not burgundy on
   burgundy. */
.pd-aviator .offer--primary .pd-logo {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  padding: 8px 10px;
}

.pd-aviator .offer--primary .pd-cta.pd-cta {
  background: var(--color-surface);
  color: var(--color-accent-text);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
}
.pd-aviator .offer--primary .pd-cta.pd-cta:hover {
  background: var(--color-accent-subtle);
  color: var(--color-accent-text);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.28);
}