@charset "UTF-8";
.saka-member-catalog { --catalog-accent:var(--sakamichi-nogi-chip); --catalog-rgb:var(--sakamichi-nogi-chip-rgb); }
.saka-member-catalog--sakura { --catalog-accent:var(--sakamichi-sakura-chip); --catalog-rgb:var(--sakamichi-sakura-chip-rgb); }
.saka-member-catalog--hinata { --catalog-accent:var(--sakamichi-hinata-chip); --catalog-rgb:var(--sakamichi-hinata-chip-rgb); }
.saka-member-catalog--legacy { --catalog-accent:var(--sakamichi-keyaki-chip); --catalog-rgb:var(--sakamichi-keyaki-chip-rgb); }
.saka-member-catalog__section { margin:24px 0; }
.saka-member-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:12px; }
.saka-member-catalog__section h2 small { font-size:.8rem; font-weight:400; margin-left:8px; }
.saka-member-catalog__grid { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
.saka-member-catalog__card { display:grid; grid-template-columns:46% minmax(0,1fr); align-items:center; min-width:0; overflow:hidden; border:1px solid rgba(var(--catalog-rgb),.22); border-radius:2px; background:linear-gradient(rgba(var(--catalog-rgb),.045),rgba(var(--catalog-rgb),.045)),var(--sakamichi-paper,#fff); }
.saka-member-catalog__body { min-width:0; padding:14px 12px; }
.saka-member-catalog__body h3 { margin:0; padding:0; border:0; background:none; font-size:1.1rem; line-height:1.4; }
.saka-member-catalog__body h3 a { color:inherit; text-decoration:none; }
.saka-member-catalog__body a:hover { text-decoration:underline; }
.saka-member-catalog__body p { margin:0; font-size:.75rem; line-height:1.5; }
.saka-member-catalog__body .saka-member-catalog__reading { font-size:.65rem; color:var(--sakamichi-ink-soft,#64748b); margin-bottom:2px; }
.saka-member-catalog__body .saka-member-catalog__meta { display:flex; flex-wrap:wrap; gap:4px 8px; margin-top:6px; }
.saka-member-catalog__meta span { color:var(--sakamichi-ink-soft,#64748b); }
.saka-member-catalog__meta .saka-member-catalog__origin { color:var(--sakamichi-ink-strong,#263238); font-weight:400; }
.saka-member-catalog__origin-note-link { margin-left:1px; color:#1d4ed8; font-weight:700; text-decoration:none; }
.saka-member-catalog__origin-note-link:hover { text-decoration:underline; }
.saka-member-catalog__body .saka-member-catalog__birthday { display:flex; flex-wrap:wrap; gap:0 8px; margin-top:4px; }
.saka-member-catalog__birthday span { white-space:nowrap; }
.saka-member-catalog__thumb { display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:16/9; background:var(--sakamichi-paper-2,#eef0f4); color:var(--sakamichi-ink-soft,#64748b); overflow:hidden; }
.saka-member-catalog__thumb img { width:100%; height:100%; object-fit:cover; }
@media(min-width:700px) { .saka-member-catalog__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } }
@media(min-width:1100px) { .saka-member-catalog__body { padding:16px; } .saka-member-catalog__body h3 { font-size:1.2rem; } .saka-member-catalog__body p { font-size:.8rem; } }
.saka-member-catalog__filters { display:flex; flex-wrap:wrap; gap:14px 28px; margin:24px 0 16px; }
.saka-member-catalog__filter { display:grid; grid-template-columns:3.2rem max-content; align-items:center; column-gap:12px; }
.saka-member-catalog__filter-label { font-size:.8rem; white-space:nowrap; color:var(--sakamichi-ink-soft,#64748b); }
.saka-member-catalog__options { display:flex; gap:0; padding:3px; border:1px solid var(--sakamichi-hairline-strong,#d8dee8); border-radius:2px; background:var(--sakamichi-paper); }
.saka-member-catalog__option { display:flex; align-items:center; justify-content:center; min-height:32px; padding:0 12px; border-radius:2px; color:var(--sakamichi-ink-2); font-size:.76rem; font-weight:700; line-height:1; white-space:nowrap; text-decoration:none; }
.saka-member-catalog__option[aria-current="true"] { background:rgba(var(--catalog-rgb),.12); color:var(--catalog-accent); }
.saka-member-catalog__option:hover { background:var(--sakamichi-paper-2); color:var(--catalog-accent); text-decoration:none; }
.saka-member-catalog__option:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.saka-member-catalog__placeholder { width:48px; height:48px; fill:currentColor; opacity:.25; }

.saka-member-catalog__meta .saka-member-catalog__generation { padding:1px 6px; background:rgba(var(--catalog-rgb),.1); color:var(--catalog-accent); border-radius:2px; font-weight:600; }

.saka-member-catalog__card--legacy { --catalog-accent:var(--sakamichi-keyaki-chip); --catalog-rgb:var(--sakamichi-keyaki-chip-rgb); }

.saka-member-catalog__image-note { margin:24px 0 0; text-align:right; font-size:.75rem; line-height:1.6; color:var(--sakamichi-ink-soft,#64748b); }
@media(max-width:699px) {
    .saka-member-catalog__image-note { text-align:left; }
    .saka-member-catalog__image-note > span { display:block; }
}

.saka-member-catalog__media { position:relative; min-width:0; }
.saka-member-catalog__video-link:not([hidden]) { position:absolute; right:4px; bottom:4px; display:block; padding:5px 7px; background:rgba(0,0,0,.72); color:#fff; border-radius:2px; font-size:.7rem; line-height:1.5; text-decoration:none; }
.saka-member-catalog__video-link:hover { background:rgba(0,0,0,.88); color:#fff; text-decoration:underline; }
.saka-member-catalog__video-link:focus-visible { outline:2px solid #fff; outline-offset:2px; }