/* Community board cleanup v8 */

/* Six visible lock homes. Greens may overlap them; red pins are limited to six. */
.saved-spots{grid-template-columns:repeat(6,1fr);gap:9px}

/* Stronger hand-drawn category marks, anchored to the pile beneath them. */
.category-mark{
  z-index:8;
  width:126px;
  min-height:62px;
  color:rgba(58,38,23,.90);
  font-size:17px;
  line-height:1.02;
  text-shadow:0 1px rgba(255,244,214,.20);
}
.category-mark svg{width:46px;height:32px;margin-bottom:1px}
.category-mark path,.category-mark circle,.category-mark line,.category-mark polyline{stroke-width:1.75}

/* Current season should read as a real board marking, not a watermark. */
#seasonal-layer{top:67px}
.seasonal-heading{
  top:1px;
  color:rgba(61,40,24,.92);
  font-size:19px;
  font-weight:600;
  text-shadow:0 1px rgba(255,244,214,.18);
}
.seasonal-heading svg{width:34px;height:27px;stroke-width:1.6}

/* Seasonal archive wording should be equally legible. */
.season-archive-label{color:rgba(61,40,24,.88);font-size:16px}
.season-browser-heading{color:rgba(61,40,24,.92);font-weight:600}

/* Move the seasons pile out of the right-side category homes. */
.season-archive-home{right:16px;top:68px}

/* Pin-state feedback. */
.saved-note[data-saved-mode="green"]{cursor:grab}
.saved-note[data-saved-mode="red"]{cursor:default}
.saved-note.red-limit{animation:redLimitNudge .38s ease-in-out}
@keyframes redLimitNudge{
  0%,100%{transform:rotate(var(--rot,0deg)) translateX(0)}
  25%{transform:rotate(var(--rot,0deg)) translateX(-4px)}
  75%{transform:rotate(var(--rot,0deg)) translateX(4px)}
}

/* Red/green are status, not decoration. Make them unmistakable. */
.note-pin[data-pin-color="red"]{box-shadow:0 2px 2px rgba(0,0,0,.38),0 0 0 2px rgba(116,31,28,.11),inset 0 0 0 1px rgba(255,230,220,.35)}
.note-pin[data-pin-color="green"]{box-shadow:0 2px 2px rgba(0,0,0,.35),0 0 0 2px rgba(47,88,40,.10),inset 0 0 0 1px rgba(236,255,218,.35)}

@media(max-width:850px){
  .category-mark{width:100px;font-size:14px}
  .category-mark svg{width:38px;height:27px}
  .saved-spots{gap:5px}
  .season-archive-home{right:5px;top:64px}
}
@media(max-width:560px){
  .category-mark{width:82px;font-size:12px}
  .category-mark svg{width:32px;height:23px}
  .seasonal-heading{font-size:16px}
  .saved-spots{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}
}