/* Shared styling for Instaroom AI legal pages — matches the landing design system */
:root{
  --paper:#F3F1EC;--paper-2:#EAE7DF;--card:#FCFBF8;
  --ink:#1F1B22;--ink-soft:#585360;--line:rgba(31,27,34,.13);
  --accent:oklch(52.11% 0.2186 293.11);--accent-deep:oklch(44% 0.19 293.11);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",sans-serif;background:var(--paper);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.45;mix-blend-mode:multiply;
  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='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{width:min(760px,90vw);margin-inline:auto}

/* top bar */
.legal-nav{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(243,241,236,.85);backdrop-filter:blur(12px);z-index:10}
.legal-nav .in{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}
.brand{display:flex;align-items:center;gap:.6rem;font-family:"Fraunces",serif;font-weight:600;font-size:1.25rem;letter-spacing:-.02em;color:var(--ink)}
.brand img{width:30px;height:30px;border-radius:8px;box-shadow:0 4px 10px -4px rgba(31,27,34,.4)}
.back{font-size:.92rem;font-weight:500;color:var(--ink-soft)}
.back:hover{color:var(--accent)}

/* document */
.doc{padding:3.5rem 0 5rem}
.doc .eyebrow{font-weight:600;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-deep)}
.doc h1{font-family:"Fraunces",serif;font-weight:450;font-size:clamp(2.2rem,5vw,3.2rem);letter-spacing:-.02em;margin:.7rem 0 .4rem;line-height:1.05}
.doc .meta{color:var(--ink-soft);font-size:.95rem;margin-bottom:2.2rem}
.doc .intro{font-size:1.12rem;color:var(--ink-soft);border-left:3px solid var(--accent);padding-left:1.1rem;margin-bottom:2.6rem}
.doc h2{font-family:"Fraunces",serif;font-weight:500;font-size:1.5rem;letter-spacing:-.01em;margin:2.6rem 0 .7rem;scroll-margin-top:90px}
.doc h2 .num{color:var(--accent);font-size:1.1rem;margin-right:.5rem}
.doc p{margin:.7rem 0;color:#2c2832}
.doc ul{margin:.7rem 0 .7rem 1.2rem;color:#2c2832}
.doc li{margin:.4rem 0}
.doc strong{color:var(--ink)}
.callout{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.2rem 1.4rem;margin:1.4rem 0}
.contact{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.6rem 1.8rem;margin-top:3rem}
.contact h2{margin-top:0}
hr{border:none;border-top:1px solid var(--line);margin:3rem 0}

footer{border-top:1px solid var(--line);padding:2.5rem 0;color:var(--ink-soft);font-size:.9rem}
footer .in{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}
footer a{color:var(--ink-soft)}