/* Shared styles for the Privacy Policy and Terms pages. */
:root { --ink: #0B0B0B; --muted: #5F5F5F; --line: #E6E6E3; --soft: #F6F6F4; }
* { box-sizing: border-box; }
body { margin: 0; background: #fff; color: var(--ink); font: 400 16.5px/1.7 Inter, system-ui, -apple-system, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-underline-offset: 3px; }
.top { max-width: 760px; margin: 0 auto; padding: 22px 16px; }
.brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font: 600 12.5px/1 system-ui, sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.frame-mark { width: 34px; height: 34px; border: 1.5px solid var(--ink); display: grid; place-items: center; }
.frame-mark img { width: 21px; height: 20px; }
.doc { max-width: 760px; margin: 0 auto; padding: 24px 16px 64px; }
h1 { font-size: clamp(32px, 6vw, 44px); line-height: 1.1; letter-spacing: -0.03em; margin: 0; }
.updated { color: var(--muted); font-size: 14px; margin: 10px 0 28px; }
h2 { font-size: 20px; letter-spacing: -0.01em; margin: 36px 0 8px; }
ul { padding-left: 20px; }
li { margin: 6px 0; }
.foot { max-width: 760px; margin: 0 auto; padding: 24px 16px 48px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: 14px; color: var(--muted); }