.tag.negative-effect-tag {
  display: inline-flex;
  align-items: center;
  margin: 0 6px 6px 0;
  color: #555;
  text-decoration: none;
  transition: border-color .18s, background .18s, color .18s;
}
.tag.negative-effect-tag:hover,
.tag.negative-effect-tag:focus-visible {
  border-color: #4a7a30;
  background: #f0f7ec;
  color: #315c22;
}
.strain-negative-tags { display: flex; flex-wrap: wrap; align-items: center; }
.strain-active-filter { margin: 8px 0 18px; color: #666; font-size: 13px; }
.strain-active-filter a { margin-left: 10px; color: #4a7a30; }
body.home .strain-card .card-arrival,
body.front-page .strain-card .card-arrival { display: none !important; }
.sit-card .card-meta-row { justify-content: flex-start; align-items: flex-start; }
.sit-card .card-eff-tags {
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  gap: 6px 8px;
}
.sit-card .card-eff-tag { flex: 0 0 auto; margin: 0; }
.sit-swipe-hint { display: none; }
.sit-negative-toggle { display: none; }

.strain-description-content.is-mobile-collapsed,
.strain-description-content.is-mobile-expanded {
  overflow: hidden;
  transition: max-height .35s ease;
}
.strain-description-content.is-mobile-collapsed { position: relative; }
.strain-description-content.is-mobile-collapsed::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3.5em;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
  content: "";
  pointer-events: none;
}
.strain-description-toggle {
  margin-top: 8px;
  padding: 0;
  border: 0;
  background: none;
  color: #3f742c;
  font: inherit;
  font-weight: 600;
  letter-spacing: .1em;
  cursor: pointer;
}

@media (min-width: 641px) {
  .strain-description-content.is-mobile-collapsed,
  .strain-description-content.is-mobile-expanded {
    max-height: none !important;
    overflow: visible;
  }
  .strain-description-content.is-mobile-collapsed::after { display: none; }
  .strain-description-toggle { display: none !important; }
}

@media (max-width: 640px) {
  /* Two strain cards form one vertical swipe panel on phones. */
  .sit-grid {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: none;
    grid-template-rows: repeat(2, max-content);
    grid-auto-columns: 100%;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 1px;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .sit-grid::-webkit-scrollbar { display: none; }
  .sit-grid > .sit-card {
    width: 100%;
    min-width: 0;
    margin: 0;
    scroll-snap-align: start;
  }
  .sit-swipe-hint:not([hidden]) {
    display: block;
    margin: 2px 0 12px;
    padding-left: 2px;
    color: #888;
    font-size: 11px;
    letter-spacing: .04em;
    text-align: left;
  }
  .sit-swipe-hint[hidden] { display: none !important; }

  .sit-negative-toggle {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 8px;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
    color: #315c22;
    font: inherit;
    text-align: left;
    cursor: pointer;
  }
  .sit-negative-toggle-icon { transition: transform .18s ease; }
  .sit-negative-toggle[aria-expanded="true"] .sit-negative-toggle-icon { transform: rotate(180deg); }
  .sit-negative-block .sit-eff-list { display: none; grid-template-columns: 1fr; }
  .sit-negative-block.is-open .sit-eff-list { display: grid; max-height: 55vh; overflow-y: auto; }
}