/* Neatly menu v1 — drawer (mobile) / dropdown (desktop), help dialog, share pane. */
#menu-scrim{position:fixed;inset:0;background:rgba(43,35,32,.38);z-index:59}
#menu-drawer{position:fixed;top:0;right:0;bottom:0;width:min(84vw,300px);background:var(--paper,#fffdf8);
  box-shadow:-12px 0 32px rgba(60,42,18,.18);padding:18px 14px;z-index:60;overflow-y:auto;
  border-radius:0 0 0 22px;border-left:1px solid var(--line,#e7ded0)}
.menu-title{font-family:'Libre Baskerville',Georgia,serif;font-size:1.05rem;margin:0 0 2px}
.menu-who{color:#63543e;font-size:.8rem;margin:0 0 12px}
.menu-item{display:block;width:100%;text-align:left;background:none;border:0;border-radius:10px;
  padding:12px 10px;font-size:.95rem;font-weight:500;color:#2b2320;cursor:pointer;font-family:inherit}
.menu-item:hover{background:#f7efdc}
.menu-item.danger{color:#8c2b27}
.menu-sep{border:0;border-top:1px solid var(--line,#e7ded0);margin:10px 4px}
.menu-note{color:#63543e;font-size:.75rem;line-height:1.5;margin-top:14px;padding:0 6px}
@media (min-width:900px){
  #menu-drawer{top:auto;bottom:auto;width:280px;position:fixed;top:64px;right:18px;
    border-radius:14px;border:1px solid var(--line,#e7ded0);border-left:1px solid var(--line,#e7ded0)}
}
/* Calm help dialog */
.help-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:80;width:min(92vw,420px);
  background:var(--paper,#fffdf8);border:1px solid var(--line,#e7ded0);border-radius:16px;padding:22px;
  box-shadow:0 24px 60px rgba(60,42,18,.3)}
.help-dialog h3{font-family:'Libre Baskerville',Georgia,serif;margin:0 0 8px;font-size:1.15rem}
.help-dialog p{color:#63543e;font-size:.9rem;line-height:1.5;margin:0 0 16px}
.help-dialog .primary{display:block;width:100%;margin-bottom:8px}
.help-dialog .secondary{display:block;width:100%;margin-bottom:8px}
.help-dialog .text-link{display:block;width:100%;text-align:center}