/* 라의눈 — ChromaGrid 저자 카드 (공용 CSS: index.html · authors.html)
리퀴드 글래스: 상단 헤더와 같은 반투명 + 블러 처리, 라의눈 3색 순환 */
.chroma { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
@media (max-width: 1000px){ .chroma { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px){ .chroma { grid-template-columns: 1fr; } }
.ch-card { position: relative; display: flex; flex-direction: column; border-radius: 0; overflow: hidden;
border: 1px solid var(--card-line); background: var(--card-bg);
backdrop-filter: saturate(140%) blur(12px); -webkit-backdrop-filter: saturate(140%) blur(12px);
color: var(--card-fg); cursor: pointer; min-height: 300px;
transition: border-color .3s ease, transform .3s ease; }
.ch-card:hover { border-color: var(--card-acc); transform: translateY(-4px); }
.ch-top { position: relative; z-index: 1; flex: 1; padding: 24px 24px 18px; display: flex; flex-direction: column; }
.ch-photo { position: relative; width: 100%; aspect-ratio: 4/3; border-radius: 0; overflow: hidden;
background: rgba(0,0,0,0.12); border: 1px solid var(--card-line); }
.ch-photo image-slot { position: absolute; inset: 0; z-index: 1; }
.ch-quote { font-family: var(--font-display, serif); font-size: 15px; font-weight: 500; line-height: 1.7;
color: var(--card-fg); margin: 18px 0 0; word-break: keep-all; }
.ch-quote::before { content: "“"; color: var(--card-acc); }
.ch-quote::after { content: "”"; color: var(--card-acc); }
.ch-info { position: relative; z-index: 1; padding: 16px 24px 20px; border-top: 1px solid var(--card-line);
display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 8px 12px;
/* 페이지 하단 푸터용 `footer { background: ink }` 전역 스타일이 카드 안