@charset "UTF-8";

/* のぎ動画 コンテンツ一覧
   旧 sakamichi-history.css から、この機能のルールを元の順番のまま移したもの（2026-09 Phase 7-1） */

.saka-universe-nogidoga-content > .saka-universe-module-header.saka-universe-module-header--song-history.saka-universe-module-header--nogi {
  background: var(--sakamichi-nogi-bg);
  color: var(--sakamichi-nogi-text);
  border: 2px solid var(--sakamichi-nogi-border);
}
.saka-universe-nogidoga-content > .saka-universe-module-stats.song-history-stats {
  font-size: 1.2em;
}
.saka-universe-nogidoga-content .song-history-stats p {
  font-size: 1em;
}
.nogidoga-content-tag-groups {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
}
.nogidoga-content-tag-group {
  display: flex;
  align-items: flex-start;
  gap: 8px 12px;
  flex-wrap: wrap;
}
.nogidoga-content-tag-group__heading {
  margin: 0;
  min-width: 6.5em;
  padding-top: 4px;
  color: var(--sakamichi-ink-2);
  font-size: 0.9em;
  font-weight: 800;
  line-height: 1.3;
}
.nogidoga-content-tag-group__buttons {
  display: flex;
  flex: 1 1 0;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}
.nogidoga-content-tag-button {
  appearance: none;
  border: 1px solid var(--sakamichi-hairline-strong);
  background: var(--sakamichi-paper);
  color: var(--sakamichi-ink-2);
  border-radius: 2px;
  min-height: 1.8em;
  padding: 0 7px;
  cursor: pointer;
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  transition: background 0.15s, color 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.nogidoga-content-tag-button:hover {
  background: var(--sakamichi-paper-2);
  border-color: var(--sakamichi-ink-3);
}
.nogidoga-content-tag-button.is-active {
  background: var(--sakamichi-nogi-bg);
  border-color: var(--sakamichi-nogi-border);
  color: var(--sakamichi-nogi-secondary);
  box-shadow: none;
}
.saka-universe-nogidoga-content .song-history-mobile-sort {
  display: flex;
  font-size: 1.2em;
}
.saka-universe-nogidoga-content .song-history-mobile-sort__button.is-active {
  background: var(--sakamichi-nogi-secondary);
  border-color: var(--sakamichi-nogi-secondary);
  color: #fff;
}
.saka-universe-nogidoga-content .song-history-table thead,
.saka-universe-nogidoga-content .song-history-table thead tr,
.saka-universe-nogidoga-content .song-history-table th {
  background: var(--sakamichi-nogi-primary) !important;
  color: #fff !important;
}
.nogidoga-content-main-table .song-history-cell:not(.song-history-cell--title) {
  font-size: 0.84rem;
  line-height: 1.45;
}
.nogidoga-content-main-table .song-history-row--nogi .song-history-cell--title {
  background: var(--sakamichi-paper-2) !important;
}
.nogidoga-content-main-table .song-history-row--nogi td:not(.song-history-cell--title) {
  background: var(--sakamichi-paper) !important;
}
.nogidoga-content-tag-section .nogidoga-content-tag-group {
  gap: 8px 14px;
}
.nogidoga-content-tag-section .nogidoga-content-tag-group + .nogidoga-content-tag-group {
  margin-top: 2px;
}
.nogidoga-content-tag-section .nogidoga-content-tag-group__heading {
  font-size: 0.95em;
  min-width: 7em;
  padding: 4px 0 4px 2px;
  border-left: 3px solid var(--sakamichi-nogi-border);
  padding-left: 8px;
}
.nogidoga-content-member-section .member-grid {
  gap: 16px;
  margin-bottom: 0;
}
.nogidoga-content-member-section .member-group__title {
  font-size: 14px;
  color: var(--sakamichi-nogi-primary);
  border-bottom-color: var(--sakamichi-nogi-border);
  margin-bottom: 10px;
  padding-bottom: 4px;
}
.nogidoga-content-member-section .member-card:hover {
  border-color: var(--sakamichi-nogi-primary);
}
.nogidoga-content-member-section .member-card--selected {
  background: var(--sakamichi-nogi-primary);
  border-color: var(--sakamichi-nogi-primary);
  color: #fff;
}
.nogidoga-content-member-section .member-card {
  padding: 4px 8px;
  font-size: 12px;
  min-height: 28px;
}
.nogidoga-content-pagination {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
}
.nogidoga-content-load-sentinel {
  width: 100%;
  height: 1px;
}
.nogidoga-content-load-more {
  appearance: none;
  min-width: 180px;
  padding: 10px 18px;
  border: 1px solid rgba(184, 156, 196, 0.55);
  border-radius: 2px;
  background: var(--sakamichi-paper);
  color: #6c4d79;
  font-size: 0.93rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}
.nogidoga-content-load-more:hover {
  border-color: rgba(168, 132, 184, 0.7);
}
.nogidoga-content-load-more:disabled {
  cursor: wait;
  opacity: 0.78;
  transform: none;
  box-shadow: none;
}
.nogidoga-content-loading,
.nogidoga-content-fetch-error {
  margin: 0;
  font-size: 0.84rem;
}
.nogidoga-content-loading {
  color: var(--sakamichi-ink-3);
}
.nogidoga-content-fetch-error {
  color: #b45309;
  text-align: center;
}
@media (max-width: 768px) {
  .nogidoga-content-tag-group {
      flex-direction: column;
      gap: 6px;
    }
  .nogidoga-content-tag-group__heading {
      min-width: 0;
      padding-top: 0;
    }
  .nogidoga-content-tag-group__buttons {
      width: 100%;
    }
  .nogidoga-content-member-section .member-group__title {
      font-size: 13px;
    }
  .nogidoga-content-member-section .member-group__list {
      gap: 6px;
    }
  .nogidoga-content-main-table .song-history-cell--title .nogidoga-content-inline-badge {
      margin-right: 1px;
    }
  .nogidoga-content-main-table .song-history-cell--title .nogidoga-content-inline-text {
      display: inline;
    }
  .saka-universe-nogidoga-content .song-history-cell:not(.song-history-cell--title) {
      font-size: var(--saka-fs-meta);
      display: block;
      width: 100%;
    }
  .saka-universe-nogidoga-content .nogidoga-content-cell--members:not(.song-history-cell--dash) {
      display: block;
    }
  .saka-universe-nogidoga-content .song-history-cell:not(.song-history-cell--title)::before {
      font-size: 0.96em;
    }
  .saka-universe-nogidoga-content .nogidoga-content-cell--members:not(.song-history-cell--dash)::before {
      display: block;
      margin-bottom: 6px;
    }
  .saka-universe-nogidoga-content .nogidoga-content-cell--members .nogidoga-content-member-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      min-width: 0;
    }
  .saka-universe-nogidoga-content .song-history-cell[data-label=""]::before {
      content: none;
    }
  .saka-universe-nogidoga-content .nogidoga-content-cell--remark-empty {
      display: none !important;
    }
  .saka-universe-nogidoga-content .song-history-cell:not(.song-history-cell--title) + .song-history-cell:not(.song-history-cell--title):not(.song-history-cell--dash) {
      margin-left: 0;
      margin-top: 6px;
    }
}
/* モバイルの文字の下限 - 小さいラベルやバッジが em・rem の掛け算で --saka-fs-min を割らないようにする */
@media (max-width: 768px) {
  .nogidoga-content-main-table .song-history-cell--title .nogidoga-content-inline-text {
      font-size: max(1em, var(--saka-fs-min));
    }
}