/* Header and footer shared by the static pages on wrenchwise.io (privacy,
   terms, support, delete-account) so they match the marketing site on
   wrenchwise.net. Brand green is the app's primary, hsl(142 69% 31%).
   nginx caches .css for a year (immutable): after editing this file, bump the
   ?v= on every <link> to it (support.html, delete-account.html and
   scripts/generate-legal-html.mjs, then regenerate). */
a { color: hsl(142 69% 28%); }
.ww-hdr { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 4px 0 16px; margin-bottom: 24px; border-bottom: 1px solid #e5e7eb; }
.ww-logo { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: #111827; font-weight: 700; font-size: 17px; text-decoration: none; }
.ww-logo img { width: 28px; height: 28px; border-radius: 22%; }
.ww-nav { display: flex; align-items: center; gap: 8px; }
.ww-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; border-radius: 999px; font-size: 14px; font-weight: 600; text-decoration: none; color: #111827; }
.ww-nav a.ww-cta { background: hsl(142 69% 31%); color: #fff; padding: 0 16px; }
.ww-ftr { margin-top: 48px; padding-top: 16px; border-top: 1px solid #e5e7eb; display: flex; flex-wrap: wrap; gap: 0 16px; font-size: 13px; color: #6b7280; }
.ww-ftr a { display: inline-flex; align-items: center; min-height: 44px; color: #6b7280; text-decoration: none; }
.ww-ftr a:hover, .ww-nav a:hover { text-decoration: underline; }