/* Single source of truth for the YardQuote wordmark logo.
 *
 * Every page (marketing nav, portal header, 404) uses the SAME markup:
 *   <a class="yq-logo" href="..." aria-label="YardQuote home">
 *     <svg ...sprout...></svg>Yard<span class="yq-logo-accent">Quote</span>
 *   </a>
 * Inline SVG (not a Lucide font icon) so it renders with no load flash and is
 * identical on portal pages that do not load Lucide. Change the look HERE and it
 * updates everywhere. Colors are the canonical brand hexes so the file is
 * portable across pages whose stylesheets use different CSS-variable names.
 */
.yq-logo {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 800;
  font-size: 1.4rem;
  color: #145539;
  letter-spacing: -0.03em;
  line-height: 1;
  text-decoration: none;
}
.yq-logo:hover, .yq-logo:focus { text-decoration: none; }
.yq-logo svg { color: #1a6b4a; width: 28px; height: 28px; flex: 0 0 auto; }
.yq-logo-accent { color: #22865e; font-weight: 600; }