/* 기존 스타일 유지 및 추가 */
.post-container {
    max-width: 750px;
    margin: auto;
    background: #fff;
    padding: 40px;
    border-radius: 30px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.06);
}

.example-sentence {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 15px;
    text-align: center;
    font-size: 20px;
    border: 1px solid #eee;
}

.kanji { color: #333; font-weight: bold; }
.hira { color: #7048e8; } /* 히라가나 보라색 포인트 */
.kata { color: #0ca678; } /* 가타카나 초록색 포인트 */

/* 문자별 카드 스타일 */
.char-card {
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 15px;
}
.hira-bg { background-color: #f3f0ff; border-left: 5px solid #7048e8; }
.kata-bg { background-color: #ebfbee; border-left: 5px solid #0ca678; }
.kanji-bg { background-color: #f1f3f5; border-left: 5px solid #495057; }

.char-card h3 { margin-bottom: 8px; font-size: 19px; }
.desc { font-size: 14px; color: #666; margin-top: 5px; }

/* 오십음도 표 스타일 */
.table-wrapper { overflow-x: auto; margin-top: 20px; }
.kana-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 500px;
}
.kana-table th { background: #ff8a3d; color: white; padding: 10px; }
.kana-table td {
    border: 1px solid #eee;
    padding: 12px;
    text-align: center;
    font-size: 15px;
}
.table-tip { font-size: 13px; color: #999; margin-top: 10px; text-align: center; }

/* 요약 박스 */
.summary-tip {
    background: #fff9db;
    padding: 25px;
    border-radius: 20px;
    border: 2px dashed #fab005;
    margin-top: 30px;
}
.summary-tip h4 { color: #f08c00; margin-bottom: 10px; }
.summary-tip ul { list-style: none; }
.summary-tip li { margin-bottom: 8px; font-weight: 500; }