.mark-cards { display: grid; gap: 24px; margin: 28px 0; }
.mark-card { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 24px; padding: 24px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.mark-card figure { margin: 0; align-self: start; }
.mark-card figure img { display: block; width: 100%; height: 160px; object-fit: contain; }
.mark-card figcaption, .prose .mark-source { margin-top: 12px; font-size: 13px; color: var(--muted); line-height: 1.7; }
.prose .mark-card h3 { margin: 0 0 16px; font-size: 21px; line-height: 1.8; }
.mark-card rt { font-size: 11px; }
.prose .mark-card p { margin: 12px 0 0; }
.prose .mark-shape { color: var(--primary-dark); font-weight: 600; }
.prose .mark-point { padding: 14px 16px; background: var(--bg-soft); border-radius: 10px; font-size: 16px; }
.mark-point strong { display: block; margin-bottom: 4px; }
.mark-review-choices { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 20px 0; }
.mark-review-choices figure { margin: 0; padding: 10px; border: 1px solid var(--line); border-radius: 12px; text-align: center; background: white; }
.mark-review-choices span { display: block; font-weight: 700; margin-bottom: 12px; }
.mark-review-choices img { display: block; width: 100%; height: 110px; object-fit: contain; }
.mark-review-single { max-width: 360px; margin: 18px auto; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: white; }
.mark-review-single img { display: block; width: 100%; height: 180px; object-fit: contain; }
.marks-review summary { min-height: 44px; align-content: center; }
@media(max-width:600px) {
  .mark-card { grid-template-columns: 1fr; gap: 20px; padding: 20px; }
  .mark-card figure { width: 180px; margin-inline: auto; text-align: center; }
  .mark-card figure img { height: 140px; }
  .mark-review-choices { grid-template-columns: repeat(2,minmax(0,1fr)); }
}