/* Shared styling for Little Tallies legal pages. Load after styles.css. */
.legal-page { background: var(--cream); min-height: 70vh; padding: 76px 24px 104px; }
.legal-content { max-width: 760px; margin: 0 auto; }
.legal-content .eyebrow { margin: 0 0 12px; letter-spacing: .12em; text-transform: uppercase; font-size: 12px; }
.legal-content h1 { margin: 0 0 12px; }
.legal-updated { font-size: 13px; margin: 0 0 44px; color: var(--ink); }
.legal-intro { font-size: 17px; line-height: 1.8; margin-bottom: 38px; }
.legal-content h2 { font-size: clamp(22px, 2.5vw, 28px); margin: 42px 0 12px; font-weight: 600; }
.legal-content p, .legal-content li { font-size: 15px; line-height: 1.85; }
.legal-content p { margin: 0 0 16px; }
.legal-content ul { padding-left: 22px; margin: 0 0 18px; }
.legal-content li { padding-left: 4px; margin-bottom: 7px; }
.legal-content a { color: var(--brown); text-underline-offset: 3px; }
.legal-content a:hover { color: var(--orange); }
.legal-content .legal-note { border-left: 3px solid var(--orange); padding: 12px 18px; background: rgba(255,231,204,.5); font-size: 13px; }
@media (max-width: 700px) { .legal-page { padding: 48px 22px 72px; } .legal-updated { margin-bottom: 32px; } .legal-content h2 { margin-top: 34px; } }