/* ============================================================
   fm-return.css - shared styling for the contextual back pill
   on the "paper" themed pages (/about/, /privacy, /terms).
   ------------------------------------------------------------
   Companion to /fm-return.js (which fills + reveals #fmReturn).
   The dark pages (float-mode.html, how-float-mode-works.html)
   style their pills inline to match their own placement/theme;
   this file exists so the light pages don't copy-paste the same
   CSS three times.

   Contract: page has <header class="masthead"> containing the
   brand link and <a id="fmReturn" class="fmreturn" hidden>.
   ============================================================ */
header.masthead{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; flex-wrap:wrap;
}
.fmreturn{
  display:inline-flex; align-items:center; gap:7px;
  font-family:'Inter Tight',sans-serif; font-size:13px; font-weight:600;
  letter-spacing:.02em; color:var(--forest,#1d3a25); text-decoration:none;
  background:var(--paper-warm,#f8f5ec);
  border:1px solid var(--rule,#d8d2bf); border-radius:999px;
  padding:8px 14px;
  transition:background .15s ease, border-color .15s ease, color .15s ease;
}
.fmreturn:hover{
  background:var(--surface,#fffdf6);
  border-color:var(--moss,#87a672);
  color:var(--copper,#b8531a);
}
.fmreturn svg{width:14px; height:14px; flex-shrink:0;}
.fmreturn[hidden]{display:none;}