/* Mercuriosity — direct newsletter signup (The Operating Table).
   A styled Mercuriosity shell around Substack's own embedded form, so the
   reader subscribes in one step instead of being sent off-site.

   The Substack iframe is a third party and sets its own cookies, so it is
   NOT loaded on page load — the reader clicks first. That keeps the cookie
   banner's "no third-party analytics" promise honest. */

.tot-signup{
  margin:28px 0 0;
  padding:26px 24px;
  border-radius:16px;
  border:1px solid color-mix(in srgb, var(--mc-quicksilver-400) 40%, transparent);
  background:color-mix(in srgb, var(--mc-violet-300) 7%, var(--mc-bg));
}

.tot-signup h3{
  font-family:var(--mc-font-display);font-size:20px;font-weight:500;
  letter-spacing:-0.014em;line-height:1.2;color:var(--mc-ink);margin:0 0 8px;
}

.tot-signup p.sub{
  font-size:14.5px;line-height:1.55;color:var(--mc-ink-muted);margin:0 0 18px;
}

.tot-signup .tot-load{
  font:inherit;cursor:pointer;border:0;border-radius:999px;
  padding:13px 24px;font-size:14.5px;font-weight:500;
  background:var(--mc-violet-500,#5B2A8A);color:#FAF8FC;
  box-shadow:0 8px 20px rgba(91,42,138,0.18);
  transition:background 200ms ease;
}
.tot-signup .tot-load:hover{background:var(--mc-violet-600,#4A2272)}

.tot-signup .tot-consent{
  font-size:12px;line-height:1.5;color:var(--mc-ink-quiet);margin:12px 0 0;
}
.tot-signup .tot-consent a{color:var(--mc-violet-500);text-decoration:underline;text-underline-offset:2px}

/* The embed itself, once the reader has asked for it. */
.tot-signup .tot-frame{
  width:100%;
  border:1px solid color-mix(in srgb, var(--mc-quicksilver-400) 40%, transparent);
  border-radius:12px;
  background:#fff;
  overflow:hidden;
  display:block;
}

.tot-signup .tot-fallback{
  font-size:13px;line-height:1.55;color:var(--mc-ink-muted);margin:12px 0 0;
}

/* A printed page has no use for a signup form. */
@media print{ .tot-signup{display:none !important} }