/* 撮影会レポート (shoot-reports.php / shoot-report.php), on top of guide.css */
.sr-lead { color: #555; line-height: 1.9; margin: 12px 0 0; }
.sr-photos { display: grid; gap: 8px; margin: 20px 0 6px; }
.sr-photos.sr-n2 { grid-template-columns: 1fr 1fr; }
.sr-photos.sr-n3 { grid-template-columns: 1fr 1fr; }
.sr-photos.sr-n3 img:first-child { grid-column: 1 / -1; }
.sr-photos img { width: 100%; height: auto; border-radius: 10px; display: block; object-fit: cover; background: #f2f2f2; }
.sr-caption { font-size: 12px; color: #888; margin: 0 0 18px; }
.sr-comment { font-size: 18px; font-weight: 700; line-height: 1.7; margin: 8px 0 20px; }
.sr-facts { display: grid; grid-template-columns: auto 1fr; gap: 6px 16px; margin: 0 0 16px; }
.sr-facts dt { color: #888; font-size: 13px; }
.sr-facts dd { margin: 0; font-weight: 700; }
.sr-list { list-style: none; padding: 0; margin: 24px 0; display: grid; gap: 14px; }
.sr-list a { display: grid; grid-template-columns: 96px 1fr; gap: 14px; align-items: center; color: inherit; text-decoration: none; border: 1px solid #e6e6e6; border-radius: 12px; padding: 10px; }
.sr-list img { width: 96px; height: 128px; object-fit: cover; border-radius: 8px; }
.sr-list div { display: grid; gap: 4px; }
.sr-list b { font-size: 16px; }
.sr-date, .sr-c { font-size: 13px; color: #777; }
.sr-next { margin: 28px 0; padding: 18px; background: #f6f6f6; border-radius: 12px; }
.sr-next h2 { margin: 0 0 10px; font-size: 18px; }
.sr-next ul { list-style: none; padding: 0; margin: 0 0 8px; display: grid; gap: 8px; }
.sr-next li { display: grid; gap: 2px; }
.sr-next li span { color: #555; font-size: 14px; }