/* Shared styling for the draft legal / trust pages (Phase 4).
   Matches the Script Epic visual doctrine (paper/ink/gold, DM Sans + Space Grotesk). */
* { margin: 0; padding: 0; box-sizing: border-box; }
:root { --ink:#0a0a0a; --paper:#faf9f7; --gold:#c8a445; --slate:#6b6b6b; --line:#e8e5df; --warn-bg:#fff8e6; --warn-line:#e9d48a; }
body { font-family:'DM Sans',system-ui,-apple-system,sans-serif; background:var(--paper); color:var(--ink); line-height:1.6; padding:24px; }
.wrap { max-width:760px; margin:0 auto; }
.topbar { display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; flex-wrap:wrap; gap:10px; }
.brand { font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:18px; color:var(--ink); text-decoration:none; }
.back { font-size:14px; color:var(--slate); text-decoration:none; }
.back:hover { color:var(--ink); }
.draft-banner { background:var(--warn-bg); border:1px solid var(--warn-line); border-radius:10px; padding:12px 16px; font-size:14px; color:#6a5410; margin-bottom:22px; }
.draft-banner strong { font-family:'Space Grotesk',sans-serif; }
.doc { background:#fff; border:1px solid var(--line); border-radius:16px; padding:40px; box-shadow:0 10px 40px rgba(0,0,0,.04); }
.pill { display:inline-block; font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--gold); border:1px solid var(--gold); border-radius:999px; padding:4px 12px; margin-bottom:16px; }
h1 { font-family:'Space Grotesk',sans-serif; font-size:30px; line-height:1.18; margin-bottom:8px; }
.meta { color:var(--slate); font-size:13px; margin-bottom:26px; }
.meta span { display:inline-block; margin-right:14px; }
h2 { font-family:'Space Grotesk',sans-serif; font-size:19px; margin:28px 0 10px; padding-top:6px; }
h3 { font-family:'Space Grotesk',sans-serif; font-size:15px; margin:18px 0 6px; }
p { margin-bottom:12px; }
ul, ol { margin:0 0 14px 22px; }
li { margin-bottom:7px; }
a { color:var(--gold); }
.note { background:#faf8f2; border:1px solid var(--line); border-left:3px solid var(--gold); border-radius:8px; padding:12px 16px; font-size:14px; margin:14px 0; }
.counsel { font-size:13px; color:var(--slate); font-style:italic; }
footer.trust { margin:30px auto 8px; max-width:760px; border-top:1px solid var(--line); padding-top:18px; display:flex; flex-wrap:wrap; gap:14px; font-size:13px; }
footer.trust a { color:var(--slate); text-decoration:none; }
footer.trust a:hover { color:var(--ink); }
@media (max-width:560px){ .doc{ padding:26px 20px; } h1{ font-size:24px; } }