.draft-reference { font-size: 13px; color: var(--muted); margin-top: -10px; }
@media (max-width: 480px) {
  .hero h1 { font-size: 33px; line-height: 1.08; }
  .hero > p { font-size: 17px; }
}
.import-intro { margin-bottom: 18px; }
.import-form hr { border: 0; border-top: 1px solid var(--line); margin: 26px 0; }
.file-input { padding: 10px; }
.import-results { margin-top: 18px; }
.field-help, .helptext { display: block; margin-top: 7px; color: var(--muted); font-size: 13px; line-height: 1.45; }

:root {
  --ink: #142447;
  --muted: #66708a;
  --green: #0b2f8f;
  --green2: #1746b3;
  --gold: #ffdd00;
  --cream: #f5f7fe;
  --line: #d9e0f0;
  --shadow: 0 18px 50px rgba(11, 47, 143, .10);
}
body { background: radial-gradient(circle at 85% 0, #e5ebff 0, transparent 34%), var(--cream); }
.site-header { height: 88px; }
.brand-logo { width: 58px; height: 58px; object-fit: contain; flex: 0 0 auto; }
.hero { margin-top: 3vh; }
.hero-logo { width: 118px; height: 118px; object-fit: contain; margin-bottom: 14px; }
.import-divider { display: flex; align-items: center; gap: 12px; margin: 6px 0 22px; color: var(--muted); font-size: 13px; text-transform: uppercase; letter-spacing: .12em; }
.import-divider::before, .import-divider::after { content: ""; height: 1px; background: var(--line); flex: 1; }