* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: var(--bg); color: var(--text); font: 15px/1.75 "Noto Sans JP", "Yu Gothic UI", "Meiryo", sans-serif; }
a { color: inherit; }
select { font: inherit; }
main { width: min(880px, calc(100% - 28px)); margin: 34px auto 48px; }
.page-title { padding: 0 0 22px; border-bottom: 1px solid var(--line); }
.page-title h1 { margin: 0; font-size: clamp(25px, 4vw, 36px); letter-spacing: -.03em; }
.page-title p { margin: 7px 0 0; color: var(--muted); }
.legal-sections { margin-top: 20px; border: 1px solid var(--line); background: var(--surface); }
.legal-sections section + section { border-top: 1px solid var(--line); }
.legal-sections h2 { margin: 0; font-size: 15px; line-height: 1.5; }
.legal-sections p { margin: 0; padding: 14px 18px; }
.legal-sections p + p { padding-top: 0; }
.updated-at { margin: 12px 0 0; color: var(--muted); font-size: 12px; text-align: right; }
@media (max-width: 650px) {
  main { margin-top: 24px; }
  .legal-sections p { padding-inline: 14px; }
}