/* ContentCraftPro — shared legal page styles */
:root { --paper:#fff8f4; --ink:#1A1714; --ink-2:#57423c; --outline:#dec0b8; --terracotta:#B8492C; --terracotta-dark:#973217; }
* { box-sizing: border-box; }
html, body { margin:0; padding:0; background:var(--paper); color:var(--ink); font-family:'Manrope', system-ui, sans-serif; -webkit-font-smoothing:antialiased; }
a { color:var(--terracotta-dark); text-decoration:none; }
a:hover { color:var(--terracotta); }
.header { border-bottom:1px solid rgba(222,192,184,0.45); position:sticky; top:0; background:rgba(255,248,244,0.92); backdrop-filter: blur(10px); z-index:30; }
.header-inner { max-width:1200px; margin:0 auto; padding:0 24px; height:64px; display:flex; align-items:center; justify-content:space-between; }
.logo { display:flex; align-items:center; gap:10px; font-family:'Source Serif 4', Georgia, serif; font-weight:600; font-size:19px; }
.logo span.mark { width:32px; height:32px; border-radius:4px; background:var(--terracotta-dark); color:var(--paper); display:grid; place-items:center; font-weight:700; }
.logo span.terra { color:var(--terracotta); }
.back { font-size:13px; color:var(--ink-2); display:inline-flex; align-items:center; gap:6px; }
.back:hover { color:var(--terracotta); }
.wrap { max-width:780px; margin:0 auto; padding:64px 24px 96px; }
.eyebrow { font-size:11px; letter-spacing:0.22em; text-transform:uppercase; font-weight:600; color:var(--terracotta); margin-bottom:18px; display:inline-block; }
h1 { font-family:'Source Serif 4', Georgia, serif; font-weight:700; font-size:52px; line-height:1.05; letter-spacing:-0.02em; margin:0 0 12px; }
.meta { font-family:'JetBrains Mono', monospace; font-size:13px; color:var(--ink-2); margin-bottom:40px; }
h2 { font-family:'Source Serif 4', serif; font-weight:600; font-size:28px; letter-spacing:-0.015em; margin:48px 0 14px; }
h3 { font-family:'Source Serif 4', serif; font-weight:600; font-size:20px; margin:32px 0 10px; }
p, li { font-size:16.5px; line-height:1.75; color:#3a312c; }
strong { color:var(--ink); }
ul, ol { padding-left:22px; }
li { margin-bottom:8px; }
hr { border:none; border-top:1px solid var(--outline); margin:48px 0; }
.callout { background:#f7efe9; border-left:3px solid var(--terracotta); padding:18px 22px; border-radius:0 6px 6px 0; margin:24px 0; font-size:15.5px; color:#3a312c; }
.callout strong { display:block; margin-bottom:4px; }
.contact { margin-top:64px; padding:28px 30px; border:1px solid var(--outline); border-radius:8px; background:#fff8f4; }
.contact h3 { margin-top:0; }
footer.foot { background:var(--ink); color:var(--paper); padding:48px 0 28px; margin-top:64px; }
.foot-inner { max-width:1200px; margin:0 auto; padding:0 24px; display:flex; flex-wrap:wrap; justify-content:space-between; gap:18px; }
.foot a { color:rgba(255,248,244,0.75); font-size:13px; margin-right:14px; }
.foot a:hover { color:var(--paper); }
.foot-bottom { max-width:1200px; margin:32px auto 0; padding:18px 24px 0; border-top:1px solid rgba(255,248,244,0.1); font-size:12px; color:rgba(255,248,244,0.5); display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; }
@media (max-width: 640px) { h1 { font-size:38px; } h2 { font-size:24px; } .wrap { padding:40px 20px 64px; } }