/* The new look on the small pages (support, tip, privacy, terms, confirm, unsubscribe): the Green Chrome wordmark and the app's rendered Green Chrome pill
   (same art as newlook.css; absolute paths). 2026-11-04. */
html .wordmark { font-size: 0 !important; letter-spacing: 0 !important; gap: 0; }
html .wordmark img { height: 28px; width: auto; display: block; filter: drop-shadow(0 2px 10px rgba(45,236,134,.22)); }
html img.word { height: 43px; width: auto; filter: drop-shadow(0 2px 10px rgba(45,236,134,.22)); }
html .tipbtn, html .cta {
  --h: 50px; height: var(--h); padding: 0 calc(var(--h) * .6); display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; border: 0; border-radius: 999px;
  color: #04140C; font-weight: 700; text-shadow: 0 1px 0 rgba(255,255,255,.22); background-color: transparent; background-repeat: no-repeat;
  --mt-l: url(/assets/newlook/metal/green-pill-l.webp); --mt-m: url(/assets/newlook/metal/green-pill-m.webp); --mt-r: url(/assets/newlook/metal/green-pill-r.webp);
  background-image: var(--mt-l), var(--mt-r), var(--mt-m); background-size: var(--h) 100%, var(--h) 100%, max(0px, calc(100% - 2 * var(--h) + 2px)) 100%;
  background-position: left center, right center, calc(var(--h) - 1px) center; box-shadow: 0 10px 28px -8px rgba(45,236,134,.5), 0 2px 6px rgba(0,0,0,.4);
  transition: transform .14s cubic-bezier(.2,.9,.3,1.2), filter .14s;
}
html .tipbtn:active, html .cta:active { transform: scale(.965); filter: brightness(.93); }
html .tipbtn:focus-visible, html .cta:focus-visible, html a:focus-visible { outline: 2px solid #8CFFC4; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { html .tipbtn, html .cta { transition: none; } }