/* Minimal global tweaks layered on top of Tailwind (CDN). */
[x-cloak] { display: none !important; }

/* Display face for page titles — Bricolage Grotesque carries the brand voice;
   body/UI text stays Instrument Sans. Scoped away from .prose so headings in
   inbound (untrusted) email HTML keep neutral styling. */
h1:not(.prose h1) { font-family: "Bricolage Grotesque", "Instrument Sans", ui-sans-serif, sans-serif; }

/* Warm copper selection + thin warm scrollbars to match the espresso theme. */
::selection { background: #ecd3b8; color: #33190e; }
* { scrollbar-width: thin; scrollbar-color: #d6d3d1 transparent; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb { background: #d6d3d1; border-radius: 8px; }
*::-webkit-scrollbar-thumb:hover { background: #a8a29e; }

/* Constrain rich email HTML so a wild inbound message can't blow out the layout. */
.prose img { max-width: 100%; height: auto; }
.prose table { display: block; max-width: 100%; overflow-x: auto; }