/* BRAND-1101 (1 Nov 2026) - THE SAVVEY LOCKUP, ONE COPY FOR EVERY PAGE. The founder, 1 Nov: "this design looks better ... use
   this design for everything, keep consistent, same font". The design is the app's own header (index.html .brand, the loading and
   result screens): a green rounded-square badge with a white Nunito-900 "S", the wordmark "Savvey" in Nunito 900 green with an
   orange "y", and "shop smart." in the body face, quiet, baseline-aligned. The rules are in BRAND.md (repo root) and
   claude/brand-guidelines-2026-11-01.md (project). Pages load Nunito 900 and Plus Jakarta Sans before this file.

   Markup (the only markup):
     <a class="sv-brand" href="/" aria-label="Savvey - shop smart.">
       <span class="sv-mark" aria-hidden="true">S</span>
       <span class="sv-name" aria-hidden="true">Savve<span class="sv-y">y</span></span>
       <span class="sv-tag" aria-hidden="true">shop smart.</span>
     </a>
   Sizes: default (navigation, 30px badge), .lg (a page's hero, 64px badge), .sm (a footer, 24px badge). .notag drops the tag. */
:root{--sv-green:#2a6b22;--sv-green-deep:#1d4f17;--sv-orange:#e08a1c;--sv-ink:#15211a;--sv-muted:#5d6b63;--sv-faint:#75826d;
  --sv-font:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --sv-font-hd:'Nunito',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;}
.sv-brand{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:var(--sv-green);line-height:1;white-space:nowrap;}
.sv-brand:hover{color:var(--sv-green);text-decoration:none;}
.sv-brand .sv-mark{width:30px;height:30px;border-radius:9px;background:var(--sv-green);color:#fff;font-family:var(--sv-font-hd);font-weight:900;font-size:19px;display:grid;place-items:center;flex:none;}
.sv-brand .sv-name{font-family:var(--sv-font-hd);font-weight:900;font-size:23px;color:var(--sv-green);letter-spacing:-.5px;}
.sv-brand .sv-y{color:var(--sv-orange);}
.sv-brand .sv-tag{font-family:var(--sv-font);font-size:13px;color:var(--sv-faint);font-weight:500;margin-left:2px;align-self:flex-end;padding-bottom:3px;}
.sv-brand.notag .sv-tag{display:none;}
.sv-brand.sm{gap:6px;}
.sv-brand.sm .sv-mark{width:24px;height:24px;border-radius:7px;font-size:15px;}
.sv-brand.sm .sv-name{font-size:18px;letter-spacing:-.4px;}
.sv-brand.sm .sv-tag{font-size:11.5px;padding-bottom:2px;}
.sv-brand.lg{gap:14px;}
.sv-brand.lg .sv-mark{width:64px;height:64px;border-radius:19px;font-size:40px;}
.sv-brand.lg .sv-name{font-size:52px;letter-spacing:-1.6px;}
.sv-brand.lg .sv-tag{font-size:18px;padding-bottom:8px;margin-left:4px;}
@media (max-width:480px){
  .sv-brand.lg{gap:10px;}
  .sv-brand.lg .sv-mark{width:48px;height:48px;border-radius:14px;font-size:30px;}
  .sv-brand.lg .sv-name{font-size:38px;letter-spacing:-1.2px;}
  .sv-brand.lg .sv-tag{font-size:14px;padding-bottom:5px;}
  .sv-brand.nav-tag-hide .sv-tag{display:none;}
}