/* Shared styles for the HUMAN150 information pages */
:root{--bg:#0c1216;--panel:#131b20;--panel2:#18232a;--line:#24323b;--fg:#e3e9ec;--muted:#8696a0;--accent:#f0b35a;
  --f-display:'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;--f-body:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--f-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;color-scheme:dark}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]){--bg:#dfe8ec;--panel:#eef4f6;--panel2:#e3ecef;--line:#c3d0d6;--fg:#15202a;--muted:#5a6872;--accent:#b06d12;color-scheme:light}}
*{box-sizing:border-box}
html,body{background:var(--bg)}
body{margin:0;color:var(--fg);font:15px/1.65 var(--f-body)}
a{color:var(--accent)}
.wrap{max-width:820px;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
header.top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg);font:700 20px var(--f-display);letter-spacing:-.01em}
.mark{width:34px;height:34px;border-radius:10px;background:var(--panel2);border:1px solid var(--line);display:grid;place-items:center;color:var(--accent)}
.back{font-size:13px;text-decoration:none}.back:hover{text-decoration:underline}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px}
.doc{padding:24px clamp(16px,4vw,32px)}
.doc h1{font:700 30px/1.15 var(--f-display);letter-spacing:-.01em;margin:0 0 12px}
.doc h2{font:600 17px var(--f-display);margin:26px 0 6px}
.doc p,.doc li{color:var(--fg)}
.doc ul{padding-left:20px;display:flex;flex-direction:column;gap:6px}
.meta{font:500 12px var(--f-mono);color:var(--muted)}
.sitefoot{margin-top:24px;padding-top:16px;border-top:1px solid var(--line);text-align:center;font-size:13px;color:var(--muted)}
.sitefoot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px;margin-bottom:8px}
.sitefoot nav span{color:var(--line)}
.sitefoot a{color:var(--fg);text-decoration:none}.sitefoot a:hover{color:var(--accent);text-decoration:underline}
.sitefoot p{margin:4px 0}.sitefoot .fine{font-size:12px}

:root[data-theme="light"]{--bg:#dfe8ec;--panel:#eef4f6;--panel2:#e3ecef;--line:#c3d0d6;--fg:#15202a;--muted:#5a6872;--accent:#b06d12;color-scheme:light}
.logomark{height:34px;width:auto;display:block}
.logo-hero{margin:0 0 18px;display:flex;justify-content:center}
.logo-hero img{width:min(320px,100%);height:auto;border-radius:18px;border:1px solid var(--line)}