/* 기본 스타일 */
body {
    background-color: #f9f9f9;
    color: #333;
    line-height: 1.6;
    display: flex;
    justify-content: center;
    padding: 50px 20px;
}

.post-container {
    max-width: 700px;
    background: white;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* 헤더 영역 */
.post-header { text-align: center; margin-bottom: 40px; }
.category { color: #ff8a3d; font-weight: bold; font-size: 14px; }
.post-title { font-size: 28px; margin: 15px 0; word-break: keep-all; }
.post-intro { color: #666; font-size: 17px; }

/* 질문/예시 박스 */
.q-box { background: #f1f3f5; padding: 15px 20px; border-radius: 12px; margin-bottom: 15px; }
.example-bad { background: #fff5f5; border-left: 5px solid #ff8787; padding: 15px 20px; border-radius: 0 12px 12px 0; margin: 20px 0; }
.example-bad span { text-decoration: line-through; color: #e03131; }

/* 원인 분석 카드 */
.reason-section h2 { margin-bottom: 20px; font-size: 22px; }
.reason-card { background: #fffbe5; padding: 20px; border-radius: 15px; margin-bottom: 15px; }
.reason-card h3 { font-size: 18px; color: #856404; margin-bottom: 10px; }

/* 표 디자인 */
.summary-table { width: 100%; border-collapse: collapse; margin-top: 20px; }
.summary-table th { background: #ff8a3d; color: white; padding: 12px; }
.summary-table td { border-bottom: 1px solid #eee; padding: 15px; text-align: center; }
.correct { font-weight: bold; color: #2f9e44; }
.correct span { color: #e03131; border-bottom: 2px solid #e03131; }

/* 하단 팁 */
.tip-box { background: #e7f5ff; padding: 25px; border-radius: 15px; border: 1px dashed #339af0; }
.tip-box h4 { color: #1864ab; margin-bottom: 10px; }
.tip-box ul { padding-left: 20px; margin-top: 10px; }