.site-header {
  display: flex;
  justify-content: center;
  padding-block: 30px;
  border-bottom: 1px solid var(--yorik-border);
}
.brand-link img { width: 160px; }
.legal-layout { max-width: 45rem; padding-block: 72px 112px; }
.legal-content { min-width: 0; }
.legal-content h1, .legal-content h2 { margin: 0; font-weight: 500; }
.legal-content strong { font-weight: 600; }
.legal-content h1 {
  margin-bottom: 12px;
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  line-height: 1.25;
  letter-spacing: -.025em;
}
.legal-meta { margin-bottom: 32px; color: var(--yorik-text-secondary); font-size: .875rem; }
.legal-intro {
  padding-bottom: 44px;
  border-bottom: 1px solid var(--yorik-border);
  color: var(--yorik-text-secondary);
  font-size: 1.1875rem;
  line-height: 1.6;
}
.legal-section { margin-top: 40px; scroll-margin-top: 32px; }
.legal-section h2 { margin-bottom: 16px; font-size: 1.3125rem; line-height: 1.35; letter-spacing: -.025em; }
.legal-section p + p { margin-top: 16px; }
.legal-section ul { margin: 16px 0; padding-left: 22px; }
.legal-section li { padding-left: 5px; }
.legal-section li + li { margin-top: 10px; }
.legal-section li::marker { color: var(--yorik-text-secondary); }
.legal-section a { overflow-wrap: anywhere; }
.site-nav a[aria-current="page"] { color: var(--yorik-text-primary); text-decoration: underline; }

@media (max-width: 760px) {
  .site-header { padding-block: 20px; }
  .brand-link img { width: 132px; }
  .legal-layout { padding-block: 48px 72px; }
  .legal-intro { padding-bottom: 32px; font-size: 1.125rem; }
}

@media print {
  .site-header, .site-footer { display: none; }
  .legal-layout { max-width: none; padding: 0; }
  .legal-content h1 { font-size: 2rem; }
  .legal-meta { margin-bottom: 24px; }
  .legal-intro { padding-bottom: 20px; }
  .legal-section { margin-top: 24px; }
  .legal-section h2 { break-after: avoid; }
  .legal-content p, .legal-content li { orphans: 3; widows: 3; }
}