:root { color-scheme: light; --ink:#20312f; --muted:#66716e; --teal:#1a7395; --deep:#145e65; --gold:#efb551; --paper:#fbfaf6; --line:#dedbd3; }
* { box-sizing:border-box; }
html { background:#eeece6; }
body { margin:0; color:var(--ink); background:radial-gradient(circle at 12% 2%,rgba(239,181,81,.14),transparent 30rem),var(--paper); font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:var(--teal); text-underline-offset:3px; }
.legal-shell { width:min(100% - 32px,780px); margin:0 auto; padding:28px 0 64px; }
.legal-header { display:flex; align-items:center; justify-content:space-between; gap:18px; padding-bottom:22px; border-bottom:1px solid var(--line); }
.legal-brand { display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--ink); }
.legal-brand img { width:58px; height:58px; object-fit:contain; }
.legal-brand strong,.legal-brand small { display:block; }
.legal-brand strong { font:600 1.15rem Georgia,serif; }
.legal-brand small { color:var(--muted); font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; }
.back-link { font-weight:700; text-decoration:none; }
.legal-hero { padding:46px 0 22px; }
.eyebrow { margin:0 0 8px; color:#9a6414; font-size:.76rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
h1,h2 { font-family:Georgia,"Times New Roman",serif; font-weight:500; line-height:1.12; }
h1 { margin:0; font-size:clamp(2.4rem,8vw,4.5rem); letter-spacing:-.035em; }
.summary { max-width:660px; color:var(--muted); font-size:1.08rem; }
.legal-card { margin-top:22px; padding:clamp(22px,5vw,42px); border:1px solid var(--line); border-radius:24px; background:rgba(255,255,255,.78); box-shadow:0 18px 48px rgba(31,49,47,.08); }
.legal-card h2 { margin:32px 0 10px; font-size:1.55rem; }
.legal-card h2:first-child { margin-top:0; }
.legal-card p,.legal-card li { color:#3f4d4a; }
.legal-card ul { padding-left:1.25rem; }
.legal-card li + li { margin-top:7px; }
.legal-note { padding:16px 18px; border-left:4px solid var(--gold); border-radius:8px; background:#fff7df; }
.legal-footer { margin-top:28px; color:var(--muted); font-size:.85rem; }
@media (max-width:560px) { .legal-shell{width:min(100% - 22px,780px);padding-top:18px}.legal-header{align-items:flex-start}.legal-brand img{width:48px;height:48px}.back-link{font-size:.9rem}.legal-hero{padding-top:34px}.legal-card{border-radius:19px} }