/* traileo.earth — the one stylesheet. The CSP forbids inline styles. */
:root{
  --bg:#ffffff; --fg:#1c1c1e; --muted:#6b6b70; --rule:#e6e6ea;
  --accent:#2f7d55; --card:#f6f7f8; --warn-bg:#fff6e5; --warn-fg:#8a5a00; --warn-rule:#f0d9a8;
  color-scheme:light dark;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0f1112; --fg:#e9e9ec; --muted:#9a9aa2; --rule:#2a2d30;
    --accent:#5fbf8a; --card:#17191b; --warn-bg:#2a2109; --warn-fg:#e8c06a; --warn-rule:#5a4a1e;
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--fg);
  font:400 17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}

/* Full-viewport pages: home, share fallback, 404 */
body.screen{
  min-height:100dvh; display:flex; flex-direction:column;
  padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));
}
.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;text-align:center}
.hero-logo{width:112px;height:112px;border-radius:25px}
.hero-title{font-size:2.4rem;line-height:1.1;margin:.6rem 0 0;letter-spacing:-.02em}
.hero-tagline{margin:0;max-width:28rem;color:var(--muted)}
.cta{margin:1.4rem 0 0}
.cta-soon{padding:.7em 1.3em;border:1px solid var(--rule);border-radius:999px;color:var(--muted);font-size:.95rem}
.menu{display:flex;justify-content:center;gap:1.6rem;font-size:.95rem}
.menu a{color:var(--muted);text-decoration:none}
.menu a:hover,.menu a:focus-visible{color:var(--fg);text-decoration:underline}

/* Document pages: legal, support */
body.doc{padding:max(24px,env(safe-area-inset-top)) 20px 96px}
.site-header{max-width:760px;margin:0 auto 1.5rem}
.site-header a{color:var(--fg);font-weight:600;text-decoration:none}
.doc main{max-width:760px;margin:0 auto}
.doc h1{font-size:2rem;line-height:1.2;margin:.2em 0 .1em;letter-spacing:-.02em}
.doc h2{font-size:1.3rem;margin:2.2em 0 .5em;letter-spacing:-.01em}
.doc h3{font-size:1.05rem;margin:1.6em 0 .4em;color:var(--muted)}
.doc p,.doc li{margin:.6em 0}
.doc ul{padding-left:1.25em}
.doc hr{border:0;border-top:1px solid var(--rule);margin:2em 0}
.doc table{width:100%;border-collapse:collapse;margin:1em 0;font-size:.95rem;display:block;overflow-x:auto}
.doc th,.doc td{border:1px solid var(--rule);padding:.5em .7em;text-align:left;vertical-align:top}
.doc th{background:var(--card)}
.doc footer{margin-top:3em;padding-top:1.2em;border-top:1px solid var(--rule);color:var(--muted);font-size:.9rem}
.doc strong{font-weight:650}
.updated{color:var(--muted);font-size:.95rem;margin-top:.2em}
.lede{color:var(--muted)}
.note{background:var(--warn-bg);color:var(--warn-fg);border:1px solid var(--warn-rule);border-radius:10px;padding:.8em 1em;margin:1.2em 0;font-size:.92rem}
.draft{background:var(--warn-bg);color:var(--warn-fg);border:1px solid var(--warn-rule);border-radius:10px;padding:1em 1.2em;margin:0 0 2em}