/* MontanaPep share button + share panel (self-contained; no dependency on mp.css) */
.mp-share-btn{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;
  height:38px;padding:0 13px;border-radius:10px;cursor:pointer;
  font:700 .86rem/1 "Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.04em;
  color:#F7E7A3;background:linear-gradient(180deg,#1A150C,#0C0A06);
  border:1px solid rgba(212,175,55,.42);
  box-shadow:inset 0 1px 0 rgba(247,231,163,.22),0 3px 10px rgba(0,0,0,.6);
  -webkit-tap-highlight-color:transparent;
}
.mp-share-btn:hover{border-color:#D4AF37;color:#FFF6D2}
.mp-share-btn:active{transform:translateY(1px)}
.mp-share-btn:focus-visible{outline:2px solid #F7E7A3;outline-offset:3px}
.mp-share-btn svg{width:18px;height:18px;flex:0 0 auto}
/* phones: compact stacked button (icon over the word SHARE), same footprint as the menu button */
@media (max-width:640px){
  .mp-share-btn{flex-direction:column;justify-content:center;gap:3px;width:52px;height:42px;padding:0;
    border-radius:11px;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase}
  .mp-share-btn svg{width:17px;height:17px}
  .topbar,.mp-topbar{gap:10px;padding-left:12px;padding-right:12px}
}
@media (max-width:349px){
  .topbar .tb-brand,.mp-topbar .mp-tb-brand{font-size:.9rem;letter-spacing:.03em}
  .topbar,.mp-topbar{gap:8px;padding-left:10px;padding-right:10px}
}

/* panel (used when the device has no built-in share menu) */
.mp-sh-scrim{position:fixed;inset:0;z-index:100100;background:rgba(0,0,0,.66);opacity:0;transition:opacity .22s}
.mp-sh-scrim.on{opacity:1}
.mp-sh{
  position:fixed;z-index:100110;left:50%;bottom:0;width:min(460px,100%);
  transform:translate(-50%,104%);transition:transform .26s cubic-bezier(.4,0,.2,1);
  box-sizing:border-box;padding:18px 18px calc(20px + env(safe-area-inset-bottom));
  background:linear-gradient(165deg,#17120A 0%,#0A0806 60%,#100D08 100%);
  border:1px solid rgba(212,175,55,.38);border-bottom:0;border-radius:18px 18px 0 0;
  box-shadow:0 -18px 50px rgba(0,0,0,.7);color:#F3ECDC;
  font-family:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;
}
.mp-sh.on{transform:translate(-50%,0)}
@media (min-width:640px){
  .mp-sh{top:50%;bottom:auto;border-bottom:1px solid rgba(212,175,55,.38);border-radius:18px;
    transform:translate(-50%,-46%);opacity:0;padding-bottom:22px;transition:transform .22s,opacity .22s}
  .mp-sh.on{transform:translate(-50%,-50%);opacity:1}
}
.mp-sh-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mp-sh-head h2{margin:0;font:700 1.08rem/1.2 Cinzel,Georgia,serif;letter-spacing:.05em;color:#F7E7A3}
.mp-sh-x{width:38px;height:38px;border-radius:10px;border:1px solid rgba(212,175,55,.3);
  background:#0C0A06;color:#F3ECDC;font-size:1.5rem;line-height:1;cursor:pointer}
.mp-sh-url{margin:8px 0 16px;font-size:.86rem;color:#A99F86;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mp-sh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mp-sh-opt{
  display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px 12px;
  border-radius:14px;border:1px solid rgba(212,175,55,.2);background:rgba(26,21,12,.75);
  color:#F3ECDC!important;text-decoration:none!important;font-family:inherit;font-weight:600;font-size:.84rem;line-height:1.2;
  cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;
}
.mp-sh-opt:hover,.mp-sh-opt:focus-visible{border-color:#D4AF37;background:rgba(40,31,14,.9);outline:none}
.mp-sh-ico{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(177deg,#F9EFC4,#D9B44A 30%,#A67C1E 62%,#E7CE7E);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 3px 8px rgba(0,0,0,.55)}
.mp-sh-ico svg{width:22px;height:22px;color:#1A1305}
.mp-sh-opt.done .mp-sh-ico{background:linear-gradient(177deg,#E9F7D9,#9CCB6B 45%,#5E9A35)}
@media (prefers-reduced-motion:reduce){.mp-sh,.mp-sh-scrim{transition:none}}