/* Carried over verbatim from design/SiteFooter.dc.html's <helmet><style> block.
 * The DesignCombo helmet held site-chrome CSS that support.js injected globally;
 * since the React port has no helmet, the `.tm` trademark superscript and the
 * `.flagtip` hover tooltip (used in the footer's "Serving" flag row) are
 * reattached here and imported globally via app/globals.css. */
.tm{font-size:.62em;vertical-align:.52em;line-height:0;margin-left:.05em;font-weight:600;letter-spacing:.01em;}
.flagtip{position:relative;display:inline-flex;}
.flagtip::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%) translateY(4px);background:var(--gray-900);color:#fff;font-size:11px;font-weight:600;white-space:nowrap;padding:4px 8px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;box-shadow:0 6px 16px rgba(0,0,0,.35);z-index:5;}
.flagtip::before{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--gray-900);opacity:0;transition:opacity .15s;}
.flagtip:hover::after{opacity:1;transform:translateX(-50%) translateY(0);}
.flagtip:hover::before{opacity:1;}