/* Legal pages (privacy, terms, ads policy, delete account): violet ground, white copy, the lockup top-left,
   the drive's end card + footer underneath. Loaded after yard.css + drive.css (html carries .drive-page so the
   drive's tokens, header lockup and slab-free footer apply). */
.legal { padding: clamp(120px, 16vh, 180px) 20px 40px; color: #fff; }
.legal .container { max-width: 800px; margin: 0 auto; font-family: 'Nunito', system-ui, sans-serif; font-size: clamp(16px, 1.05vw, 18px); line-height: 1.7; font-weight: 600; }
.legal h1 { font-family: var(--font-head); font-weight: 400; font-size: clamp(44px, 6vw, 92px); line-height: .95; text-transform: uppercase; letter-spacing: .005em; margin: 0 0 10px; text-shadow: 0 .05em 0 rgba(0,0,0,.14); }
.legal .meta, .legal .date { opacity: .78; font-size: .95em; margin: 0 0 40px; }
.legal h2 { font-family: var(--font-head); font-weight: 400; font-size: clamp(26px, 2.4vw, 38px); line-height: 1.05; text-transform: uppercase; margin: 44px 0 12px; padding-bottom: 8px; border-bottom: 2px solid rgba(255,255,255,.22); }
.legal h3 { font-size: 1.1em; font-weight: 900; margin: 26px 0 8px; }
.legal p, .legal li { margin: 0 0 .9em; }
.legal ul, .legal ol { padding-left: 1.4em; margin: 0 0 1em; }
.legal a { color: var(--amber); font-weight: 800; text-decoration: underline; text-underline-offset: .15em; }
.legal a:hover { color: #fff; }
.legal strong { font-weight: 900; }
.legal .highlight { background: rgba(255,255,255,.1); border: 2px solid rgba(255,255,255,.2); border-radius: 18px; padding: 18px 22px; margin: 24px 0; }
.legal .highlight p:last-child { margin-bottom: 0; }
.legal table { width: 100%; border-collapse: collapse; margin: 20px 0 28px; font-size: .95em; }
.legal th, .legal td { text-align: left; padding: 10px 12px; border-bottom: 1px solid rgba(255,255,255,.22); vertical-align: top; }
.legal th { font-weight: 900; border-bottom-width: 2px; }
.legal hr { border: 0; border-top: 2px solid rgba(255,255,255,.22); margin: 36px 0; }
.legal code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .92em; background: rgba(255,255,255,.12); padding: .1em .4em; border-radius: 6px; }
.legal .btn, .legal button { display: inline-block; }
@media (max-width: 640px) { .legal { padding-top: 110px; } .legal table { display: block; overflow-x: auto; } }