/* Share buttons, copy-email row, toast, and the WhatsApp button's scroll-away on phones.
   Uses the page's own colour tokens, so every theme (dawn, day, dusk, night) is covered. */
.share-ico{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.btn .share-ico{margin-right:-2px}
.mode.share-nav .share-ico{display:block;width:18px;height:18px}

.mail-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:28px}
.mail-row .mail{margin-top:0}
.head-share{margin:18px 0 0}
.copy-note{min-height:1.4em;margin:8px 0 0;font-size:14px;color:var(--ink-3)}

.share-toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:60;
  transform:translate(-50%, 12px);opacity:0;pointer-events:none;
  background:var(--ink);color:var(--bg);font-size:14.5px;font-weight:600;line-height:1;
  padding:12px 18px;border-radius:999px;box-shadow:0 10px 26px -8px rgba(0,0,0,.45);
  transition:opacity .2s ease, transform .2s ease}
.share-toast.on{opacity:1;transform:translate(-50%, 0)}

@media (max-width:760px){
  .wa-fab{transition:transform .25s ease, opacity .25s ease}
  .wa-fab.fab-scrolling{opacity:0;transform:translateY(16px) scale(.9);pointer-events:none}
}
@media (prefers-reduced-motion: reduce){
  .share-toast,.wa-fab{transition:none}
}
@media print{ .share-toast,[data-share]{display:none!important} }