/* 페이스튜디오 모바일 — 인사이트 (정사각 썸네일 + 타이틀, 작성일 제외) */
.pm-insight { padding: 16px; }
.pm-page-title { font-size: 20px; font-weight: 700; margin-bottom: 16px; }

/* 리스트형 — 정사각 썸네일(좌) + 타이틀(우), 흰 카드 배경 */
.pm-il { display: flex; flex-direction: column; gap: 11px; }
.pm-il-card {
    display: flex;
    align-items: center;
    gap: 13px;
    background: var(--pm-card);
    border-radius: 14px;
    padding: 11px;
    box-shadow: 0 2px 10px rgba(31, 41, 51, .05);
    transition: transform .1s;
}
.pm-il-card:active { transform: scale(.99); }
.pm-il-thumb {
    width: 82px;
    height: 82px;
    border-radius: 11px;
    overflow: hidden;
    background: var(--pm-soft);
    flex: none;
}
.pm-il-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pm-il-thumb__empty {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--pm-muted);
    font-size: 26px;
}
.pm-il-title {
    flex: 1;
    min-width: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.45;
    color: var(--pm-text);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.pm-il-arrow { color: var(--pm-muted); font-size: 20px; flex: none; }

/* 빈 상태 */
.pm-empty-box { display: flex; flex-direction: column; align-items: center; gap: 11px; padding: 60px 24px; color: var(--pm-muted); }
.pm-empty-box__ic {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--pm-soft);
    color: var(--pm-green);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}
.pm-empty-box p { font-size: 14px; }

/* 상세 (본문 = 에디터 HTML, 카드 배경) */
.pm-id { padding: 16px; }
.pm-id__title { font-size: 21px; font-weight: 700; line-height: 1.35; margin-bottom: 14px; }
.pm-id__thumb { width: 100%; border-radius: 14px; margin-bottom: 14px; display: block; }
.pm-id__content {
    background: var(--pm-card);
    border-radius: 16px;
    padding: 20px 18px;
    box-shadow: 0 2px 10px rgba(31, 41, 51, .05);
    font-size: 15px;
    line-height: 1.7;
    color: var(--pm-text);
    word-break: break-word;
}
.pm-id__content img { max-width: 100%; height: auto; border-radius: 10px; margin: 10px 0; }
.pm-id__content p { margin-bottom: 13px; }
.pm-id__content h1, .pm-id__content h2, .pm-id__content h3 { font-weight: 700; margin: 18px 0 10px; line-height: 1.4; }
.pm-id__content ul, .pm-id__content ol { margin: 0 0 13px 20px; }
.pm-id__content a { color: var(--pm-green); text-decoration: underline; }