/* 에덴치과 건강정보: 목록(/health/) + 글 페이지(/health/<글>/). 메인 카드는 기존 .blog-post-list 모양을 그대로 쓴다 */
.health-body{background:var(--paper)}
.health-page{padding:44px 0 140px}
.health-page .container{width:min(1080px,100% - 96px);margin-inline:auto}
.health-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--muted)}
.health-crumbs a:hover{color:var(--orange-ink)}

/* 목록 */
.health-list-head{padding:26px 0 34px;margin-bottom:34px;border-bottom:1px solid var(--line)}
.health-list-head h1,.health-article h1{margin:10px 0 14px;font-size:clamp(28px,3.2vw,42px);line-height:1.4;letter-spacing:-.04em;font-weight:600;color:var(--ink)}
.health-list-head p{font-size:17px;line-height:1.8;color:var(--muted)}
.health-filter{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.health-filter button{padding:9px 18px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:14.5px;font-weight:600;color:var(--ink);cursor:pointer}
.health-filter button[aria-pressed="true"]{background:var(--orange);border-color:var(--orange);color:#fff}
.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.health-card{display:flex;flex-direction:column;height:100%;padding:26px 24px 22px;background:#fff;border:1px solid var(--line);transition:border-color .2s,transform .2s}
.health-card:hover{border-color:var(--orange);transform:translateY(-3px)}
.health-card[hidden]{display:none}
.health-card-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.health-card-meta span{color:var(--orange-ink);font-weight:700}
.health-card h3{margin:14px 0 10px;font-size:19px;line-height:1.5;letter-spacing:-.03em;font-weight:600;color:var(--ink)}
.health-card p{margin:0 0 18px;font-size:15px;line-height:1.75;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.health-card .health-read{margin-top:auto;font-size:14.5px;font-weight:600;color:var(--orange-ink)}
.health-empty{padding:40px 0;color:var(--muted)}
.health-blog-link{margin-top:34px;font-size:15px;color:var(--muted)}
.health-blog-link a{color:var(--orange-ink);font-weight:600;text-decoration:underline}

/* 글 */
.health-article{max-width:780px;margin:0 auto}
.health-article .tag{display:inline-block;margin-top:26px;padding:5px 14px;border:1px solid #edb08b;color:var(--orange-ink);font-size:14px;font-weight:600}
.health-article .source-date{font-size:14px;color:var(--muted);line-height:1.7;padding-bottom:22px;border-bottom:1px solid var(--line)}
.health-article .answer{margin:28px 0 8px;padding:22px 26px;background:#fff4ea;border-left:4px solid var(--orange);font-size:17px;line-height:1.85}
.health-article .answer strong{display:block;margin-bottom:6px;color:var(--orange-ink);font-size:15px}
.health-article h2{margin:46px 0 14px;font-size:clamp(21px,2vw,25px);line-height:1.45;letter-spacing:-.03em;font-weight:600;color:var(--ink)}
.health-article p{margin:0 0 14px;font-size:17px;line-height:1.9;color:#3b3c38}
.health-article ul{margin:0 0 14px;padding-left:4px;list-style:none;display:grid;gap:8px}
.health-article li{position:relative;padding-left:18px;font-size:16.5px;line-height:1.8;color:#3b3c38}
.health-article li::before{content:"";position:absolute;left:2px;top:.8em;width:6px;height:6px;border-radius:50%;background:var(--orange)}
.health-article li a{color:var(--orange-ink);word-break:break-all;text-decoration:underline}
.health-notice{margin-top:40px;padding:18px 22px;background:var(--cream);font-size:14px!important;color:var(--muted)!important;line-height:1.75!important}
.health-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.health-cta a{padding:13px 24px;border:1px solid var(--line);background:#fff;font-weight:600;font-size:15px}
.health-cta a.primary{background:var(--orange);border-color:var(--orange);color:#fff}

@media (max-width:1000px){.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){
  .health-grid{grid-template-columns:1fr}
  .health-page{padding:24px 0 110px}
  .health-page .container{width:calc(100% - 40px)}
  .health-article p{font-size:16px}
}