









































.pd-hero { grid-template-columns: minmax(0, 300px) minmax(0, 1fr); }
@media (max-width: 720px) { .pd-hero { grid-template-columns: 1fr; } }
.pd-art { min-width: 0; }









.pd-actions .sd-iconbtn { border-color: var(--mus-ink-quiet); }







.pd-actions .kc-fav__txt {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}


.pd-actions .kc-fav__svg { width: 19px; height: 19px; }





.pd-story__p {
  margin: 0 0 1.2rem;
  font-size: 1.16rem; line-height: 1.62; color: var(--mus-ink);
  max-width: 34rem; text-wrap: pretty;
}




.pd-pending {
  margin: 0 0 1.2rem; padding: .85rem 1rem;
  background: var(--mus-surface); color: var(--mus-ink);
  border: 1px solid var(--mus-rule);
  border-radius: var(--mus-radius); font-size: .98rem; line-height: 1.5;
  max-width: 34rem;
}




.pd-more { display: flex; flex-wrap: wrap; gap: .5rem; }
.pd-more__btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px; padding: 0 18px;
  border: 1px solid var(--mus-ink-quiet); border-radius: 999px;
  background: transparent; color: var(--mus-ink); text-decoration: none;
  font: 700 .95rem var(--wt-font-ui, inherit); cursor: pointer;
  transition: background-color 140ms ease, border-color 140ms ease;
}
.pd-more__btn:hover { background: var(--mus-surface-2); border-color: var(--mus-accent); }
.pd-more__btn:focus-visible { outline: 3px solid var(--mus-focus); outline-offset: 2px; }




.pd-more__btn--quiet { border-color: var(--mus-rule); color: var(--mus-ink-quiet); }
.pd-more__btn--quiet:hover { color: var(--mus-ink); border-color: var(--mus-ink-quiet); }
@media (prefers-reduced-motion: reduce) { .pd-more__btn { transition: none; } }

 







.pd-color { display: inline-flex; align-items: center; gap: .45rem; }
.pd-swatch {
  width: 14px; height: 14px; border-radius: 4px; flex: 0 0 auto;
  border: 1px solid var(--mus-ink-quiet); background: var(--mus-surface-2);
}






.pd-nosong {
  margin: 1rem 0 0; color: var(--mus-ink-quiet);
  font-size: .92rem; line-height: 1.5;
}
