/* Standalone styles for privacy.html and 404.html */
:root { --green: #183630; --sand: #e4c590; --bg: #efebe2; --paper: #f7f4ed; --ink: #183630; --ink-2: rgba(24,54,48,.74); --hair: rgba(24,54,48,.14); }
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: var(--bg); color: var(--ink); font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; line-height: 1.65; -webkit-font-smoothing: antialiased; }
a { color: var(--green); }
.l-wrap { max-width: 760px; margin: 0 auto; padding: 32px 22px 80px; }
.l-brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--ink); font-family: "Manrope", sans-serif; font-weight: 700; font-size: 20px; letter-spacing: -0.03em; }
.l-brand img { width: 34px; height: 34px; border-radius: 8px; }
h1 { font-family: "Manrope", sans-serif; font-weight: 600; font-size: clamp(2rem, 6vw, 3rem); letter-spacing: -0.035em; line-height: 1.08; margin: 56px 0 10px; }
h2 { font-family: "Manrope", sans-serif; font-weight: 600; font-size: 1.25rem; letter-spacing: -0.02em; margin: 36px 0 8px; }
p, li { color: var(--ink-2); }
ul { padding-left: 1.2em; margin: 8px 0; }
.l-meta { font-size: 14px; color: var(--ink-2); }
.l-card { margin-top: 40px; padding: 28px; border-radius: 18px; background: var(--paper); border: 1px solid var(--hair); }
.l-btn { display: inline-flex; align-items: center; height: 50px; padding: 0 22px; border-radius: 8px; background: var(--green); color: var(--paper); text-decoration: none; font-weight: 500; margin-top: 28px; }
.l-btn:hover { background: #234a42; }
.l-foot { margin-top: 56px; padding-top: 20px; border-top: 1px solid var(--hair); font-size: 13px; color: var(--ink-2); }