/* Minimal shared styles for root-domain pages (login, /me/, placeholders).
   The newsroom look lives in themes/broadsheet/v1/static/broadsheet/v1/theme.css (T1). */
:root {
  --paper: #f6f1e7;
  --ink: #211d18;
  --muted: #7a6f5c;
  --rule: #c9bfa9;
  --accent: #b0412e;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: "Libre Caslon Text", Georgia, serif;
  font-size: 17px;
  line-height: 1.55;
}
a { color: inherit; }
.dev-payments-banner {
  background: #c8102e;
  color: #fff;
  font-family: Archivo, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
  padding: 6px 12px;
}
.site-masthead { border-bottom: 3px double var(--ink); padding: 18px 20px; text-align: center; }
.wordmark { font-size: 28px; font-weight: 700; letter-spacing: .5px; text-decoration: none; }
main { max-width: 720px; margin: 0 auto; padding: 32px 20px 64px; }
.messages { list-style: none; max-width: 720px; margin: 16px auto 0; padding: 0 20px; }
.message { border: 1px solid var(--ink); padding: 10px 14px; background: #fff; }
.kicker {
  font-family: Archivo, system-ui, sans-serif; font-size: 12px; font-weight: 800;
  letter-spacing: 3px; text-transform: uppercase; color: var(--muted);
}
form.stack { display: flex; flex-direction: column; gap: 12px; max-width: 420px; }
input[type=email], input[type=text] {
  border: 1px solid var(--ink); background: #fff; padding: 12px 14px; font: inherit;
}
button, .button {
  background: var(--ink); color: var(--paper); border: 0; padding: 14px 22px; cursor: pointer;
  font-family: Archivo, system-ui, sans-serif; font-size: 12px; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase; text-decoration: none; display: inline-block;
}
.muted { color: var(--muted); }
ul.plain { list-style: none; padding: 0; }
ul.plain li { border-top: 1px dotted var(--rule); padding: 12px 0; }