/* ═══ 보험플랜온 블로그 — renewed.css 톤 매칭 ═══ */
.blog-wrap{max-width:1080px;margin:0 auto;padding:48px 24px;}
.blog-head{text-align:center;margin-bottom:36px;}
.blog-head .section-eyebrow{color:var(--primary,#0f766e);font-weight:800;font-size:13px;letter-spacing:2px;}
.blog-head h1,.blog-head h2{font-size:30px;margin:8px 0 10px;word-break:keep-all;}
.blog-head p{color:#64748b;font-size:15px;}
.blog-cats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:24px 0 36px;}
.blog-cats a{padding:8px 16px;border-radius:999px;border:1px solid #e2e8f0;font-size:14px;color:#334155;text-decoration:none;background:#fff;}
.blog-cats a.on,.blog-cats a:hover{background:var(--primary,#0f766e);color:#fff;border-color:var(--primary,#0f766e);}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;}
.blog-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:.25s;}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(15,118,110,.12);}
.blog-card .thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#e6f4f3,#f0fdfa);display:flex;align-items:center;justify-content:center;font-size:34px;overflow:hidden;}
.blog-card .thumb img{width:100%;height:100%;object-fit:cover;}
.blog-card .body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1;}
.blog-card .cat{font-size:12.5px;font-weight:700;color:var(--primary,#0f766e);}
.blog-card h3{font-size:17px;line-height:1.45;word-break:keep-all;}
.blog-card p{font-size:13.5px;color:#64748b;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.blog-card .date{font-size:12.5px;color:#94a3b8;margin-top:auto;}
.post-wrap{max-width:760px;margin:0 auto;padding:48px 24px 0;}
.post-cat{font-size:13px;font-weight:800;color:var(--primary,#0f766e);letter-spacing:1px;}
.post-title{font-size:30px;line-height:1.4;margin:10px 0 12px;word-break:keep-all;}
.post-meta{font-size:13.5px;color:#94a3b8;padding-bottom:22px;border-bottom:1px solid #e2e8f0;margin-bottom:30px;}
.post-body{font-size:16px;line-height:1.85;color:#1e293b;word-break:keep-all;}
.post-body h2{font-size:22px;margin:38px 0 14px;padding-left:12px;border-left:4px solid var(--primary,#0f766e);}
.post-body h3{font-size:18px;margin:28px 0 10px;}
.post-body p{margin:0 0 16px;}
.post-body img{max-width:100%;border-radius:10px;margin:10px 0;}
.post-body ul,.post-body ol{margin:0 0 16px 22px;}
.post-body table{width:100%;border-collapse:collapse;font-size:14.5px;margin:14px 0;}
.post-body th{background:#e6f4f3;color:#0f766e;padding:10px;font-size:13.5px;}
.post-body td{padding:10px;border-bottom:1px solid #e2e8f0;}
.post-body blockquote{background:#f8fafc;border-left:3px solid var(--primary,#0f766e);padding:14px 18px;border-radius:0 8px 8px 0;margin:16px 0;color:#475569;}
.post-simui{margin:36px 0 0;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:14px 18px;font-size:12.5px;color:#64748b;line-height:1.7;}
.post-consult{max-width:760px;margin:44px auto 60px;padding:0 24px;}
.post-consult .consult-card{max-width:520px;margin:0 auto;}
.post-related{max-width:1080px;margin:0 auto 60px;padding:0 24px;}
.post-related h2{font-size:20px;margin-bottom:18px;}
.blog-latest{padding:64px 24px;background:#f8fafc;}
.blog-latest-inner{max-width:1080px;margin:0 auto;}
.blog-latest .section-head{text-align:center;margin-bottom:30px;}
.blog-latest .more{display:block;text-align:center;margin-top:26px;}
.blog-latest .more a{display:inline-block;padding:11px 28px;border-radius:999px;border:1.5px solid var(--primary,#0f766e);color:var(--primary,#0f766e);font-weight:700;font-size:14.5px;text-decoration:none;}
.blog-latest .more a:hover{background:var(--primary,#0f766e);color:#fff;}
@media(max-width:640px){.post-title{font-size:24px;}.blog-head h1,.blog-head h2{font-size:24px;}}
/* ═══ v2 추가: 대표이미지·심의블록·출처·광고 ═══ */
.post-hero{margin:0 0 26px;}
.post-hero img{width:100%;border-radius:14px;display:block;}
.post-body .post-summary{background:#f0fdfa;border-left:3px solid var(--primary,#0f766e);}
.post-sources{margin-top:34px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px 20px;}
.post-sources h3{font-size:15px;color:#0f766e;margin:0 0 10px;}
.post-sources ul{margin:0 0 0 18px;font-size:13.5px;color:#475569;line-height:1.7;}
.post-sources .src-path{display:none;} /* 확인 경로는 관리자 증빙 문서 전용 — 공개 화면 숨김 */
.ad-slot{margin:22px 0;text-align:center;}
.simui-wrap{margin:40px 0 0;font-size:13px;line-height:1.7;}
.simui-warn{border:1.5px solid #fda4af;background:#fff1f2;border-radius:10px;padding:16px 20px;}
.simui-warn-title{text-align:center;font-weight:800;color:#be185d;margin-bottom:8px;font-size:13.5px;}
.simui-warn ul{margin:0 0 0 18px;color:#9f1239;}
.simui-no{text-align:center;margin:18px 0;color:#334155;font-size:13.5px;font-weight:600;}
.simui-must{border:1.5px solid #cbd5e1;background:#f8fafc;border-radius:10px;padding:18px 22px;}
.simui-must-title{font-size:18px;font-weight:800;color:#1e293b;border-bottom:2px solid #1e293b;padding-bottom:8px;margin-bottom:12px;}
.simui-must ul{margin:0 0 12px 18px;color:#475569;}
.simui-corp{border-top:1px dashed #cbd5e1;padding-top:10px;font-size:12px;color:#64748b;}
/* v2.2: 심의 블록 하단 여백 (푸터와 간격) */
.simui-wrap{margin-bottom:56px;}
/* v2.3: 본문 이미지 — 대표 이미지와 동일 스타일 */
.post-body figure.body-fig{margin:18px 0;}
.post-body figure.body-fig img{width:100%;height:auto;border-radius:14px;display:block;}
/* ═══ v2.4: 고정 nav(64px) 하단 겹침 보정 — 블로그 전 페이지 ═══ */
.blog-wrap{padding-top:112px;}   /* 목록: nav 64 + 여백 48 */
.post-wrap{padding-top:104px;}   /* 상세: nav 64 + 여백 40 */
.post-wrap[style]{padding-top:0 !important;} /* 심의블록 래퍼(post.php 인라인 padding-top:0)는 예외 유지 */
@media (max-width:768px){
  .blog-wrap{padding-top:96px;}  /* nav 56 + 40 */
  .post-wrap{padding-top:88px;}
}
/* v2.4b: 카테고리 필터 바 — 태그 셀렉터(nav{fixed}) 간섭 방어 */
.blog-cats{position:static !important;top:auto !important;padding:0 !important;backdrop-filter:none !important;background:transparent !important;border:0 !important;z-index:auto !important;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:24px 0 36px;}