/* mojmar.app — placeholder until the landing page exists. Same ground and type
   as auth.mojmar.app; long-form pages get a readable measure. */
:root { color-scheme: dark; --ground: #0f0f15; --ink: #ececf1; --muted: #a3a3af; --line: rgba(255,255,255,.09); --mark: #11aa85; }
* { box-sizing: border-box; margin: 0; }
body {
  background: var(--ground); color: var(--ink);
  font: 16px/1.65 "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif;
  padding: 56px 24px 72px; -webkit-font-smoothing: antialiased;
}
main { max-width: 640px; margin: 0 auto; }
header { display: flex; align-items: center; gap: 12px; margin-bottom: 48px; }
header img { width: 36px; height: 36px; border-radius: 9px; }
header a { color: var(--ink); text-decoration: none; font-weight: 600; font-size: 18px; }
h1 { font: 600 34px/1.15 "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif; letter-spacing: -.02em; margin-bottom: 14px; }
h2 { font-size: 19px; font-weight: 600; margin: 36px 0 8px; }
p, li { color: var(--muted); max-width: 64ch; }
p + p { margin-top: 12px; }
ul { padding-left: 20px; margin-top: 8px; }
li + li { margin-top: 6px; }
strong { color: var(--ink); font-weight: 600; }
a { color: var(--mark); }
a:focus-visible { outline: 2px solid var(--mark); outline-offset: 3px; }
.updated { font-size: 14px; }
footer { margin-top: 56px; padding-top: 18px; border-top: 1px solid var(--line); font-size: 14px; color: var(--muted); }
footer a { color: var(--muted); margin-right: 18px; text-decoration: none; }
footer a:hover { color: var(--ink); }