/* 隙間と上下パディングを共通値より詰める */
#main .composer-list { gap:5px; }
#main .composer-card { padding:6px 14px; }
/* 曲数が多い作曲家ほど横長に */
#main .composer-card.cc-w2 { grid-column:span 2; }
#main .composer-card.cc-w3 { grid-column:1 / -1; }
/* 曲は1曲=1行。曲名（左）＋リリース日（右）。
   既定は1列（1曲のみのカード用）。全幅カード(cc-w3)はPCで2列に。 */
#main .cc-songs { display:grid; grid-template-columns:1fr; gap:6px; }
#main .composer-card.cc-w3 .cc-songs { grid-template-columns:repeat(2,minmax(0,1fr)); }
/* 共通チップ(.card-chip)をピンクの「曲名＋日付」行に上書き */
#main .cc-song {
    display:flex; align-items:baseline; justify-content:space-between; gap:8px;
    white-space:normal;
    background:#f6f8f7; border-color:#e2e8e4;
    padding:1.5px 10px;
}
#main .cc-song:hover { background:#eef3f0; border-color:#cfe0d6; }
#main .cc-song-title { min-width:0; word-break:break-word; }
#main .cc-song-date { flex-shrink:0; color:#6b7280; font-size:0.92em; white-space:nowrap; }
/* 表題曲（シングルA面）は緑系で強調 */
#main .cc-song--aside { background:#a8e7bf; border-color:#82d4a3; }
#main .cc-song--aside .cc-song-title { color:#000; }
#main .ch-legend { margin:6px 0 0; font-size:0.85em; color:#6b7280; }
#main .ch-legend .ch-legend-aside {
    display:inline-block; width:0.9em; height:0.9em; vertical-align:-1px;
    background:#a8e7bf; border:1px solid #82d4a3; border-radius:3px; margin-right:3px;
}
/* 狭い画面：ワイド指定を解除して1列に＋曲も1曲1行（1列）に。
   ピンクの曲ピル同士の縦間隔も詰める。境界はタブレット標準の980pxに統一。 */
@media (max-width: 980px) {
    #main .composer-card.cc-w2,
    #main .composer-card.cc-w3 { grid-column:auto; }
    #main .composer-card.cc-w3 .cc-songs { grid-template-columns:1fr; }
    #main .cc-songs { gap:3px; }
}