/* Community board protected category lanes v13
   - category homes live in protected side gutters
   - visitor notes cannot be dragged into those gutters above the saved strip
   - category markings stay visually above their home stacks
   - the note composer always opens above every board note
*/

.category-lane-guides{
  position:absolute;
  z-index:7;
  left:18%;
  right:18%;
  top:92px;
  bottom:193px;
  border-left:1px dashed rgba(72,47,27,.26);
  border-right:1px dashed rgba(72,47,27,.26);
  pointer-events:none;
}
.category-lane-guides::before,
.category-lane-guides::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:8px;
  opacity:.34;
  pointer-events:none;
}
.category-lane-guides::before{
  left:-8px;
  background:linear-gradient(to right,transparent,rgba(91,59,31,.06));
}
.category-lane-guides::after{
  right:-8px;
  background:linear-gradient(to left,transparent,rgba(91,59,31,.06));
}

/* The category handwriting is part of the protected lane and should never be
   hidden by its own category stack. */
.category-mark{
  z-index:46!important;
}
.pile-layer .pile,
#pile-layer .pile{
  z-index:9;
}

/* A tiny visual nudge when a dragged note meets a protected edge. */
.note.lane-bumped{
  filter:drop-shadow(6px 9px 5px rgba(44,27,13,.28));
}

/* The composer is a modal sheet. No dragged/clicked note may float above it. */
.post-composer-shade{
  z-index:1000000!important;
}
.post-composer{
  z-index:1000001!important;
}

@media(max-width:850px){
  .category-lane-guides{
    left:17%;
    right:17%;
    top:84px;
    bottom:190px;
  }
}

@media(max-width:560px){
  .category-lane-guides{
    left:16%;
    right:16%;
    top:76px;
    bottom:188px;
  }
}