.dainote-tab-links {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem .4rem;
  margin: 1.5rem 0; padding: .3rem .3rem .8rem; border: 0; min-width: 0; max-width: 100%;
}
.dainote-tab-links:has(> :only-child) { grid-template-columns: minmax(0, 1fr); }
.dainote-tab-links:has(> :nth-child(2):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dainote-tab-links:has(> :nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dainote-tab-links > .dainote-tab-links__link {
  position: relative; display: flex; justify-content: center; align-items: center;
  appearance: none; box-sizing: border-box; min-width: 0; min-height: 3rem; margin: 0;
  padding: .85rem .5rem; border: 1px solid var(--tab-links-border-color, #d7e1de); border-radius: 4px;
  background: var(--tab-links-background-color, #f2f6f5); color: var(--tab-links-text-color, #31433e);
  font: inherit; font-weight: 700; line-height: 1.4; text-align: center; text-decoration: none;
  white-space: pre-line; overflow-wrap: anywhere; text-wrap: balance;
}
.dainote-tab-links > a.dainote-tab-links__link, .dainote-tab-links > button.dainote-tab-links__link { cursor: pointer; }
.dainote-tab-links > .dainote-tab-links__link.is-current {
  background: var(--tab-links-active-background, #087f68); border-color: var(--tab-links-active-background, #087f68);
  color: var(--tab-links-active-color, #fff);
}
.dainote-tab-links > .dainote-tab-links__link.is-current::after {
  content: ''; position: absolute; left: 50%; bottom: -9px; transform: translateX(-50%);
  width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent;
  border-top: 9px solid var(--tab-links-active-background, #087f68); pointer-events: none;
}
div.post-content__text .dainote-tab-links > a.dainote-tab-links__link { text-decoration: none; }
.dainote-tab-links > a.dainote-tab-links__link:hover,
div.post-content__text .dainote-tab-links > a.dainote-tab-links__link:hover { text-decoration: underline; text-underline-offset: .2em; }
.dainote-tab-links > .dainote-tab-links__link:focus-visible { outline: 3px solid var(--tab-links-active-background, #087f68); outline-offset: 3px; }
.dainote-tab-links-editor__item { border: 1px solid #d7e1de; padding: 1rem; margin: 1rem 0; }
.dainote-tab-links-editor__item legend { font-size: 1rem; font-weight: 700; }
.dainote-tab-links-editor__actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.dainote-tab-links-editor__help { font-size: .875rem; color: #52665f; }
@media (max-width: 600px) {
  .dainote-tab-links > .dainote-tab-links__link { padding: .75rem .25rem; font-size: .875rem; }
}
