/* Monolith LinkBox (A/B) - footer概念なし / link塊の箱 */

/* BFのmain幅変数があれば、それに合わせる（なければ100%） */
.monolith-linkbox{
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: var(--bf-main-width, 100%);
  margin-left: auto;
  margin-right: auto;
  background: var(--mlb-bg);
  color: var(--mlb-fg);
  border: 0px solid var(--mlb-border);
  border-radius: var(--mlb-radius);
  padding: var(--mlb-padding);
  font-size: var(--mlb-font-size);
}

.monolith-linkbox *{ box-sizing: border-box; }

.monolith-linkbox__grid{
  list-style: none;
  margin: 0;
  padding: 0;

  display: grid;
  gap: var(--mlb-gap);
  grid-template-columns: repeat(var(--mlb-cols), minmax(0, 1fr));
}

.monolith-linkbox__item{
  margin: 0;
  padding: 0;
}

.monolith-linkbox__link{
  display: block;
  width: 100%;
  padding: 10px 12px;
  border-radius: calc(var(--mlb-radius) - 6px);
  border: 1px solid var(--mlb-border);
  text-decoration: none;

  background: var(--mlb-link-bg);
  color: var(--mlb-link-fg);

  overflow-wrap: anywhere;
  word-break: break-word;
}

.monolith-linkbox__link:hover,
.monolith-linkbox__link:focus-visible{
  background: var(--mlb-link-hover-bg);
  color: var(--mlb-link-hover-fg);
  outline: none;
}

/* 表示切替（900px） */
@media (min-width: 900px){
  .monolith-linkbox[data-mlb-pc="0"]{ display: none !important; }
}
@media (max-width: 899px){
  .monolith-linkbox[data-mlb-mobile="0"]{ display: none !important; }
}