/* One column, one screen on a 320 px phone (engine PAY-LINKS-INPUT §5, §6). The widget
   styles itself inside its shadow root; this is only the frame around it. */
:root {
  color-scheme: light;
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  color: #16151a;
  background: #f7f6f3;
}
body {
  margin: 0;
}
.page {
  box-sizing: border-box;
  max-width: 30rem;
  margin: 0 auto;
  padding: 1.25rem 1rem;
}
.payee {
  margin: 0;
  font-size: 1rem;
}
.amount {
  margin: 0.25rem 0 1rem;
  font-size: 2rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.heading {
  margin: 0 0 1rem;
  font-size: 1.5rem;
}
.line {
  margin: 1rem 0 0;
  line-height: 1.5;
}
.line:empty {
  display: none;
}
.back {
  display: block;
  margin: 1rem 0 0;
  color: inherit;
  font-size: 0.875rem;
}