/* SHARE-01 (owner, 2026-10-29: "a social media tab on each page to share the pages on social media"). The Share tab at the
   page's edge and the panel it opens, both drawn by assets/share-link.js. Page tokens only (fallbacks inside var()); the one
   motion is a short fade that stops under reduced motion. Network colours are the brand colours app-shell.css already uses. */
.pr-sharetab{ position:fixed; right:0; top:58%; z-index:9100; transform:translateY(-50%); writing-mode:vertical-rl; padding:14px 8px;
  border:1.5px solid var(--line,#e9dfcc); border-right:0; border-radius:12px 0 0 12px; background:var(--ink,#2a2017); color:var(--cream,#fbf1df);
  font:700 13px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:.06em; cursor:pointer; box-shadow:0 4px 14px rgba(0,0,0,.18); }
.pr-sharetab:hover{ background:var(--brown-dk,#7a4e26); }
.pr-sharetab:focus-visible,.pr-sharepanel :focus-visible{ outline:3px solid #1f6fb2; outline-offset:2px; }
.pr-sharepanel{ position:fixed; right:46px; top:58%; z-index:9200; transform:translateY(-50%); box-sizing:border-box; width:min(300px,calc(100vw - 64px));
  padding:14px 14px 12px; border:1.5px solid var(--line,#e9dfcc); border-radius:16px; background:var(--paper,#fffdf9); color:var(--ink,#2a2017);
  box-shadow:0 12px 32px rgba(0,0,0,.2); font:14px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; animation:pr-sharepanel-in .16s ease-out 1 both; }
.pr-sharepanel[hidden]{ display:none; }
@keyframes pr-sharepanel-in{ from{ opacity:0; } to{ opacity:1; } }
.pr-sharepanel__head{ margin:0 28px 2px 0; font-weight:800; font-size:15px; color:var(--ink-strong,#1f170f); }
.pr-sharepanel__page{ margin:0 0 10px; font-size:12.5px; color:var(--ink-3,#5c4a36); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pr-sharepanel__close{ position:absolute; top:8px; right:8px; width:30px; height:30px; border:0; border-radius:50%; background:transparent; color:var(--ink-3,#5c4a36); font-size:20px; line-height:1; cursor:pointer; }
.pr-sharepanel__list{ display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.pr-sharepanel__item{ display:flex; align-items:center; gap:8px; box-sizing:border-box; min-height:40px; padding:8px 10px; border:1.5px solid var(--line,#e9dfcc); border-radius:10px;
  background:var(--dk-bg,#fbf6e9); color:var(--ink-2,#3d2e1f); font:600 13.5px/1.2 inherit; text-decoration:none; cursor:pointer; text-align:left; }
.pr-sharepanel__item svg{ flex:0 0 auto; width:17px; height:17px; fill:var(--brown-dk,#7a4e26); }
.pr-sharepanel__item:hover{ border-color:var(--brown-dk,#7a4e26); }
.pr-sharepanel__item--facebook:hover svg{ fill:#1877F2; }
.pr-sharepanel__item--x:hover svg{ fill:#000; }
.pr-sharepanel__item--pinterest:hover svg{ fill:#E60023; }
.pr-sharepanel__item--reddit:hover svg{ fill:#FF4500; }
.pr-sharepanel__item--sheet,.pr-sharepanel__item--copy{ grid-column:1 / -1; justify-content:center; background:var(--ink,#2a2017); border-color:var(--ink,#2a2017); color:var(--cream,#fbf1df); }
.pr-sharepanel__item[aria-busy="true"]{ opacity:.7; cursor:progress; }
@media (max-width:640px){
  /* AUDIT-FE-01 (2026-11-06): bottom-left, the pill sat on the start of every left-aligned line ("Checked Oct 21" on the owner's
     phone) and on the home ticker's label. It sits at the right edge, and above the ticker where the page has one. */
  .pr-sharetab{ top:auto; bottom:calc(14px + env(safe-area-inset-bottom,0px)); right:12px; left:auto; transform:none; writing-mode:horizontal-tb; padding:10px 14px; border:1.5px solid var(--line,#e9dfcc); border-radius:999px; }
  .pr-sharepanel{ top:auto; right:12px; left:12px; bottom:calc(64px + env(safe-area-inset-bottom,0px)); transform:none; width:auto; }
  body:has(#lp-ticker) .pr-sharetab{ bottom:calc(56px + env(safe-area-inset-bottom,0px)); }
  body:has(#lp-ticker) .pr-sharepanel{ bottom:calc(106px + env(safe-area-inset-bottom,0px)); }
}
@media (prefers-reduced-motion: reduce){ .pr-sharepanel{ animation:none; } }
@media print{ .pr-sharetab,.pr-sharepanel{ display:none !important; } }