/* Shared styling for BMB Ventures legal pages — mirrors index.html */
:root {
  --bone:#F4EEE2; --bone-2:#ECE3D2; --paper:#FBF7EE; --ink:#1B1A17;
  --ink-60:rgba(27,26,23,0.62); --ink-40:rgba(27,26,23,0.40);
  --line:rgba(27,26,23,0.14); --line-soft:rgba(27,26,23,0.08);
  --accent:#C8501F; --accent-deep:#8E3411; --ease:cubic-bezier(0.22,1,0.36,1);
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  background:var(--bone); color:var(--ink);
  font-family:'Hanken Grotesk',sans-serif; font-size:17px; line-height:1.7;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
body::before {
  content:''; position:fixed; inset:0; z-index:9999; pointer-events:none; opacity:0.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
::selection { background:var(--accent); color:var(--paper); }
a { color:var(--accent-deep); text-decoration:none; }
a:hover { text-decoration:underline; }
.mono { font-family:'Spline Sans Mono',monospace; font-size:0.72rem; letter-spacing:0.18em; text-transform:uppercase; font-weight:500; }
.wrap { width:100%; max-width:760px; margin:0 auto; padding:0 32px; }

header {
  position:sticky; top:0; z-index:100;
  background:rgba(244,238,226,0.82); backdrop-filter:blur(14px) saturate(1.2);
  border-bottom:1px solid var(--line-soft);
}
.nav { display:flex; align-items:center; justify-content:space-between; height:72px; max-width:1180px; margin:0 auto; padding:0 32px; }
.brand { display:flex; align-items:baseline; gap:0.55rem; font-family:'Fraunces',serif; font-weight:600; font-size:1.28rem; letter-spacing:-0.01em; color:var(--ink); }
.brand .dot { color:var(--accent); }
.brand .tag { font-family:'Spline Sans Mono',monospace; font-size:0.58rem; letter-spacing:0.16em; color:var(--ink-40); transform:translateY(-0.45em); }
.nav a.back { font-size:0.9rem; font-weight:500; color:var(--ink-60); }
.nav a.back:hover { color:var(--accent-deep); text-decoration:none; }

main { padding:80px 0 40px; }
.doc-eyebrow { color:var(--accent-deep); display:inline-flex; align-items:center; gap:0.7rem; margin-bottom:1.6rem; }
.doc-eyebrow .rule { width:34px; height:1px; background:var(--accent); }
h1 { font-family:'Fraunces',serif; font-weight:400; font-size:clamp(2.4rem,6vw,3.6rem); line-height:1.05; letter-spacing:-0.025em; margin-bottom:1rem; }
.updated { color:var(--ink-40); font-size:0.95rem; margin-bottom:3rem; }
.intro { font-size:1.12rem; color:var(--ink-60); margin-bottom:3rem; padding-bottom:2.4rem; border-bottom:1px solid var(--line); }

h2 { font-family:'Fraunces',serif; font-weight:500; font-size:1.55rem; letter-spacing:-0.01em; margin:2.8rem 0 1rem; }
h2 .n { color:var(--accent); font-family:'Spline Sans Mono',monospace; font-size:0.9rem; font-weight:500; margin-right:0.6rem; vertical-align:middle; }
h3 { font-family:'Hanken Grotesk',sans-serif; font-weight:600; font-size:1.05rem; margin:1.6rem 0 0.5rem; }
p { color:var(--ink-60); margin-bottom:1.1rem; }
ul { color:var(--ink-60); margin:0 0 1.1rem 1.3rem; }
li { margin-bottom:0.5rem; }
strong { color:var(--ink); font-weight:600; }
.callout { background:var(--paper); border:1px solid var(--line); border-left:3px solid var(--accent); border-radius:10px; padding:1.2rem 1.4rem; margin:1.6rem 0; font-size:0.98rem; }

footer { background:var(--ink); color:rgba(244,238,226,0.5); padding:2.4rem 0; margin-top:4rem; }
.foot-row { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; flex-wrap:wrap; max-width:1180px; margin:0 auto; padding:0 32px; }
.foot-row .mono { color:rgba(244,238,226,0.4); }
.foot-brand { font-family:'Fraunces',serif; color:var(--bone); font-size:1.05rem; font-weight:500; }
.foot-brand .dot { color:var(--accent); }
.foot-links { display:flex; gap:1.4rem; }
.foot-links a { color:rgba(244,238,226,0.6); font-size:0.9rem; }
.foot-links a:hover { color:var(--bone); text-decoration:none; }

@media (max-width:640px){ .wrap{ padding:0 22px; } main{ padding:56px 0 30px; } }
@media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } }