/* modoo 칼럼 — scripts/build_blog.py 가 만드는 column/*.html 과 치과상식 목록의 최신 글 영역 */
.blog-visual .title .blog-visual__title{padding-top:16px;font-size:36px;font-weight:700;letter-spacing:-0.6px;color:#FFF;line-height:1.3}
.blog-crumb{background:var(--paper);font-size:13.5px;color:var(--gray);padding:18px 0 0}
.blog-crumb .inbox{max-width:860px}.blog-crumb a{color:var(--gray)}.blog-crumb span{color:var(--ink)}
.blog-head{padding-top:28px}
.hub-intro h1.blog-title{font-size:34px;line-height:1.35;color:var(--ink);margin:6px 0 14px;word-break:keep-all}
.blog-meta{font-size:14px!important;color:var(--gray)}
.blog-answer{margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--action);border-radius:8px}
.blog-answer strong{display:block;font-size:14px;color:var(--action);margin-bottom:6px}
.blog-answer p{font-size:16.5px!important;line-height:1.75!important;color:var(--ink)!important;margin:0}
.blog-body .inbox,.blog-faq .inbox,.blog-author .inbox,.blog-related .inbox,.blog-cta .inbox{max-width:860px!important}
.blog-body{word-break:keep-all}
.blog-body h2{font-size:26px;line-height:1.4;color:var(--ink);margin:44px 0 14px}
.blog-body h2:first-child{margin-top:0}
.blog-body h3{font-size:19px;line-height:1.5;color:var(--ink);margin:28px 0 10px}
.blog-body p{font-size:16.5px;line-height:1.85;color:#333;margin-bottom:16px}
.blog-body ul,.blog-body ol{margin:0 0 18px 1.3em;font-size:16.5px;line-height:1.8;color:#333}
.blog-body ul>li{list-style:disc}.blog-body ol>li{list-style:decimal}
.blog-body li{margin-bottom:6px}
.blog-body strong{color:var(--ink)}
.blog-body a{color:var(--action);text-decoration:underline}
.blog-body blockquote{margin:20px 0;padding:14px 20px;background:var(--paper);border-left:3px solid var(--brand);color:#444}
.blog-body table{width:100%;border-collapse:collapse;margin:8px 0 20px;font-size:15px}
.blog-body th,.blog-body td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;line-height:1.6}
.blog-body th{background:var(--paper);color:var(--ink);font-weight:700}
.blog-body img{max-width:100%;height:auto;border-radius:8px;margin:8px 0}
.blog-outro{padding-top:0}
.blog-author p{font-size:15.5px;line-height:1.8;color:#444}
.blog-cta{background:var(--paper);text-align:center}
.blog-cta h2{font-size:26px}.blog-cta .brand-hero__actions{justify-content:center;margin:18px 0 10px}
.blog-cta__addr{font-size:14px!important;color:var(--gray)!important}
.blog-related ul{margin:6px 0 14px}.blog-related li{border-top:1px solid var(--line)}.blog-related li:last-child{border-bottom:1px solid var(--line)}
.blog-related li a{display:block;padding:14px 0;font-size:16px;color:var(--ink)}
.blog-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.blog-card{display:block;padding:24px;background:#fff;border:1px solid var(--line);border-radius:10px;transition:border-color .2s}
.blog-card:hover{border-color:var(--action)}
.blog-card__date{font-size:13px;color:var(--gray)}
.blog-card h2{font-size:20px!important;line-height:1.45;color:var(--ink);margin:8px 0 10px!important;word-break:keep-all}
.blog-card p{font-size:15px!important;line-height:1.7;color:#555;margin:0!important}
.blog-latest{max-width:1100px;margin:0 auto 40px;padding:24px 28px;border:1px solid var(--line);border-radius:10px;background:#fff}
.blog-latest h2{font-size:20px;color:var(--ink);margin-bottom:10px}
.blog-latest li{border-top:1px solid var(--line)}.blog-latest li a{display:block;padding:12px 0;font-size:16px;color:var(--ink)}
.blog-latest__date{display:inline-block;min-width:96px;font-size:13px;color:var(--gray)}
.blog-latest p{margin-top:10px;font-size:14px}.blog-latest p a{color:var(--action)}
@media (max-width:768px){
 .blog-visual .title .blog-visual__title{font-size:26px}
 .hub-intro h1.blog-title{font-size:25px}
 .blog-body h2{font-size:22px;margin-top:36px}
 .blog-body p,.blog-body ul,.blog-body ol{font-size:16px}
 .blog-list{grid-template-columns:1fr}
 .blog-latest{margin:0 16px 28px;padding:18px}
 .blog-body table{display:block;overflow-x:auto}
}