/* =========================================================
   Legal / text pages: privacy.html, tokushoho.html, terms.html, 404.html
   ========================================================= */

.legal-doc {
  padding: 0 var(--page-gutter) clamp(64px, 9vw, 140px);
}
.legal-doc__inner {
  max-width: var(--content-max);
  margin: 0 auto;
  border-top: 1px solid var(--color-text-on-light);
  padding-top: 40px;
  font: 400 15px/1.9 var(--font-sans);
  color: var(--color-text-sub-on-light);
}
.legal-doc__inner > * { max-width: 820px; }
.legal-doc h2 {
  margin: 48px 0 12px;
  font: 400 20px/1.6 var(--font-mincho);
  letter-spacing: .08em;
  color: var(--color-text-on-light);
}
.legal-doc h2:first-child { margin-top: 0; }
.legal-doc p { margin: 0 0 16px; }
.legal-doc ul { margin: 0 0 16px; padding-left: 1.4em; }
.legal-doc li { margin-bottom: 6px; }
.legal-doc a:not(.text-link) { border-bottom: 1px solid currentColor; color: var(--color-text-on-light); }
.legal-doc a:not(.text-link):hover { color: var(--color-secondary-on-light); }

.legal-doc__date { margin-top: 40px !important; text-align: right; }
.legal-doc__links { display: flex; flex-wrap: wrap; gap: 24px 32px; margin-top: 32px !important; color: var(--color-text-on-light); }

.legal-draft {
  padding: 14px 18px;
  background: var(--color-surface);
  border-left: 2px solid var(--color-secondary);
  font-size: 13px;
  margin-bottom: 40px !important;
}

.legal-table { margin: 0; }
.legal-table div {
  display: grid;
  grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
  gap: 8px 24px;
  padding: 20px 0;
  border-bottom: 1px solid var(--color-border-light);
}
.legal-table dt {
  font: 500 14px/1.8 var(--font-mincho);
  letter-spacing: .06em;
  color: var(--color-text-on-light);
}
.legal-table dd { margin: 0; }
@media (max-width: 639px) {
  .legal-table div { grid-template-columns: 1fr; }
}

.legal-doc__lang-note {
  font-size: 13px;
  color: var(--color-text-muted-on-light);
}