/* Plain Money — Comparison / calculator, and the portfolio's one YMYL media.
   Quiet by design: serif headings, no rank badges, no urgency. §14 requires
   money pages to compare on checkable conditions, so the table is the page
   and the review policy is printed on it rather than linked from it. */

.ax-header { padding: 18px 0; background: transparent; }
.ax-logo { --lockup: 24px; font-weight: 800; }
.ax-h1, .ax-h2, .ax-tool h3 {
  font-family: var(--font-heading, Georgia, "Yu Mincho", serif);
  font-weight: 400;
}
.ax-hero { padding: 66px 0; }
.ax-hero-grid { grid-template-columns: 1fr 1fr; }
.ax-h1 { font-size: clamp(36px, 4.8vw, 58px); line-height: 1.05; letter-spacing: -.02em; }

.ax-ledger { padding: 22px; border: 1px solid var(--border); background: var(--surface-alt); }
.ax-ledger-head { display: flex; justify-content: space-between; font-size: 10px; color: var(--muted); }
.ax-ledger-rows { margin-top: 16px; }
.ax-ledger-rows li {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 12px 0;
  border-bottom: 1px solid var(--border);
  font-size: 12.5px;
}
.ax-ledger-rows b { font-family: var(--font-heading, Georgia, serif); font-size: 19px; font-weight: 400; }

.ax-tools { padding: 0 0 56px; }
.ax-toolgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.ax-tool { min-height: 178px; padding: 22px; border: 1px solid var(--border); background: var(--surface-alt); }
.ax-tool small { font-size: 9px; font-weight: 800; letter-spacing: .1em; color: var(--accent); }
.ax-tool h3 { margin: 14px 0; font-size: 22px; }
.ax-tool p { margin: 0 0 14px; font-size: 11.5px; color: var(--muted); }
.ax-tool a { font-size: 10.5px; font-weight: 800; }

/* the comparison table sits on the dark ground the mock used, so the numbers
   read as reference material rather than as a sales surface */
.ax-compare { padding: 58px 0; background: var(--text); color: var(--background); }
.ax-compare .ax-lead { color: rgba(255, 255, 255, .7); }
.ax-compare .ax-eyebrow { color: var(--accent-soft, var(--accent)); }
.ax-compare .ax-table { margin-top: 20px; border-top: 1px solid rgba(255, 255, 255, .3); }
.ax-compare .ax-row {
  grid-template-columns: 1.7fr .8fr .8fr .8fr;
  border-bottom: 1px solid rgba(255, 255, 255, .18);
  align-items: center;
}
.ax-compare .ax-row--head { font-size: 9.5px; letter-spacing: .1em; color: rgba(255, 255, 255, .55); }
.ax-compare .ax-row strong small,
.ax-compare .ax-row span small { display: block; font-size: 10.5px; color: rgba(255, 255, 255, .58); }
.ax-compare .ax-quiet, .ax-compare .button--ghost { color: var(--background); border-color: rgba(255, 255, 255, .35); }
.ax-compare .ax-pending { color: rgba(255, 255, 255, .5); }

.ax-warning {
  margin-top: 24px;
  padding: 18px;
  background: var(--accent-soft, #dfd8c1);
  color: var(--text);
  font-size: 11.5px;
  line-height: 1.8;
}

.ax-option, .assess-q, .assess-card { border-radius: 0; }

@media (max-width: 900px) {
  .ax-toolgrid { grid-template-columns: 1fr; }
  .ax-compare .ax-row { grid-template-columns: 1fr; gap: 6px; }
}
.ax-footer-brand { --lockup: 20px; }