/* Shared styles for security, privacy, terms and 404 pages */
@font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 300 900; font-display: swap; src: url('/fonts/fraunces-latin-wght-normal.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/inter-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/inter-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/inter-latin-700-normal.woff2') format('woff2'); }
* { box-sizing: border-box; }
body { margin: 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; color: #14201B; background: #F7F5F0; line-height: 1.7; -webkit-font-smoothing: antialiased; }
a { color: #1E4636; }
:focus-visible { outline: 2px solid #1E4636; outline-offset: 3px; border-radius: 4px; }
.legal-header { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.1rem max(1.5rem, calc((100% - 780px) / 2)); border-bottom: 1px solid #E2DDD2; font-size: 0.9rem; }
.logo { font-family: 'Fraunces', Georgia, serif; font-weight: 500; font-size: 1.3rem; color: #14201B; text-decoration: none; }
.logo span { font-style: italic; color: #1E4636; font-weight: 400; }
.legal-main { max-width: 780px; margin: 0 auto; padding: 2.5rem 1.5rem 4rem; }
h1 { font-family: 'Fraunces', Georgia, serif; font-size: 2.6rem; font-weight: 450; letter-spacing: -0.02em; color: #14201B; line-height: 1.1; margin: 0 0 0.5rem; }
h2 { font-family: 'Fraunces', Georgia, serif; font-size: 1.45rem; font-weight: 500; color: #14201B; margin-top: 2.4rem; }
ul { padding-left: 1.3rem; }
.updated { color: #4D5A53; font-size: 0.85rem; margin-bottom: 1.5rem; }
.draft-banner { background: #FFF8EB; border: 1px solid #E2C27A; border-left: 4px solid #B7791F; border-radius: 10px; padding: 1rem 1.25rem; font-size: 0.9rem; margin-bottom: 2rem; }
.legal-footer { border-top: 1px solid #E2DDD2; color: #4D5A53; text-align: center; padding: 2rem 1.5rem; font-size: 0.85rem; }
.legal-footer a { color: #14201B; }