/* Share row on episode pages (scripts/build_pages.py share_row). Uses the palette from styles.css. */
.ep-share{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin:0 0 1.3rem}
.ep-share-label{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);font-weight:700}
.ep-share-btns{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}
.ep-share .soc{width:40px;height:40px;padding:0;cursor:pointer;font:inherit}
.ep-share .soc svg{width:18px;height:18px}
.share-toast{position:absolute;left:0;top:calc(100% + .4rem);z-index:5;margin:0;padding:.45rem .85rem;border-radius:10px;background:var(--yellow);color:var(--ink);font-size:.85rem;font-weight:700;box-shadow:0 10px 30px -10px rgba(0,0,0,.6);opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .2s,transform .2s}
.share-toast.show{opacity:1;transform:none}
@media (max-width:640px){.ep-share{gap:.5rem .8rem}.ep-share-label{flex:1 0 100%}.ep-share-btns{gap:.5rem}.ep-share .soc{width:44px;height:44px}}
@media (max-width:359px){.ep-share-btns{gap:.4rem}.ep-share .soc{width:40px;height:40px}}