/* Legal pages share the studio's paper, typography, and navigation. */
.legal-content { padding-block: 72px 100px; }
.legal-content .container { max-width: 1168px; }
.legal-content h1 { font-size: clamp(2.4rem, 5vw, 4.5rem); margin: 20px 0 28px; overflow-wrap: anywhere; }
.legal-content h2 { font-size: clamp(1.5rem, 2.4vw, 2rem); line-height: 1.3; margin: 35px 0 17px; }
.legal-content p { margin-bottom: 18px; }
.legal-content .lead { color: var(--muted); max-width: 67ch; font-size: 1.125rem; }
.legal-content .small { color: var(--muted); font-size: .8125rem; }
.legal-content .kicker { display: inline-block; background: #e9ede3; border: 1px solid #c6cebd; color: #475b34; padding: 7px 13px; border-radius: 4px; font-size: .8125rem; }
.legal-content .note { background: #e9ede3; border: 1px solid #c6cebd; border-radius: 4px; padding: 22px 25px; margin-block: 24px; }
.legal-content .grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 22px; margin-block: 30px; }
.legal-content .card { background: #fff; border: 1px solid var(--line); border-radius: 4px; }
.legal-content .pad { padding: 24px; }
.legal-content .card h2 { margin-top: 0; }
.legal-content .code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; background: #e9ede3; padding: 2px 5px; border-radius: 3px; font-size: .9em; overflow-wrap: anywhere; }
.legal-content .sep { border: 0; border-top: 1px solid var(--line); margin-block: 35px; }
.legal-content li { margin-bottom: 10px; color: var(--muted); }
@media (max-width: 760px) {
  .legal-content { padding-block: 42px 65px; }
  .legal-content .grid > .card { grid-column: 1 / -1 !important; }
  .legal-content .pad, .legal-content .note { padding: 20px; }
}