/* Landing page for "/". Colours, font and logo come from the Landing page settings (theme.js). */
:root {
  --bg: #f5f6f8;
  --card: #ffffff;
  --ink: #1f2937;
  --muted: #6b7280;
  --line: #e5e7eb;
  --logo-width: 120px;
  --font: "Inter", system-ui, sans-serif;
}

* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); }
body { color: var(--ink); font: 16px/1.6 var(--font); -webkit-font-smoothing: antialiased; }
.hidden { display: none !important; }

.home { min-height: 100vh; display: grid; place-items: center; padding: 24px 16px; }
.home-card {
  width: 100%;
  max-width: 440px;
  text-align: center;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 40px 28px;
}
.home-logo { display: block; width: 100%; max-width: var(--logo-width); height: auto; margin: 0 auto 18px; }
.home-icon { width: 40px; height: 40px; fill: none; stroke: var(--muted); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; margin-bottom: 14px; }
h1 { font-size: 24px; font-weight: 700; margin: 0 0 10px; }
p { margin: 0 0 8px; white-space: pre-line; }
p:empty { display: none; }
.muted { color: var(--muted); font-size: 14px; }