/* steel-pins.css — the pushpin toggle + /pins/ "My Table" board (sc-pins.js). */

/* mdi pushpin: fill-path icon (outline ↔ filled swapped by sc-pins.js) */
.sc-pin svg {
  width: 1rem; height: 1rem;
  fill: currentColor;
}

/* On card pages the pin joins the hover-revealed top-center control strip
   (the copy-link pattern — the only collision-free band on every card head):
   copy-link sits at 50%, the pin just right of it. On plain pages it lives in
   the always-visible top-right page action strip (steel-pageact.css). */
.sc-head .sc-pin {
  position: absolute; z-index: 4; top: .45rem;
  left: calc(50% + 1.6rem); right: auto;
  width: 1.7rem; height: 1.7rem; padding: 0;
  display: grid; place-items: center;
  border-radius: .35rem; border: 1px solid var(--md-default-fg-color--lightest);
  background: rgba(0, 0, 0, 0.4);
  color: var(--md-default-fg-color--light); font-size: .95rem;
  opacity: 0; transition: opacity .18s ease, color .18s ease;
}
.sb-wrap:hover .sc-head .sc-pin,
.fb-wrap:hover .sc-head .sc-pin,
.sc-trait:hover .sc-head .sc-pin,
.sc-kit:hover .sc-head .sc-pin,
.sc-ability:hover .sc-head .sc-pin,
.sc-head .sc-pin:focus-visible,
.sc-head .sc-pin.is-on { opacity: 1; }
@media (hover: none) { .sc-head .sc-pin { opacity: .4; } .sc-head .sc-pin.is-on { opacity: 1; } }
.sc-pin {
  background: none; border: 0; cursor: pointer;
  font-size: 1.05rem; line-height: 1; padding: .1rem .2rem;
  color: var(--md-default-fg-color--lighter);
}
.sc-pin:hover { color: var(--md-accent-fg-color); }
.sc-pin.is-on { color: var(--md-accent-fg-color); }
@media print { .sc-pin { display: none !important; } }

.sc-pins__kind { margin-top: 1.4rem; }
.md-typeset .sc-pins__list { list-style: none; margin-left: 0; columns: 2; column-gap: 2rem; }
.md-typeset .sc-pins__list li { break-inside: avoid; display: flex; gap: .5rem; align-items: baseline; }
.sc-pins__rm { background: none; border: 0; cursor: pointer; color: var(--md-default-fg-color--lighter); }
.sc-pins__rm:hover { color: var(--md-accent-fg-color); }
@media (max-width: 45em) { .md-typeset .sc-pins__list { columns: 1; } }