:root { --ink:#2d2a29; --muted:#716b67; --peach:#f5d7c6; --rose:#d77970; --plum:#6d3c4a; --line:rgba(72,53,48,.13); } * { box-sizing:border-box; } html { min-height:100%; background:#f8f1e5; } body { min-width:320px; min-height:100vh; margin:0; color:var(--ink); font-family:Georgia,"Times New Roman",serif; background:radial-gradient(rgba(122,89,68,.045) .7px,transparent .8px) 0 0/5px 5px,linear-gradient(135deg,rgba(255,255,255,.42),transparent 38%),#f8f1e5; } a { color:inherit; } .app { width:min(100%,860px); min-height:100vh; margin:0 auto; padding:20px 42px 30px; } .topbar { display:flex; align-items:center; min-height:38px; } .brand { display:flex; align-items:center; gap:9px; color:#803b42; text-decoration:none; font-size:16px; font-weight:600; letter-spacing:.1em; } .brand-mark { width:24px; height:24px; border:1.5px solid #803b42; border-radius:6px 6px 2px 2px; position:relative; transform:rotate(45deg); } .brand-mark::after { content:""; position:absolute; width:8px; height:8px; border:1.5px solid #803b42; border-radius:50%; top:6px; left:6px; background:#f8f1e5; } .language-switch { display:flex; align-items:center; gap:7px; margin-left:auto; color:var(--muted); font:600 12px/1 system-ui,sans-serif; } .language-switch span { color:var(--plum); } .top-note { margin-left:18px; color:#7a403f; font:600 13px/1 system-ui,sans-serif; letter-spacing:.17em; text-transform:uppercase; } main { padding:clamp(50px,9vh,90px) 0 44px; } .eyebrow { margin:0 0 15px; color:var(--rose); font:700 12px/1.4 system-ui,sans-serif; letter-spacing:.18em; text-transform:uppercase; } h1 { margin:0; color:#721d28; font-size:clamp(48px,8vw,72px); font-weight:500; line-height:1; letter-spacing:-.06em; } .updated { margin:18px 0 0; color:var(--muted); font:13px/1.6 system-ui,sans-serif; } .intro { max-width:670px; margin:44px 0 0; padding:0 0 20px 20px; border-left:1px solid #cc8b68; color:#754543; font:18px/1.75 system-ui,sans-serif; } .legal-section { padding:28px 0; border-bottom:1px solid var(--line); } .legal-section h2 { margin:0 0 12px; color:var(--plum); font-size:25px; font-weight:500; letter-spacing:-.025em; } .legal-section p { margin:0 0 12px; color:#504a47; font:15px/1.85 system-ui,sans-serif; } .footer { padding-top:24px; color:var(--muted); text-align:center; font:12px/1.7 system-ui,sans-serif; } .footer p { margin:0 0 10px; } .footer-links { display:flex; justify-content:center; flex-wrap:wrap; gap:14px; } .footer-links a { text-underline-offset:3px; } @media (max-width:760px) { .app { padding:18px 19px 30px; } .top-note { display:none; } main { padding-top:52px; } .intro { margin-top:34px; font-size:16px; } }