/* The read receipts wordmark, the same on every page (Arjun, 2026-11-12: "I like the Helvetica for most of
   it on the new website, but I want the read receipts word mark to be the old one, and also how it was
   aligned earlier"): EB Garamond, lower case, the bookmark sitting on the baseline. home.css and pages.css
   import this file; nothing else on the new pages uses a serif. */
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400&display=swap");
.mark { display: inline-flex; align-items: baseline; gap: 6px; text-decoration: none; font: 400 30px/1 "EB Garamond", Georgia, serif; letter-spacing: -0.01em; text-transform: none; }
.mark svg { flex: none; width: 0.3em; height: 0.43em; }

/* The account, on every page's header to the right of Get Started (the owner, 2026-11-13: "a little user icon
   we can click into"): a plain outline head and shoulders, 20px in a 44px square to press, leading to /library/,
   which is the sign-in when signed out. It is in this file because every read receipts page loads it and no
   groupchat wrapped page does. The margins pull the square in so the glyph, not its box, sits on the gutter. */
.acct { flex: none; display: inline-grid; place-items: center; width: 44px; height: 44px; margin: -2px -12px -2px -8px; color: inherit; text-decoration: none; }
.acct svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.acct:hover svg { stroke-width: 2.2; }
.acct:focus-visible { outline: 2px solid currentColor; outline-offset: -4px; }