@charset "UTF-8";
/* クリエイター名鑑（?view=creator-catalog）。メンバー一覧（sakamichi-member-catalog.css）と同じ作りで、色はサイトの紺 */
.saka-creator-catalog { --catalog-accent:var(--sakamichi-universe-primary); --catalog-rgb:var(--sakamichi-universe-primary-rgb); --creator-music-rgb:150,120,30; --creator-video-rgb:72,74,78; --creator-photo-rgb:118,90,66; }
/* 絞り込み: 名前・種別・グループ・並び順をひとつの枠に。広い画面は2列（名前と種別／グループと並び順）、下に人数と五十音 */
.saka-creator-catalog__filters { display:grid; grid-template-columns:minmax(0,1fr); margin:24px 0 12px; border:1px solid var(--sakamichi-hairline-strong); border-radius:2px; background:var(--sakamichi-paper); }
@media(min-width:900px) { .saka-creator-catalog__filters { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.saka-creator-catalog__filter { display:grid; grid-template-columns:4.2rem minmax(0,1fr); align-items:center; column-gap:10px; min-width:0; padding:7px 12px; border-bottom:1px solid var(--sakamichi-hairline); }
@media(min-width:900px) { .saka-creator-catalog__filter:nth-child(odd) { border-right:1px solid var(--sakamichi-hairline); } }
.saka-creator-catalog__filter-label { font-size:.76rem; font-weight:700; white-space:nowrap; color:var(--sakamichi-ink-3); }
.saka-creator-catalog__options { display:flex; flex-wrap:wrap; gap:2px; }
.saka-creator-catalog__option { display:flex; align-items:center; justify-content:center; min-height:30px; padding:0 10px; border-radius:2px; color:var(--sakamichi-ink-2); font-size:.76rem; font-weight:700; line-height:1; white-space:nowrap; text-decoration:none; }
.saka-creator-catalog__option[aria-current="true"] { background:rgba(var(--catalog-rgb),.12); color:var(--catalog-accent); }
.saka-creator-catalog__option--music[aria-current="true"] { background:rgba(var(--creator-music-rgb),.14); color:rgb(var(--creator-music-rgb)); }
.saka-creator-catalog__option--video[aria-current="true"] { background:rgba(var(--creator-video-rgb),.14); color:rgb(var(--creator-video-rgb)); }
.saka-creator-catalog__option--photo[aria-current="true"] { background:rgba(var(--creator-photo-rgb),.14); color:rgb(var(--creator-photo-rgb)); }
.saka-creator-catalog__option:hover { background:var(--sakamichi-paper-2); color:var(--catalog-accent); text-decoration:none; }
.saka-creator-catalog__option:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.saka-creator-catalog__search input { display:block; width:100%; min-height:30px; padding:0 8px; border:1px solid var(--sakamichi-hairline-strong); border-radius:2px; background:var(--sakamichi-paper); color:var(--sakamichi-ink-strong); font-size:.85rem; }
.saka-creator-catalog__search input:focus { outline:2px solid rgba(var(--catalog-rgb),.35); outline-offset:0; border-color:var(--catalog-accent); }
.saka-creator-catalog__summary { grid-column:1 / -1; display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 16px; margin:0; padding:7px 12px; background:var(--sakamichi-paper-2); color:var(--sakamichi-ink-3); font-size:.85rem; }
.saka-creator-catalog__count { font-weight:700; color:var(--sakamichi-ink-2); }
.saka-creator-catalog__index { display:flex; flex-wrap:wrap; gap:2px 12px; }
.saka-creator-catalog__index a { color:var(--catalog-accent); font-weight:700; text-decoration:none; }
.saka-creator-catalog__index a:hover { text-decoration:underline; }
.saka-creator-catalog__section { margin:20px 0; }
.saka-creator-catalog__section h2 { font-size:1.15rem; border-bottom:2px solid rgba(var(--catalog-rgb),.3); color:var(--catalog-accent); padding-bottom:8px; margin-bottom:10px; scroll-margin-top:72px; }
.saka-creator-catalog__section h2 small { font-size:.8rem; font-weight:400; margin-left:8px; }
.saka-creator-catalog__grid { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; }
@media(min-width:700px) { .saka-creator-catalog__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } }
@media(min-width:1100px) { .saka-creator-catalog__grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
/* カードは種別でほんのり色を変える（音楽・映像・写真。またがる人は左から右へ色が移る） */
.saka-creator-catalog__card { --card-a:var(--catalog-rgb); --card-b:var(--card-a); min-width:0; padding:10px 12px; border:1px solid rgba(var(--card-a),.24); border-left-width:3px; border-radius:2px; background:linear-gradient(90deg,rgba(var(--card-a),.07),rgba(var(--card-b),.07)),var(--sakamichi-paper); }
.saka-creator-catalog__card--music { --card-a:var(--creator-music-rgb); }
.saka-creator-catalog__card--video { --card-a:var(--creator-video-rgb); }
.saka-creator-catalog__card--photo { --card-a:var(--creator-photo-rgb); }
.saka-creator-catalog__card--music-video { --card-a:var(--creator-music-rgb); --card-b:var(--creator-video-rgb); }
.saka-creator-catalog__card--music-photo, .saka-creator-catalog__card--music-video-photo { --card-a:var(--creator-music-rgb); --card-b:var(--creator-photo-rgb); }
.saka-creator-catalog__card--video-photo { --card-a:var(--creator-video-rgb); --card-b:var(--creator-photo-rgb); }
.saka-creator-catalog__card[hidden] { display:none; }
.saka-creator-catalog__card h3 { margin:0; padding:0; border:0; background:none; font-size:1.02rem; line-height:1.4; }
.saka-creator-catalog__card h3 a { color:var(--sakamichi-ink-strong); text-decoration:none; }
.saka-creator-catalog__card a:hover { text-decoration:underline; }
.saka-creator-catalog__card p { margin:0; font-size:.75rem; line-height:1.5; }
.saka-creator-catalog__card .saka-creator-catalog__reading { font-size:.65rem; color:var(--sakamichi-ink-3); }
.saka-creator-catalog__card .saka-creator-catalog__meta { display:flex; flex-wrap:wrap; align-items:center; gap:2px 8px; margin-top:4px; color:var(--sakamichi-ink-2); }
.saka-creator-catalog__kind { padding:1px 6px; background:rgba(var(--catalog-rgb),.1); color:var(--catalog-accent); border-radius:2px; font-weight:600; }
.saka-creator-catalog__kind--music { background:rgba(var(--creator-music-rgb),.13); color:rgb(var(--creator-music-rgb)); }
.saka-creator-catalog__kind--video { background:rgba(var(--creator-video-rgb),.13); color:rgb(var(--creator-video-rgb)); }
.saka-creator-catalog__kind--photo { background:rgba(var(--creator-photo-rgb),.13); color:rgb(var(--creator-photo-rgb)); }
.saka-creator-catalog__card .saka-creator-catalog__works { margin-top:4px; color:var(--sakamichi-ink-3); overflow-wrap:anywhere; }
.saka-creator-catalog__works span[aria-hidden] { margin:0 4px; }
/* 作品名はグループの色を少しだけ混ぜたインク */
.saka-creator-catalog__works { --work-rgb:var(--sakamichi-universe-primary-rgb); }
.saka-creator-catalog__works a { color:color-mix(in srgb, rgb(var(--work-rgb)) 55%, var(--sakamichi-ink-2)); text-decoration:none; }
.saka-creator-catalog__works a:not([class]) { color:var(--sakamichi-ink-2); }
.saka-creator-catalog__work--nogi { --work-rgb:var(--sakamichi-nogi-primary-rgb); }
.saka-creator-catalog__work--keyaki { --work-rgb:var(--sakamichi-keyaki-primary-rgb); }
.saka-creator-catalog__work--sakura { --work-rgb:var(--sakamichi-sakura-primary-rgb); }
.saka-creator-catalog__works a.saka-creator-catalog__work--sakura { color:color-mix(in srgb, var(--sakamichi-sakura-link) 85%, var(--sakamichi-ink-2)); }
.saka-creator-catalog__work--hinata { --work-rgb:var(--sakamichi-hinata-primary-rgb); }
.saka-creator-catalog__work--sp { --work-rgb:var(--sakamichi-sp-primary-rgb); }
.saka-creator-catalog__work--yoshimoto { --work-rgb:var(--sakamichi-yoshimoto-primary-rgb); }
.saka-creator-catalog__more { margin-left:6px; white-space:nowrap; }
@media(max-width:699px) {
  .saka-creator-catalog__filters { margin:16px 0 10px; }
  .saka-creator-catalog__filter { grid-template-columns:3.6rem minmax(0,1fr); padding:6px 10px; }
  .saka-creator-catalog__option { padding:0 9px; }
}