/*
 * The placeholder's styles, in a file of their own rather than inline.
 *
 * The security policy (firebase.json, headers.conf) allows styles and scripts from this
 * origin only. Starting strict means the real web app inherits a policy that already
 * forbids inline code, instead of one loosened for a placeholder and never tightened.
 */
:root {
  --ink: #12211a; --muted: #5b6b63; --line: #dfe6e2;
  --bg: #fbfcfb; --card: #ffffff;
  --keep: #0f5132; --hold: #8a5a00;
  --maxw: 40rem;
}
@media (prefers-color-scheme: dark) {
  :root {
    --ink: #e8efea; --muted: #9fb0a7; --line: #26312c;
    --bg: #0d1310; --card: #141b17;
    --keep: #6fcf97; --hold: #f2c14e;
  }
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--bg); color: var(--ink);
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.wrap { max-width: var(--maxw); margin: 0 auto; padding: 4.5rem 1.25rem 3rem; }
.eyebrow {
  font-size: .82rem; color: var(--muted); text-transform: uppercase;
  letter-spacing: .08em; margin: 0 0 .75rem;
}
h1 { font-size: clamp(2rem, 6vw, 2.9rem); line-height: 1.15; margin: 0 0 .6rem; letter-spacing: -.02em; }
.tagline { font-size: 1.15rem; color: var(--muted); margin: 0 0 2rem; }
h2 { font-size: 1.1rem; margin: 0 0 .5rem; }
p { margin: 0 0 1rem; }
ul { margin: 0; padding-left: 1.15rem; }
li { margin: .4rem 0; }
a { color: var(--keep); }
.card {
  background: var(--card); border: 1px solid var(--line); border-radius: 14px;
  border-left: 3px solid var(--hold);
  padding: 1.25rem 1.4rem; margin: 0 0 2rem;
}
footer {
  border-top: 1px solid var(--line); margin-top: 3rem; padding-top: 1.5rem;
  font-size: .9rem; color: var(--muted);
}
footer a { color: inherit; }