/* Privacy and Terms (R24), from design/preview/privacy.html and terms.html, on the product's tokens. */
body { background: var(--paper); color: var(--ink); font-family: var(--sans); }
.wrap { max-width: 1160px; margin: 0 auto; padding: 0 24px; }
.nav { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  background: color-mix(in srgb, var(--paper) 78%, transparent); border-bottom: 1px solid color-mix(in srgb, var(--rule) 70%, transparent); }
.nav-in { display: flex; align-items: center; gap: 16px; height: 58px; }
.navsp { flex: 1; }
.lg { max-width: 680px; margin: 0 auto; padding: 56px 24px 40px; }
.lg h1 { font-family: var(--serif); font-size: clamp(36px, 5vw, 52px); line-height: 1.08; letter-spacing: -.025em; margin: 0; }
.lg .upd { color: var(--faint); font-size: 14px; margin-top: 12px; }
.lg .short { margin-top: 30px; border: 1px solid var(--rule); border-radius: 16px; padding: 20px 22px; background: var(--paper-2); }
.lg .short b { display: block; font-size: 14px; color: var(--muted); font-weight: 600; margin-bottom: 8px; }
.lg h2 { font-family: var(--serif); font-size: 23px; letter-spacing: -.012em; margin: 46px 0 12px; line-height: 1.25; }
.lg p, .lg li { font-size: 16.5px; line-height: 1.72; color: var(--ink); }
.lg p { margin: 0 0 14px; } .lg ul { margin: 0 0 14px; padding-left: 22px; } .lg li { margin: 0 0 8px; }
.lg li::marker { color: var(--faint); }
.lg a { color: var(--ink); text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--ink) 35%, transparent); text-underline-offset: 3px; transition: text-decoration-color .2s; }
.lg a:hover { text-decoration-color: var(--ink); }
.lg .muted { color: var(--muted); }
.back { font-size: 14px; color: var(--muted); text-decoration: none; transition: color .2s; }
.back:hover { color: var(--ink); }