/* ==========================================================================
   GEOLYTE™ — static pages (privacy, imprint, 404).
   Loaded after styles.css, which provides the variables, reset, .wrap and .skip.
   Everything is scoped under body.page so the home page and Worlds are unaffected.
   ========================================================================== */
body.page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}

/* header */
body.page .page-head{background:var(--navy);color:var(--ivory);border-bottom:1px solid var(--line-d)}
body.page .page-head .wrap{display:flex;align-items:center;min-height:var(--nav-h)}
body.page .page-head .logo{display:inline-block;line-height:0}

/* main column */
body.page main{flex:1 0 auto;padding:clamp(48px,8vw,104px) 0 clamp(64px,9vw,120px)}
body.page .doc{max-width:72ch;overflow-wrap:anywhere}
body.page .doc h1{font-size:clamp(2rem,4.6vw,3.25rem);line-height:1.08;letter-spacing:-.025em;font-weight:700;color:var(--graphite);margin-bottom:28px}
body.page .doc h2{font-size:1.2rem;line-height:1.3;font-weight:700;color:var(--graphite);margin:44px 0 14px}
body.page .doc p,body.page .doc li{font-size:1rem;line-height:1.7;color:rgba(16,24,32,.86)}
body.page .doc p{margin:0 0 14px}
body.page .doc ul{margin:0 0 14px;padding-left:1.25em}
body.page .doc li{margin:0 0 8px}
body.page .doc dl{margin:0 0 18px}
body.page .doc dt{font-weight:600;color:var(--graphite);margin-top:16px}
body.page .doc dd{margin:2px 0 0;color:rgba(16,24,32,.86)}
body.page .doc a{color:var(--graphite);text-decoration:underline;text-decoration-color:var(--tech);text-underline-offset:.15em;text-decoration-thickness:1px}
body.page .doc a:hover{text-decoration-thickness:2px}
body.page .doc code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;overflow-wrap:anywhere}

/* DRAFT banner: high contrast, visible above the title */
body.page .doc .draft-banner{margin:0 0 32px;padding:14px 18px;background:#3d2e00;color:#fff3bf;border-radius:2px;font-weight:700;font-size:.92rem;line-height:1.5;letter-spacing:.02em}

/* placeholders: every unknown company fact */
mark.ph{background:#fff3bf;color:#3d2e00;padding:0 .25em;border-radius:2px}

/* footer */
body.page footer.page-foot{padding:32px 0 36px;background:var(--navy);color:rgba(245,247,248,.75);border-top:1px solid var(--line-d)}
body.page footer.page-foot ul{display:flex;flex-wrap:wrap;gap:12px 28px;list-style:none;margin:0;padding:0}
body.page footer.page-foot a{color:inherit;text-decoration:none;font-size:.92rem}
body.page footer.page-foot a:hover{color:var(--ice)}

@media (max-width:600px){
  body.page .page-head .wrap{min-height:64px}
  body.page footer.page-foot ul{gap:10px 22px}
}