*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
:root { --bg:#ede0b8; --surface:#f8f0d8; --border:rgba(90,48,16,0.18); --text:#2e1a08; --muted:rgba(46,26,8,0.58); --accent:#c87000; }
body { min-height:100vh; display:flex; flex-direction:column; background:var(--bg); color:var(--text); font-family:'Segoe UI',system-ui,sans-serif; }
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }
.site-header { min-height:56px; background:#1c1208; border-bottom:1px solid rgba(200,128,0,0.28); box-shadow:0 2px 18px rgba(0,0,0,0.32); display:flex; align-items:center; gap:18px; padding:0 24px; }
.brand { display:flex; align-items:center; gap:8px; color:#f0e4c0; font-size:17px; font-weight:800; letter-spacing:-0.3px; text-decoration:none; }
.brand span span { color:#c87000; }
.site-header nav { margin-left:auto; display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.site-header nav a { color:rgba(240,228,192,0.66); font-size:12px; font-weight:700; }
.site-header nav a:hover { color:#f0e4c0; text-decoration:none; }
.legal-page { width:100%; max-width:760px; margin:0 auto; padding:48px 24px 56px; }
.eyebrow { color:var(--accent); font-size:11px; font-weight:800; letter-spacing:2px; text-transform:uppercase; margin-bottom:10px; }
h1 { font-size:38px; line-height:1.08; letter-spacing:-0.5px; margin-bottom:18px; }
h2 { font-size:16px; margin-bottom:8px; }
p { color:var(--muted); font-size:15px; line-height:1.75; margin-bottom:18px; }
section { padding-top:8px; margin-top:18px; border-top:1px solid var(--border); }
.updated { font-size:12px; color:rgba(46,26,8,0.46); margin-top:-8px; }
.notice, .contact-box { background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:16px 18px; }
.notice p, .contact-box { margin-bottom:0; }
.contact-box a { font-size:18px; font-weight:800; }
footer { margin-top:auto; background:#1c1208; color:rgba(240,228,192,0.48); display:flex; justify-content:center; gap:8px; flex-wrap:wrap; padding:20px; font-size:12px; border-top:1px solid rgba(200,128,0,0.15); }
footer a { color:rgba(200,112,0,0.82); font-weight:800; }
@media (max-width: 640px) {
  .site-header { padding:12px 16px; align-items:flex-start; flex-direction:column; gap:10px; }
  .site-header nav { margin-left:0; gap:12px; }
  .legal-page { padding:32px 16px 42px; }
  h1 { font-size:30px; }
}