/* Save (bookmark) buttons, the save snackbar, the collection picker and the profile tabs. Loaded on every page. */
.pk .pk-bm{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--soft);color:var(--ink);font:600 14px/1 var(--font);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,transform .1s}
.pk .pk-bm:hover{background:#222226}
.pk .pk-bm:active{transform:scale(.96)}
.pk .pk-bm svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.pk .pk-bm.on{background:#e7ed781a;border-color:var(--pop);color:var(--pop)}
.pk .pk-bm.on svg{fill:currentColor}
/* small: in the community action bar, same size as the other pills */
.pk .pk-bm.sm{height:32px;padding:0 12px;font-size:13px;border:0;background:var(--soft);color:#d4d4d8;gap:6px}
.pk .pk-bm.sm:hover{background:#26262b}
.pk .pk-bm.sm.on{background:#e7ed781f;color:var(--pop)}
.pk .pk-bm.sm svg{width:16px;height:16px}
/* icon only: on top of images and cards */
.pk .pk-bm.ico{width:36px;height:36px;padding:0;border-radius:50%;border:1px solid #ffffff2e;background:#09090bb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}
.pk .pk-bm.ico span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pk .pk-bm.ico:hover{background:#18181bf0}
.pk .pk-bm.ico.on{background:var(--pop);border-color:var(--pop);color:#111}
.pk .pk-bm.over{position:absolute;top:10px;right:10px;z-index:3;opacity:0;transition:opacity .15s,background .15s}
.pk :hover>.pk-bm.over,.pk :focus-within>.pk-bm.over,.pk .pk-bm.over.on,.pk .pk-bm.over:focus-visible{opacity:1}
@media (hover:none){.pk .pk-bm.over{opacity:1}}

/* gallery tiles: the card link and its Save button sit side by side in one box */
.pk .g-item{position:relative;break-inside:avoid;margin:0 0 14px}
.pk .g-item .g-card{margin:0}
.pk .g-item .ai-tag{right:auto;left:8px}
.pk .g-wall.dense .pk-bm.over{width:30px;height:30px;top:7px;right:7px}
.pk .g-wall.dense .pk-bm.over svg{width:15px;height:15px}
@media (max-width:900px){.pk .g-item{margin-bottom:10px}.pk .g-item .pk-bm.over{top:7px;right:7px;width:32px;height:32px}}

/* template / case cards: the title link covers the card, the Save button sits above it */
.pk .pk-tcard{position:relative}
.pk .pk-tcard .pk-stretch{color:inherit}
.pk .pk-tcard .pk-stretch::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:1}
.pk .pk-tcard:not(.has-img) h3{padding-right:40px}
.pk .pk-dact{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0 4px}
.pk .d-cta .pk-bm{height:40px}

/* snackbar: message plus actions (Undo, Sign in, Add to collection, View) */
.pk-snack{position:fixed;left:50%;bottom:28px;z-index:120;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;max-width:min(560px,calc(100vw - 32px));box-sizing:border-box;padding:12px 16px 12px 20px;border-radius:16px;background:#1f1f23;border:1px solid #3f3f46;color:var(--ink);font-size:14px;line-height:1.45;box-shadow:0 18px 50px #000a;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.pk-snack.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.pk-snack span{flex:1 1 200px}
.pk-snack div{display:flex;gap:2px;margin-left:auto}
.pk-snack button{border:0;background:none;color:var(--pop);font:600 14px/1 var(--font);padding:8px 6px;cursor:pointer;white-space:nowrap}
.pk-snack button:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:980px){.pk-snack{bottom:calc(84px + env(safe-area-inset-bottom))}}
/* above the bulk-action bar on the bookmarks page */
body:has(.bm-bulk:not([hidden])) .pk-snack{bottom:96px}
@media (max-width:980px){body:has(.bm-bulk:not([hidden])) .pk-snack{bottom:calc(150px + env(safe-area-inset-bottom))}}
.pk dialog:focus-visible{outline:0}

/* collection picker */
.pk-picker .pk-cols{display:grid;gap:6px;max-height:min(320px,50vh);overflow:auto}
.pk-picker .pk-cols:empty{display:none}
.pk-picker .pk-col{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--ink);font:600 14px/1.3 var(--font);cursor:pointer;text-align:left}
.pk-picker .pk-col:hover{border-color:#52525b}
.pk-picker .pk-col span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pk-picker .pk-col small{color:#71717a;font-weight:500}
.pk-picker .pk-col input{width:18px;height:18px;accent-color:var(--pop);margin:0;flex:none}
.pk-picker .pk-colnew{display:flex;gap:8px}
.pk-picker .pk-colnew .pk-input{flex:1;min-width:0;height:40px;box-sizing:border-box}

/* Posts | Bookmarks tabs on your own profile and on the bookmarks page */
.bm-ptabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:0 0 22px}
.bm-ptabs[hidden]{display:none}
.bm-ptabs a{padding:10px 16px;margin-bottom:-1px;color:var(--muted);font-weight:600;font-size:14px;border-bottom:2px solid transparent}
.bm-ptabs a:hover{color:var(--ink)}
.bm-ptabs a[aria-current]{color:var(--ink);border-bottom-color:var(--pop)}

/* long user names on the account button: keep the start visible */
.pk #pk-auth-btn.in{justify-content:flex-start}

/* account menu: weekly email switch */
.pk-digest h3{margin:0 0 6px;font-size:14px;color:var(--muted);font-weight:600}
.pk-digest-row{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--soft);cursor:pointer;font-weight:600;font-size:14px}
.pk-digest-row input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--pop);flex:none}
.pk-digest-row span{display:flex;flex-direction:column;gap:2px}
.pk-digest-row small{color:#71717a;font-weight:500}
.pk-digest .form-note{margin:8px 0 0}
/* follow buttons: on profiles, and next to the author in an opened post */
.pk .rd-followbtn{margin-left:auto;flex:none}
.pk .rd-followbtn.on,.pk .rd-follow.on{background:transparent;color:var(--muted)}
.pk .rd-follow{margin-left:8px;height:26px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--soft);color:var(--ink);font:600 12px/1 var(--font);cursor:pointer}
.pk .rd-follow:hover{border-color:#52525b}
.pk .rd-follow[hidden],.pk .rd-followbtn[hidden]{display:none}
/* profile: public collections */
.rd-psec{font-size:18px;margin:36px 0 14px}
.rd-pcols{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.rd-pcol{display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}
.rd-pcol:hover{border-color:#3f3f46}
.rd-pcov{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:4px;aspect-ratio:3/2;border-radius:10px;overflow:hidden;background:var(--soft);margin-bottom:6px}
.rd-pcov img{width:100%;height:100%;object-fit:cover;display:block}
.rd-pcov img:first-child{grid-row:span 2}
.rd-pcol b{font-size:15px;padding:0 4px}
.rd-pcol small{color:#71717a;font-size:12px;padding:0 4px}