한국인의 최애 단백질 '계란'...생산&소비 트렌드

하림 뉴스룸: 계란 시장 전망 /* [CMS 전용 스타일 리셋 및 스코프 설정] */ .hm-wrapper { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.5; color: #1e293b; box-sizing: border-box; width: 100%; margin: 0 auto; background-color: #ffffff; /* 모바일: 좌우 여백 최소화하여 콘텐츠 공간 확보 */ padding: 20px 16px; } .hm-wrapper *, .hm-wrapper *::before, .hm-wrapper *::after { box-sizing: border-box; } /* 레이아웃 유틸리티 - 모바일 퍼스트 기준 */ .hm-container { width: 100%; max-width: 1200px; /* PC에서 너무 퍼지지 않도록 최대폭 설정 */ margin: 0 auto; } /* 기본(모바일)은 1열로 쌓이게 설정 */ .hm-grid-3 { display: grid; grid-template-columns: 1fr; gap: 24px; } .hm-grid-2 { display: grid; grid-template-columns: 1fr; gap: 32px; } .hm-flex { display: flex; } .hm-flex-col { display: flex; flex-direction: column; } .hm-flex-wrap { display: flex; flex-wrap: wrap; } /* 줄바꿈 허용 클래스 추가 */ .hm-items-center { align-items: center; } .hm-items-start { align-items: flex-start; } .hm-justify-between { justify-content: space-between; } .hm-justify-center { justify-content: center; } /* 간격 및 여백 */ .hm-gap-2 { gap: 8px; } .hm-gap-4 { gap: 16px; } .hm-gap-6 { gap: 24px; } .hm-mb-4 { margin-bottom: 16px; } .hm-mb-6 { margin-bottom: 24px; } .hm-mb-10 { margin-bottom: 40px; } /* PC / 태블릿 (768px 이상) 대응 */ @media (min-width: 768px) { .hm-wrapper { padding: 60px 40px; } /* PC 여백 넉넉하게 */ .hm-grid-3 { grid-template-columns: repeat(3, 1fr); } .hm-grid-2 { grid-template-columns: repeat(2, 1fr); } /* PC 전용 유틸리티 */ .hm-rotate-md-0 { transform: rotate(0deg) !important; } .hm-col-span-2 { grid-column: span 2 / span 2; } .hm-text-4xl-md { font-size: 36px !important; } .hm-pc-row { flex-direction: row !important; } /* PC에서 가로 정렬 강제 */ } /* 타이포그래피 */ .hm-text-xs { font-size: 12px; } .hm-text-sm { font-size: 14px; } .hm-text-base { font-size: 16px; } .hm-text-lg { font-size: 18px; } .hm-text-xl { font-size: 20px; line-height: 1.3; } .hm-text-2xl { font-size: 24px; } .hm-text-3xl { font-size: 28px; } /* 모바일 기본 28px */ .hm-font-bold { font-weight: 700; } .hm-font-black { font-weight: 900; } /* 색상 유틸리티 */ .hm-text-orange-600 { color: #ea580c; } .hm-text-slate-500 { color: #64748b; } .hm-text-slate-900 { color: #0f172a; } .hm-bg-white { background-color: #ffffff; } .hm-bg-slate-900 { background-color: #0f172a; } /* 디자인 요소 */ .hm-rounded-3xl { border-radius: 24px; } .hm-shadow-xl { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } .hm-border { border-width: 1px; border-style: solid; } .hm-border-orange-100 { border-color: #ffedd5; } .hm-egg-shape { border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; } /* 모바일 전용 보정 */ @media (max-width: 767px) { .hm-mobile-stack { flex-direction: column; align-items: flex-start !important; } .hm-mobile-full { width: 100%; } .hm-mobile-mt { margin-top: 8px; } .hm-card-header { flex-direction: column; align-items: flex-start; gap: 12px; } .hm-badges { margin-top: 4px; } } AGRICULTURAL OUTLOOK 2025-2026 한국인의 '최애' 단백질, 계란 보고서 "매일 5,000만 개 생산 시대, 우리 식탁의 계란은 어떻게 변할까요?" 생산 & 소비 트렌드 2025 추정 2026 전망 하루 생산량 2025 Current 4,968만개 2026 Forecast 5,065만개 +2.0% ▲ 1인당 소비량 2025 Current 15.4kg 2026 Forecast 15.7kg +0.3kg ▲ 🐔 사육 마릿수 2025 Current 7,895만수 2026 Forecast 7,879만수 -0.2% ▼ "2026년에는 산란계 생산성 향상으로 사육 마릿수가 소폭 감소함에도 총 생산량은 5,000만 개를 넘어섭니다." 식탁 물가 전망 2025년 (추정) 1,788원 / 10개(산지) +9.3% 상승 2026년 (전망) 1,650 ~ 1,750원 안정화 예상 생산량이 약 2% 증가함에 따라 2025년의 고점 대비 가격은 점진적으로 하락할 것으로 보입니다. 구매 결정적 순간 1. 유통기한 / 산란일자 5.74점 2. 가격 5.72점 3. 포장 단위 5.37점 BEST 최선호 포장 형태 30구 판란 (66.6%) 계란 소비를 늘린 이유 1 요리가 편해서 33.0% 프라이, 간편식 등 활용도 만점 2 건강 관리 23.5% 단백질 섭취 및 다이어트 목적 3 집밥 증가 20.1% 가정 내 식사 빈도 상승의 결과 난각번호 인식 인지도 76.2% 20250930 2 사육환경 의미 인지 55.5% 구매 시 번호 미고려 43.8% *아직은 사육환경보다 신선도와 가격이 핵심입니다. 2027년 이후: 전환의 시기 사육면적 확대 의무화(0.05㎡→0.075㎡) 시행으로 시장의 큰 변화가 예상됩니다. 초기 생산량 감소 우려가 있으나, 스마트 축산과 동물복지 시설 투자를 통해 장기적으로 더욱 건강하고 안정적인 공급망이 구축될 전망입니다. 사육환경 복지 확대 장기 추세 생산성 회복 출처: 한국농촌경제연구원, 2026 농업전망 © 2025-2026 Korea Egg Market Outlook Dashboard 본 대시보드는 분석된 통계치를 바탕으로 시각화되었습니다.

2025 K-김치, 세계 식탁 점령...역대 최대 수출 신기록

/* 하림 뉴스룸 스타일 - WAF Safe Mode (Kimchi Version) */ .hr-newsroom-wrapper { width: 100%; max-width: 1536px; margin: 0 auto; background-color: #ffffff; box-sizing: border-box; padding: 20px 0; font-family: 'Noto Sans KR', sans-serif; } /* 썸네일 컨테이너 */ .hr-image-container { width: 100%; max-width: 1500px; margin: 0 auto; background-color: #f9fafb; border: 1px solid #f1f1f1; border-radius: 24px; padding: 24px; box-sizing: border-box; box-shadow: 0 4px 12px rgba(0,0,0,0.05); transition: transform 0.2s ease; position: relative; } .hr-image-container:hover { transform: translateY(-2px); box-shadow: 0 8px 16px rgba(0,0,0,0.1); } .hr-image-inner-border { width: 100%; display: block; border: 1px dashed #e5e7eb; border-radius: 16px; overflow: hidden; background-color: #ffffff; line-height: 0; cursor: pointer; position: relative; } .hr-content-img { display: block; width: 100%; height: auto; object-fit: cover; border: 0; margin: 0; } /* 호버 오버레이 */ .hr-hover-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; z-index: 10; } .hr-image-container:hover .hr-hover-overlay { opacity: 1; } /* CSS 돋보기 아이콘 */ .hr-icon-zoom { width: 32px; height: 32px; border: 3px solid #ffffff; border-radius: 50%; position: relative; margin-bottom: 12px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); } .hr-icon-zoom::after { content: ''; position: absolute; bottom: -8px; right: -8px; width: 14px; height: 4px; background-color: #ffffff; transform: rotate(45deg); border-radius: 2px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); } .hr-overlay-text { color: #ffffff; font-size: 20px; font-weight: 700; letter-spacing: -0.5px; text-shadow: 0 2px 4px rgba(0,0,0,0.5); } /* 캡션 스타일 */ .hr-caption-text { display: block; width: 100%; max-width: 1500px; margin: 16px auto 0; text-align: center; font-size: 16px; color: #6b7280; font-weight: 400; line-height: 1.5; } /* 캡션 내 링크 스타일 (신규) */ .hr-caption-text a { color: #6b7280; text-decoration: underline; text-underline-offset: 4px; transition: color 0.2s; } .hr-caption-text a:hover { color: #111827; /* 호버 시 진한 색으로 변경 */ } /* 라이트박스 (전체화면) */ .hr-lightbox-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); z-index: 99999; align-items: center; justify-content: center; text-align: center; opacity: 0; transition: opacity 0.3s ease; } .hr-lightbox-overlay:target { display: flex; opacity: 1; } .hr-lightbox-img { max-width: 95%; max-height: 95%; border-radius: 4px; box-shadow: 0 0 20px rgba(0,0,0,0.5); border: 2px solid #fff; } .hr-lightbox-close-area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: zoom-out; } .hr-close-text { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); color: #fff; font-size: 16px; background: rgba(0,0,0,0.5); padding: 8px 16px; border-radius: 20px; pointer-events: none; } @media (max-width: 768px) { .hr-image-container { padding: 12px; border-radius: 16px; } .hr-image-inner-border { border-radius: 12px; } .hr-overlay-text { font-size: 16px; } .hr-caption-text { font-size: 14px; padding: 0 12px; } } 크게보기 출처 : 한국농촌경제연구원, 2026 농업전망 배경을 클릭하면 닫힙니다

2025년 과일, 과채류 소비 지도

🍎 🍊 🍅 🍐 2025 한국 과일, 과채류 소비 지도 "데이터로 읽는 우리 식탁의 변화, 부동의 1위와 신흥 강자들" 분석 기준: 연간 국민 1인당 소비량 (단위: kg) 2025 소비 랭킹 TOP 10 ▲ Increase ▼ Decrease - Same 01 🍊 감귤 11.3 kg › 기상 호조로 생산량 6% 증가 02 🍎 사과 8.7 kg › 고온으로 생산 감소에도 위상 유지 03 🍉 수박 7.4 kg › 여름철 압도적 1위 과채 04 🍅 토마토 7.0 kg › 건강식 트렌드로 배·복숭아 추월 05 🍇 포도 4.5 kg › 샤인머스캣 대중화로 소비 회복 06 🍈 참외 4.2 kg › 높은 당도로 꾸준한 사랑 07 🍑 복숭아 3.5 kg › 유목의 성목화로 생산량 유지 08 🍐 배 3.5 kg › 전년 대비 생산량 10.7% 회복 09 🍓 딸기 3.2 kg › 정식 초기 고온 피해로 감소 10 🟠 단감 1.7 kg - 평년 수준 소비 유지 소비 지도 가이드 감귤과 사과가 여전히 시장의 큰 축을 담당하고 있으나, 토마토와 포도의 성장세가 매섭습니다. 특히 편리함을 중시하는 1인 가구 증가에 따라 과채류의 비중이 확대되는 '소비 지도'의 대대적인 이동이 포착됩니다. 주요 소비 트렌드 왕좌의 수성: 감귤과 사과 감귤은 기상 여건 개선으로 11.3kg을 기록하며 압도적 1위를 유지했고, 사과는 가격 상승에도 '국민 과일'의 저력을 보여주었습니다. 과채류의 거침없는 공세 토마토(7.0kg)는 편의성 덕분에 배와 복숭아를 합친 수준으로 성장했으며, 수박은 여름 시장의 강자 자리를 지켰습니다. 샤인머스캣과 배의 귀환 포도는 가격 안정화로 소비가 회복되었고, 배는 전년도 냉해 피해를 딛고 생산량이 10.7%나 반등하며 회복세를 보였습니다. 겨울 시장 라이벌전 감귤과 딸기가 겨울 시장을 양분하고 있으나, 2025년에는 딸기의 생산 감소로 감귤의 독주가 두드러졌습니다. 과일 경계를 넘는 과채류의 지도 확장 편의성과 건강을 동시에 잡은 토마토는 전통 과일의 입지를 빠르게 대체하고 있습니다. 이제 소비자들의 장바구니 지도는 '맛' 중심에서 '편리함과 기능성' 중심으로 재편되고 있습니다. 7.0kg 토마토 소비 ≈ 7.0kg 복숭아·배 합산 "하나의 품목이 두 개의 거대 품목을 대체하는 시대입니다." 2035 미래 예측 지도 (Projection) 인구 변화 및 기후 위기에 따른 장기 소비 지형도 변화 감귤 Down -7.1% 변동 예상 11.3 2025 Current Red Color #f43f5e) --> 10.5 2035 Target 사과 Down -6.9% 변동 예상 8.7 2025 Current Red Color #f43f5e) --> 8.1 2035 Target 토마토 Growth 8.6% 변동 예상 7.0 2025 Current Green Color #10b981) --> 7.6 2035 Target 배 Down -8.6% 변동 예상 3.5 2025 Current Red Color #f43f5e) --> 3.2 2035 Target 미래 지형 변화 요약 전통 과일 영토 축소: 인구 감소와 고령화로 인해 사과, 배 등 노동력이 많이 필요한 품목의 지배력은 장기적으로 감소할 지형을 보입니다. 과채류의 영토 확장: 스마트팜 기술과 편리한 소비 선호에 힘입어 토마토가 가장 넓은 영토 확장을 이룰 것으로 분석됩니다. "식생활의 변화는 농업의 새로운 지도를 그리는 시작점입니다." 출처: 한국농촌경제연구원, 2026 농업전망 © 2025 KOREA FRUIT & VEGETABLE CONSUMPTION MAP REPORT KREI DATA SOURCE Analysis: AI Insight

2025년 주요 축산 육류 수급 동향

돈차돌, 2XL 계란, 28개월령 소고기...축산물 유통구조 개선안 내용은?

2026 축산물 유통구조 개선 방안 /* 기본 폰트 설정 */ body { font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif; } /* 애니메이션 */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .animate-fade-in-up { animation: fadeInUp 0.8s ease-out forwards; } const { useState } = React; // ---------------------------------------------------------------------- // 1. ICONS (Inline SVG - Rule 12) // ---------------------------------------------------------------------- const Icons = { ShoppingCart: () => ( ), TrendingDown: () => ( ), Monitor: ({ size = 24, className = "" }) => ( ), Utensils: ({ size = 24, className = "" }) => ( ), Zap: ({ size = 24, className = "" }) => ( ), Egg: ({ size = 24, className = "" }) => ( ), CheckCircle: ({ className = "" }) => ( ), ArrowRight: ({ size = 20, className = "" }) => ( ), Info: ({ size = 14, className = "" }) => ( ), ChevronRight: ({ size = 16, className = "" }) => ( ), Smartphone: ({ size = 10, className = "" }) => ( ) }; // ---------------------------------------------------------------------- // 2. DATA (Separation of View & Logic - Rule 10) // ---------------------------------------------------------------------- const CONTENTS_DATA = { meta: { title: ['Korea Livestock', '2026'].join(' '), date: '2026.01.13 발표자료 요약', badge: '정부 핵심 정책 브리핑', mainTitlePrefix: '축산물 유통구조', mainTitleHighlight: '개선 방안', description: [ '"소비자 부담은 확 줄이고, 농가 소득은 실속 있게!"', '우리의 식탁을 바꿀 4가지 핵심 변화를 확인하세요.' ].join('\n') }, sections: [ { id: 'hanwoo', // link: '#', // 실제 URL이 없으므로 제거 또는 # 처리 type: 'comparison', theme: { gradient: 'bg-gradient-to-r from-amber-600 to-amber-700', textLight: 'text-amber-100', bgSoft: 'bg-amber-50', borderSoft: 'border-amber-100', textDark: 'text-amber-700', textMid: 'text-amber-600', iconColor: 'text-amber-500' }, header: { icon: 'Utensils', sub: 'BEEF INNOVATION', title: '한우: 사육은 짧게, 가격은 가볍게' }, content: { old: { label: '기존 (Old)', val: '32개월 사육', desc: '고비용 구조' }, new: { label: '신규 (New)', val: '28개월 사육', desc: '생산비 10% ↓' } }, list: [ { iconColor: 'text-amber-500', bold: "신규 브랜드 '영하누(가칭)' 런칭", text: '단기 비육으로 품질은 유지하되 가격 거품 제거' }, { iconColor: 'text-slate-400', bold: '농협 직접 가공 확대', text: ': 32% → 40% (유통비 추가 절감)' }, { iconColor: 'text-slate-400', bold: '도·소매가격 연동제', text: ': 도매가 하락 시 마트 가격 즉시 반영' } ] }, { id: 'pork', // link: '#', type: 'grid', theme: { gradient: 'bg-gradient-to-r from-rose-500 to-rose-600', textLight: 'text-rose-100', bgSoft: 'bg-rose-50', borderSoft: 'border-rose-200', textDark: 'text-rose-700', textMid: 'text-rose-500', iconColor: 'text-rose-500' }, header: { icon: 'Zap', sub: 'PORK QUALITY', title: "돼지고기: '비계 삼겹살' 퇴출" }, content: { title: '삼겹살 등급/명칭 세분화', items: [ { label: '지방 적정', val: '앞삼겹', highlight: false }, { label: '과지방(비계)', val: '돈차돌', highlight: true }, { label: '지방 적음', val: '뒷삼겹', highlight: false } ], footer: '1+등급 지방 비율: (기존) 22~42% → (범위 조정)' }, list: [ { iconColor: 'text-rose-500', bold: '경매 비율 확대', text: ': 도매가격 대표성 확보 (4.5% → 10% 이상)' }, { iconColor: 'text-slate-400', bold: '생산관리 인증제', text: ': 품종 및 육질이 차별화된 고품질 돼지 육성' } ] }, { id: 'chicken', // link: '#', type: 'visual', theme: { gradient: 'bg-gradient-to-r from-yellow-400 to-yellow-500', textLight: 'text-yellow-50', bgSoft: 'bg-yellow-50', borderSoft: 'border-slate-100', textDark: 'text-yellow-600', textMid: 'text-yellow-500', iconColor: 'text-yellow-500' }, header: { icon: 'Egg', sub: 'STANDARD CHANGE', title: '닭·계란: 국제 표준 규격 도입' }, content: { title: '계란 중량 규격 명칭 변경', old: ['왕란', '특란', '대란', '중란', '소란'], new: '2XL · XL · L · M · S', desc: '* 소비자가 직관적으로 알기 쉬운 영문 표기' }, list: [ { iconColor: 'text-yellow-500', bold: '등급 표시 개선', text: ': 계란 껍데기에 "1+ · 1 · 2등급" 직접 표기 의무화' }, { iconColor: 'text-slate-400', bold: '부분육 가격 조사', text: ': 닭 한 마리 기준 → 가슴살, 다리 등 부위별 조사' }, { iconColor: 'text-green-500', bold: '표준거래계약서 제도화', text: '로 가격 왜곡 방지' } ] }, { id: 'online', // link: '#', type: 'app', theme: { gradient: 'bg-gradient-to-r from-blue-600 to-blue-700', textLight: 'text-blue-100', bgSoft: 'bg-blue-50', borderSoft: 'border-blue-100', textDark: 'text-blue-800', textMid: 'text-blue-600', iconColor: 'text-blue-500' }, header: { icon: 'Monitor', sub: 'DIGITAL PLATFORM', title: '온라인: 스마트한 축산물 쇼핑' }, content: { badge: 'NEW APP', title: '여기고기 (가칭)', subBadge: 'AI 기반', desc: '전국 하나로마트, 정육점, 식당의 실시간 가격 비교부터 할인 행사 푸시 알림까지 한 번에!', features: ['실시간 가격', '위치 기반', '할인 알림'] }, list: [ { iconColor: 'text-blue-500', bold: '온라인 경매 확대', text: ': 원격/부분육 경매소 7개 → 20개소로 확대 (물류비 절감)' }, { iconColor: 'text-slate-400', bold: '계란 온라인 도매 거래소 확대', text: ' (4 → 10개소 이상)' } ] } ], effects: { title: '기대효과 분석', subtitle: '대책 시행 후, 우리 삶은 이렇게 달라집니다.', items: [ { themeColor: 'bg-blue-400', label: 'Consumer Impact', title: '장바구니 물가 안정', desc: '한우 사육기간 단축으로 생산비 10%, 농협 물류 일원화로 유통비 10%가 절감되어 소매가격이 눈에 띄게 내려갑니다.' }, { themeColor: 'bg-emerald-400', label: 'Smart Choice', title: '깜깜이 소비 해소', desc: '삼겹살 지방량 명칭 세분화와 계란 등급/중량 표기 개선으로 소비자가 믿고 선택할 수 있는 환경이 조성됩니다.' }, { themeColor: 'bg-amber-400', label: 'Farmer Income', title: '농가 소득 보장', desc: '온라인 경매와 표준계약서 도입으로 거래 투명성이 높아져 농가의 제값 받기가 실현됩니다.' } ], footer: { source: '자료: 농림축산식품부 축산유통구조 개선 방안 보도자료 (2026.01.13)', tags: ['#축산유통혁신', '#물가안정', '#스마트유통'] } } }; const App = () => { // 클릭 핸들러: 링크가 없을 때 기본 동작 방지 const handleCardClick = (e) => { e.preventDefault(); // 여기에 필요한 경우 알림을 띄우거나 모달을 열 수 있음 // alert('상세 내용은 준비 중입니다.'); }; return ( // Rule 5: max-w-screen-2xl, mx-auto / Rule 7: White Background / Rule 2: No rem (using arbitrary px) {/* 1. Header Area (Replaced with per Rule 3) */} {/* Rule 6: Body text default text-xl(20px) but header usually slightly smaller or specific */} {CONTENTS_DATA.meta.title} {CONTENTS_DATA.meta.date} {/* 2. Title Section */} {CONTENTS_DATA.meta.badge} {/* Rule 6: Title text-5xl(48px) / md:text-6xl(60px) - No h1 */} {CONTENTS_DATA.meta.mainTitlePrefix} {CONTENTS_DATA.meta.mainTitleHighlight} {/* Rule 6: Body text-xl(20px) */} {CONTENTS_DATA.meta.description} {/* 3. Main Content Grid */} {CONTENTS_DATA.sections.map((section) => { const HeaderIcon = Icons[section.header.icon]; return ( // Rule 13: Card/Box Link UX // 수정 사항: target="_blank" 제거 및 href="#" 처리 (오류 방지) {/* Card Header */} {/* Rule 1: No h3/h4, replaced with div role="heading" */} {section.header.sub} {/* Rule 6: Body Subtitle text-2xl (24px) for card titles if needed, keeping 20px here for balance */} {section.header.title} {/* Conditional Rendering based on Type */} {/* TYPE: COMPARISON (Hanwoo) */} {section.type === 'comparison' && ( {section.content.old.label} {section.content.old.val} {section.content.old.desc} {section.content.new.label} {section.content.new.val} {section.content.new.desc} )} {/* TYPE: GRID (Pork) */} {section.type === 'grid' && ( {section.content.title} {section.content.items.map((item, idx) => ( {item.highlight && } {item.label} {item.val} ))} 1+등급 지방 비율: (기존) 22~42% 25~40% )} {/* TYPE: VISUAL (Chicken) */} {section.type === 'visual' && ( L New {section.content.title} {section.content.old.map((t, i) => {t})} {section.content.new} {section.content.desc} )} {/* TYPE: APP (Online) */} {section.type === 'app' && ( {section.content.badge} {section.content.title} {section.content.subBadge} {section.content.desc} {section.content.features.map((f, i) => ( {f} ))} )} {/* Common List */} {section.list.map((item, idx) => ( {item.bold}{item.text} ))} ); })} {/* 4. Expected Effects Section */} {/* Rule 6: Sub/Emphasis text-4xl(36px) / md:text-5xl(48px) - No h2 */} {CONTENTS_DATA.effects.title} {CONTENTS_DATA.effects.subtitle} {CONTENTS_DATA.effects.items.map((effect, idx) => ( {effect.label} {/* Rule 6: Body Subtitle text-2xl(24px) */} {effect.title} {/* Rule 6: Body text-xl(20px) but for dense card descriptions, 14px is better UX. */} {effect.desc} ))} {CONTENTS_DATA.effects.footer.source} {CONTENTS_DATA.effects.footer.tags.map((tag, i) => ( {tag} ))} ); }; const root = ReactDOM.createRoot(document.getElementById('root')); root.render();