/* The legal pages (/privacidade/, /termos/) on the new shell (2026-10-29, group E): only what they add to
   /design/novo.css. Long-form reading: one column of ~65ch on the header's left edge, the text as written in
   content/legal/*.md (src/site/legal.ts renders it; nothing here changes a word). */
.glg { font: 400 16px/1.5 var(--font-ui); color: var(--ink); --ink-60: rgba(41, 18, 16, 0.72); }
.glg__h .wrap { gap: 20px; }
.glg h1 { max-width: 20ch; }
.glg__b { padding-top: clamp(32px, 4vw, 56px); padding-bottom: clamp(32px, 4vw, 56px); }
.legal { max-width: 65ch; }
.legal h2 { margin: 48px 0 12px; font: 700 clamp(24px, 2.2vw, 30px)/1.2 var(--disp); letter-spacing: -.01em; color: var(--ink-deep); scroll-margin-top: 96px; }
.legal > h2:first-child { margin-top: 0; }
.legal h3 { margin: 28px 0 8px; font: 600 18px/1.3 var(--font-ui); color: var(--ink-deep); scroll-margin-top: 96px; }
.legal p, .legal li { font-size: 17px; line-height: 1.65; color: var(--ink); }
.legal p { margin: 0 0 16px; }
.legal ul, .legal ol { margin: 0 0 16px; padding-left: 1.3em; display: grid; gap: 8px; }
.legal a { color: var(--ink-deep); text-underline-offset: 3px; overflow-wrap: anywhere; }
.legal code { font-family: var(--font-doc); font-size: .9em; background: var(--cream); padding: 1px 6px; border-radius: 6px; overflow-wrap: anywhere; }
.legal__table { overflow-x: auto; margin: 0 0 20px; }
.legal table { border-collapse: collapse; width: 100%; font-size: 15px; }
.legal th, .legal td { text-align: left; vertical-align: top; padding: 12px; border-bottom: 1px solid var(--tint-10); line-height: 1.5; }
.legal th { font-weight: 600; color: var(--ink-deep); }
.glg a:focus-visible, .hfonte a:focus-visible { outline: 2px solid var(--peach-ink); outline-offset: 2px; }
.hfonte { padding-top: 8px; padding-bottom: 56px; }
.hfonte .src { display: block; max-width: 80ch; border-top: 0; padding-top: 0; margin: 0; font-size: 13px; line-height: 1.6; color: var(--ink-60); }
@media (max-width: 640px) {
  .glg .crumbs { align-items: center; flex-wrap: wrap; } .glg .crumbs a, .hfonte a { display: inline-block; padding-block: 12px; } /* tap targets ≥ 40 px */
  .legal p, .legal li { font-size: 16.5px; }
}