.lw-tag-logic-group{position:relative;}

/* 小分類は「見出し OR | AND」を同じ行に。 */
.lw-tag-logic-heading{
  display:inline-flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  width:auto!important;
  max-width:100%;
}

/* LDK等、大項目の直下にタグが並ぶ項目は、展開したタグ領域の先頭にだけ表示。 */
.lw-tag-logic-inline{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%;
  margin:0 0 7px!important;
  padding:0!important;
}

.lw-tag-logic-toggle{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:22px!important;
  margin:0!important;
  padding:0 7px!important;
  border:1px solid #d7dce3!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#8a93a0!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:20px!important;
  letter-spacing:.01em;
  cursor:pointer;
  vertical-align:middle;
}
.lw-tag-logic-toggle [data-part]{color:#929aa6;font:inherit;transition:color .15s ease;}
.lw-tag-logic-toggle [data-part].is-active{color:#f56500;font-weight:800;}
.lw-tag-logic-toggle__sep{color:#c8cdd4;font-weight:400;}
.lw-tag-logic-toggle:hover{border-color:#f2a56d!important;}
.lw-tag-logic-toggle:focus-visible{outline:2px solid #18243b;outline-offset:2px;}

@media (max-width: 767px){
  .lw-tag-logic-heading{gap:6px!important;}
  .lw-tag-logic-inline{margin-bottom:6px!important;}
  .lw-tag-logic-toggle{height:21px!important;padding:0 6px!important;font-size:9px!important;line-height:19px!important;}
}