/* Homepage collection: "More picks" button and card swap fade. */
.collection .section-heading .collection-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.collection-shuffle{appearance:none;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font:inherit;font-size:13px;line-height:1.2;cursor:pointer;transition:border-color .2s ease,color .2s ease}
.collection-shuffle:hover{border-color:var(--accent);color:var(--accent)}
.collection-shuffle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.collection-shuffle span{display:inline-block;transition:transform .4s ease}
.collection-shuffle:hover span{transform:rotate(180deg)}
.collection-shuffle:disabled{cursor:progress;opacity:.6}
.collection-shuffle:disabled span{animation:pikhub-collection-spin .8s linear infinite}
@keyframes pikhub-collection-spin{to{transform:rotate(360deg)}}
/* The success note is for screen readers only (no layout jump); errors are shown. */
.collection-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.collection-status.is-error{position:static;width:auto;height:auto;margin:-6px 0 12px;overflow:visible;clip:auto;white-space:normal;font-size:12px;color:var(--accent)}
.collection-grid{transition:opacity .3s ease}
.collection-grid.is-loading{opacity:.45}
.collection-grid.is-fresh{opacity:0;transition:none}
@media (prefers-reduced-motion:reduce){.collection-grid,.collection-shuffle span{transition:none}.collection-shuffle:disabled span{animation:none}}
@media (max-width:767px){.collection .section-heading{flex-wrap:wrap;row-gap:12px}.collection .section-heading>div:first-child{flex:1 1 100%}.collection .section-heading .collection-actions{gap:14px}.collection .section-heading .collection-actions .quiet-link{white-space:nowrap}}