/* N6360-R4112-B0892_style.css */
@charset "utf-8";

/* 기본 스타일 초기화 */
.tks-container * {
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    font-family: 'Noto Sans KR', sans-serif !important;
}

/* 컨테이너 스타일 */
.tks-container {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 20px !important;
    background-color: #fffbf5 !important;
    color: #333 !important;
}

/* 섹션 스타일 */
.tks-section {
    margin-bottom: 50px !important;
    width: 100% !important;
    background-color: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    padding: 30px !important;
    border: 1px solid #f0e6d2 !important;
}

/* 제목 스타일 */
.tks-story-heading {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #3d2a16 !important;
    margin-bottom: 25px !important;
    padding: 10px 0 !important;
    border-bottom: 2px solid #a67c52 !important;
    font-family: 'Noto Serif KR', serif !important;
    position: relative !important;
}

.tks-story-heading:after {
    content: "" !important;
    position: absolute !important;
    bottom: -2px !important;
    left: 0 !important;
    width: 80px !important;
    height: 2px !important;
    background-color: #8b4513 !important;
}

/* 소제목 스타일 */
.tks-sub-heading {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #3d2a16 !important;
    margin: 25px 0 15px !important;
    font-family: 'Noto Serif KR', serif !important;
    display: flex !important;
    align-items: center !important;
}

.tks-sub-heading:before {
    content: "•" !important;
    color: #8b4513 !important;
    margin-right: 10px !important;
    font-size: 24px !important;
}

/* 본문 텍스트 스타일 */
.tks-story-text {
    font-size: 18px !important;
    line-height: 1.7 !important;
    color: #3d2a16 !important;
    margin-bottom: 15px !important;
}

/* 강조 텍스트 스타일 */
.tks-emphasis {
    color: #8b4513 !important;
    font-weight: 600 !important;
}

/* 이미지 컨테이너 스타일 */
.tks-image-container {
    width: 100% !important;
    margin: 30px 0 !important;
    text-align: center !important;
}

/* 이미지 스타일 */
.tks-image {
    width: 100% !important;
    max-width: 600px !important;
    height: auto !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

/* 특징 목록 스타일 */
.tks-feature-list {
    margin: 20px 0 !important;
    list-style-type: none !important;
}

.tks-feature-item {
    position: relative !important;
    padding-left: 28px !important;
    margin-bottom: 15px !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    color: #3d2a16 !important;
}

.tks-feature-item:before {
    content: "✓" !important;
    position: absolute !important;
    left: 0 !important;
    color: #8b4513 !important;
    font-weight: bold !important;
}

/* 정보 카드 스타일 */
.tks-info-card {
    background-color: #f8f4eb !important;
    border-radius: 10px !important;
    padding: 20px !important;
    margin: 20px 0 !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08) !important;
    border-left: 4px solid #a67c52 !important;
}

.tks-info-card-title {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #3d2a16 !important;
    margin-bottom: 15px !important;
    border-bottom: 1px solid #e8dac0 !important;
    padding-bottom: 10px !important;
}

.tks-info-card-content {
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #3d2a16 !important;
}

/* 테이블 스타일 */
.tks-table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 20px 0 !important;
}

.tks-table th, .tks-table td {
    border: 1px solid #e8dac0 !important;
    padding: 12px 15px !important;
    text-align: left !important;
}

.tks-table th {
    background-color: #f0e6d2 !important;
    color: #3d2a16 !important;
    font-weight: 600 !important;
}

.tks-table tr:nth-child(even) {
    background-color: #f9f6f0 !important;
}

/* 아이콘 텍스트 스타일 */
.tks-icon-text {
    display: flex !important;
    align-items: center !important;
    margin: 12px 0 !important;
    font-size: 16px !important;
    color: #3d2a16 !important;
    line-height: 1.5 !important;
}

.tks-icon-text:before {
    content: '🍲' !important;
    margin-right: 12px !important;
    font-size: 20px !important;
}

/* 레시피 카드 스타일 */
.tks-recipe-card {
    background-color: #ffffff !important;
    border-radius: 10px !important;
    padding: 20px !important;
    margin: 25px 0 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid #e8dac0 !important;
}

.tks-recipe-title {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #3d2a16 !important;
    margin-bottom: 15px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px dashed #e8dac0 !important;
}

.tks-recipe-ingredients {
    margin-bottom: 15px !important;
    padding: 12px !important;
    background-color: #f8f4eb !important;
    border-radius: 5px !important;
    font-size: 16px !important;
    color: #3d2a16 !important;
    line-height: 1.5 !important;
}

.tks-recipe-steps {
    list-style-type: none !important;
    margin-left: 10px !important;
}

.tks-recipe-step {
    position: relative !important;
    padding-left: 25px !important;
    margin-bottom: 12px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    color: #3d2a16 !important;
}

.tks-recipe-step:before {
    content: "▶" !important;
    position: absolute !important;
    left: 0 !important;
    color: #8b4513 !important;
    font-size: 12px !important;
}

/* 이미지 그리드 스타일 */
.tks-image-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    margin: 30px 0 !important;
}

.tks-image-grid-item {
    flex: 1 !important;
    min-width: 280px !important;
    background-color: #ffffff !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid #e8dac0 !important;
}

.tks-image-grid-item img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

.tks-image-grid-content {
    padding: 15px !important;
}

.tks-image-grid-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #3d2a16 !important;
    margin-bottom: 8px !important;
}

.tks-image-grid-desc {
    font-size: 14px !important;
    color: #5a4a36 !important;
    line-height: 1.5 !important;
}

/* 푸터 스타일 */
.tks-footer {
    margin-top: 50px !important;
    padding: 20px !important;
    background-color: #f8f4eb !important;
    border-radius: 10px !important;
    text-align: center !important;
    border-top: 1px solid #e8dac0 !important;
}

.tks-footer-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #3d2a16 !important;
    margin-bottom: 10px !important;
}

.tks-footer-text {
    font-size: 14px !important;
    color: #5a4a36 !important;
    line-height: 1.5 !important;
}

/* 반응형 스타일 */
@media screen and (max-width: 768px) {
    .tks-container {
        padding: 15px !important;
    }
    
    .tks-section {
        padding: 20px !important;
    }
    
    .tks-story-heading {
        font-size: 22px !important;
    }
    
    .tks-sub-heading {
        font-size: 18px !important;
    }
    
    .tks-story-text {
        font-size: 16px !important;
    }
    
    .tks-feature-item {
        font-size: 16px !important;
    }
    
    .tks-info-card-title {
        font-size: 18px !important;
    }
    
    .tks-info-card-content {
        font-size: 14px !important;
    }
}

@media screen and (max-width: 480px) {
    .tks-container {
        padding: 10px !important;
    }
    
    .tks-section {
        padding: 15px !important;
    }
    
    .tks-story-heading {
        font-size: 20px !important;
    }
    
    .tks-sub-heading {
        font-size: 16px !important;
    }
    
    .tks-story-text {
        font-size: 14px !important;
    }
    
    .tks-feature-item {
        font-size: 14px !important;
    }
    
    .tks-recipe-ingredients,
    .tks-recipe-step {
        font-size: 14px !important;
    }
}