/* 접근 제한 — 잠금 화면 · 미리보기 안내 · 잠긴 목록 표시 (설계 2026-11-08 §7). 색상은 토큰만 */
.access-lock { max-width: 560px; margin: 48px auto 72px; padding: 40px 28px; text-align: center; border: 1px solid var(--c-border); border-radius: var(--radius-lg); background: var(--c-surface); }
.access-lock__icon { display: inline-grid; place-items: center; width: 72px; height: 72px; border-radius: 50%; color: var(--c-accent); background: color-mix(in srgb, var(--c-accent) 14%, transparent); margin-bottom: 18px; }
.access-lock__icon svg { width: 34px; height: 34px; }
.access-lock h1, .access-lock h2 { margin: 0 0 10px; font-size: 24px; font-weight: 800; color: var(--c-text); }
.access-lock p { margin: 0 0 24px; color: var(--c-text-muted); line-height: 1.6; }
.access-lock__actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.access-lock--inline { margin: 0; max-width: none; }

/* 미리보기: 공개 요약 + 흐림 + 안내 */
.access-preview { position: relative; padding: 22px 0 0; }
.access-preview__text { margin: 0; font-size: 16px; line-height: 1.75; color: var(--c-text); }
.access-preview__fade { height: 96px; margin-top: -96px; position: relative; background: linear-gradient(to bottom, transparent, var(--c-surface)); pointer-events: none; }
.access-preview .access-lock { margin: 8px 0 20px; }

/* 잠긴 목록 행 */
.cm-lock { display: inline-grid; place-items: center; color: var(--c-text-muted); flex: none; }
.cm .cm-lock svg { width: 14px; height: 14px; }
.cm-row.is-locked .cm-row__link, .cm-card.is-locked .cm-card__title a { color: var(--c-text-muted); }