/* C004 uses the same F007 card source and appearance as TOP. */
.c004-intro { margin-block-start: var(--space-lg); color: var(--color-text-neutral-muted); line-height: 1.8; }
.c004-page .c004-voice-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-lg); align-items: stretch; }
.c004-voice-grid .voice-card[hidden], .c004-load-more[hidden] { display: none; }
.c004-load-more .button__icon { transform: rotate(90deg); }
.c004-voice-grid .voice-card:focus-visible { outline: 2px solid var(--color-brand-primary, #008455); outline-offset: 4px; }
.c004-voice-status { margin-block-start: var(--space-md); text-align: center; font-size: var(--font-size-small); color: var(--color-text-neutral-muted); }
.c004-voice-status:empty { display: none; }
.c004-source-note { max-width: 52rem; margin: var(--space-xl) auto 0; color: var(--color-text-neutral-muted); font-size: var(--font-size-small); line-height: 1.8; }
.c004-related { background: var(--color-surface-muted, #f5f7f6); }
.c004-related-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-lg); }
@media (max-width: 1023px) { .c004-page .c004-voice-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .c004-page .c004-voice-grid, .c004-related-links { grid-template-columns: 1fr; } }