/* ═══════════════════════════════════════════════════════════
   Amazon Relay lane rate pages (/amazon-relay-rates/ and lanes).
   Layered on doc.css + guide.css; only the data pieces live here.
   Pages are generated by tools/build-lane-pages.mjs.
   ═══════════════════════════════════════════════════════════ */

.lr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 34px}
.lr-stat{background:var(--paper-2);border:1px solid rgba(22,22,22,.08);border-radius:var(--ri);padding:18px 18px 16px}
.lr-stat .v{font-size:clamp(24px,2.6vw,30px);font-weight:600;letter-spacing:-.02em;color:var(--ink);line-height:1.1;
  font-variant-numeric:tabular-nums;margin:0 0 6px}
.lr-stat .l{font-size:14px;line-height:1.35;color:var(--ink-4);font-weight:500;margin:0}
.lr-stat .s{font-size:12.5px;line-height:1.4;color:var(--g3);margin:6px 0 0}

.prose table.lr-t caption{caption-side:top;text-align:left;font-size:13.5px;line-height:1.5;color:var(--g3);
  padding:12px 16px;border-bottom:1px solid rgba(22,22,22,.08);background:#fff}
.prose table.lr-t{font-size:14.5px}
.prose table.lr-t th,.prose table.lr-t td{padding:10px 11px}
.prose table.lr-t thead th{font-size:13.5px;line-height:1.3;vertical-align:bottom}
.prose table.lr-t tbody th{white-space:nowrap}
.prose table.lr-kv{min-width:0}
.prose table.lr-kv tbody th{white-space:normal}
.prose table.lr-t th.num,.prose table.lr-t td.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.prose table.lr-t thead th.num{white-space:normal}
.prose table.lr-t tbody th{background:transparent;font-weight:500;color:var(--ink)}
.prose table.lr-t td .lr-few{color:var(--g3);font-size:13.5px;white-space:nowrap}
.prose table.lr-t a{font-weight:500}
.prose > p.lr-note{font-size:14.5px;line-height:1.55;color:var(--g3);margin:-10px 0 24px}

.lr-chart{margin:4px 0 30px}
.lr-chart figcaption{font-weight:600;color:var(--ink);font-size:15.5px;margin:0 0 12px}
.lr-chart .lr-wide,.lr-chart .lr-narrow{background:#fff;border:1px solid rgba(22,22,22,.09);border-radius:var(--ri);padding:16px 18px 10px}
.lr-chart .lr-narrow{display:none;padding:12px 12px 8px}
.lr-svg{display:block;width:100%;height:auto;font-family:var(--ff)}
.lr-svg .lab{fill:var(--ink-4)}
.lr-svg .val{fill:var(--ink);font-weight:600}
.lr-svg .tick{fill:var(--g3)}
.lr-svg .grid{stroke:rgba(22,22,22,.08);stroke-width:1}
.lr-svg .track{fill:#EEF1F6}
.lr-svg .iqr{fill:var(--peri-2)}
.lr-svg .med{fill:var(--blue);stroke:#fff;stroke-width:2}
.lr-key{font-size:13px;color:var(--g3);margin:10px 0 0;line-height:1.5}
.lr-key span{display:inline-block;vertical-align:middle;margin:0 6px 0 0}
.lr-key .k-iqr{width:22px;height:8px;border-radius:4px;background:var(--peri-2)}
.lr-key .k-med{width:11px;height:11px;border-radius:50%;background:var(--blue);margin-left:12px}

.lr-method{background:var(--paper-2);border:1px solid rgba(22,22,22,.08);border-radius:var(--ri);padding:18px 22px;margin:34px 0 0}
.lr-method p{font-size:15px;line-height:1.6;color:var(--ink-4);margin:0 0 10px}
.lr-method p:last-child{margin:0}
.prose .lr-list li{font-size:16px;line-height:1.6}

mark.martha{background:#FFF1A8;color:#4A3B00;border:1px dashed #C9A400;border-radius:4px;padding:1px 5px;
  font-size:.92em;line-height:1.5}

@media (max-width:760px){
  .lr-stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .lr-chart .lr-wide{display:none}
  .lr-chart .lr-narrow{display:block}
  .prose table.lr-t{font-size:14px}
  /* the table scrolls sideways inside .tbl; keep its caption readable in the visible width */
  .prose table.lr-t caption .cap{display:block;max-width:calc(100vw - 66px);position:sticky;left:16px}
  .lr-stat{padding:14px 14px 12px}
}