/* Biorama site preview — palette from bowl-template/theme.css (teal/amber on near-black) */
:root{--bg:#111111;--panel:#1a1a1a;--ink:#f5efe4;--dim:#a8a29a;--amber:#fcae4c;--teal:#008080;--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}
a{color:var(--amber)}
.snav{position:sticky;top:0;z-index:50;display:flex;gap:4px;overflow-x:auto;background:#0b0b0b;border-bottom:2px solid var(--teal);padding:8px 10px}
.snav a{white-space:nowrap;text-decoration:none;color:var(--ink);padding:6px 10px;border-radius:8px;font-size:.92rem}
.snav a.cur{background:var(--teal)}
main{max-width:720px;margin:0 auto;padding:12px 16px 48px}
h1{font-size:clamp(1.8rem,7vw,2.8rem);margin:.4em 0 .2em}
h2{font-size:1.35rem;border-left:4px solid var(--teal);padding-left:12px;margin-top:2em}
.dim{color:var(--dim);font-size:.88rem}
.draft{display:inline-block;background:var(--amber);color:#111;font-weight:800;font-size:.72rem;letter-spacing:.06em;padding:2px 8px;border-radius:6px;vertical-align:middle}
.example{display:inline-block;border:1px dashed var(--amber);color:var(--amber);font-weight:700;font-size:.72rem;padding:2px 8px;border-radius:6px;vertical-align:middle}
.blocked{display:inline-block;background:#7a1f1f;color:#fff;font-weight:800;font-size:.72rem;padding:2px 8px;border-radius:6px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;margin:14px 0}
.btn{display:inline-block;background:var(--amber);color:#111;font-weight:700;border:0;border-radius:10px;padding:.75em 1.2em;text-decoration:none;font-size:1rem;cursor:pointer;margin:6px 6px 0 0}
.btn.ghost{background:transparent;color:var(--ink);border:2px solid var(--line)}
input,textarea,select{width:100%;background:#0b0b0b;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit;margin:6px 0}
.note{border-left:4px solid var(--amber);background:rgba(252,174,76,.07);padding:10px 14px;margin:14px 0;font-size:.92rem}
.tag{display:inline-block;border:1px solid var(--teal);border-radius:999px;padding:0 10px;font-size:.8rem;margin:2px 4px 2px 0}
.pin{border-left:4px solid var(--teal)}
iframe.bowl{width:100%;height:640px;border:2px solid var(--teal);border-radius:12px;background:#111}
.chips button{background:transparent;color:var(--ink);border:1px solid var(--teal);border-radius:999px;padding:4px 12px;margin:3px;font:inherit;cursor:pointer}
.chips button.on{background:var(--teal)}
/* factory alignment for subpages */
body.factory{background:#060606}
body.factory main{position:relative}
.pghead{text-align:center;padding:26px 18px 6px}
.pghead h1{font-family:'Archivo Black',Impact,sans-serif;font-size:clamp(2.2rem,9vw,4rem);line-height:1.02;margin:8px 0}
h2{font-family:'Archivo Black',Impact,sans-serif;font-weight:400}
.card{background:rgba(255,255,255,.035);border:2px solid rgba(255,255,255,.16);backdrop-filter:blur(4px)}
.btn{font-family:Archivo,sans-serif}