/* MEGASHINE case: color-planning comparison extension. */
.color-study-layout{display:grid;gap:38px}
.color-study-copy .prose{max-width:820px}
.color-study-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.color-study-card{min-width:0;margin:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-card);background:#fff;box-shadow:var(--shadow-card)}
.color-study-card--selected{border-color:rgba(123,196,226,.95);box-shadow:0 18px 42px rgba(7,43,73,.16)}
.color-study-card img{display:block;width:100%;height:auto;aspect-ratio:1754/1241;object-fit:cover;background:#fff}
.color-study-card figcaption{display:flex;min-height:78px;flex-direction:column;justify-content:center;gap:5px;padding:14px 16px;border-top:1px solid var(--color-border);color:var(--color-muted);font-size:.76rem;line-height:1.5}
.color-study-card figcaption strong{color:var(--color-primary);font-family:var(--font-latin);font-size:.78rem;letter-spacing:.02em}
.color-study-card figcaption span{display:block}
.color-study-selected-label{color:var(--color-accent);font-family:var(--font-latin);font-size:.7rem;font-weight:800;letter-spacing:.08em}
@media(max-width:767px){
  .color-study-layout{gap:28px}
  .color-study-grid{grid-template-columns:1fr;gap:16px}
  .color-study-card figcaption{min-height:0;padding:12px 14px}
}