/* AiB Platform — the Invoice Extractor's public page around the workspace:
   the hero's wider lede, the full-bleed band the workspace sits in, the
   "how it works" cards and the proposal-not-a-booking note. The workspace
   itself is the shared reader's (tools/lib/invoice_reader/invoice-extractor.css,
   loaded first); this sheet is only what the public door adds, so it ships
   with this package. */

/* ---------- hero: the shared .public-hero--tool, plus a wider lede ---------- */
.rd-hero .public-sub { max-width: 60ch; }
.rd-hero .public-sub b { color: var(--ink); font-weight: 600; }

/* ---------- the workspace band breaks out of .public-main's column ---------- */
/* the body's overflow-x clip (base.css drift guard) absorbs the
   scrollbar-width remainder of 100vw */
.rd-bleed { width: 100vw; margin-inline: calc(50% - 50vw); }

/* ---------- how the extractor works ---------- */
.rd-method { padding: clamp(36px, 6vw, 64px) 0 0; }
.rd-method h2 { font-family: var(--font-display); font-weight: 800; font-size: clamp(22px, 2.6vw, 30px); letter-spacing: -0.01em; margin: 0 0 6px; }
.rd-method-sub { color: var(--grey); max-width: 60ch; margin: 0 0 26px; }
.rd-method-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.rd-m-card { border: 1px solid var(--hairline); border-radius: var(--radius); background: var(--paper); padding: var(--space-5); box-shadow: var(--shadow-card); }
.rd-m-card h3 { font-family: var(--font-display); font-size: 16px; font-weight: 700; margin: 0 0 6px; }
.rd-m-card p { margin: 0; color: var(--grey); font-size: var(--fs-md); }
.rd-m-num { font-size: 11px; color: var(--grey); letter-spacing: 0.1em; display: block; margin-bottom: 10px; }

/* ---------- the note under it: the kit's .callout--warn, set wide ---------- */
.rd-warning { margin-top: clamp(24px, 4vw, 40px); }
.rd-warning-inner { padding: var(--space-4) var(--space-5); color: var(--grey); max-width: 76ch; }
.rd-warning-inner b { color: var(--ink); }

@media (max-width: 1020px) {
  .rd-method-grid { grid-template-columns: minmax(0, 1fr); }
}