/* 슬림리 서브페이지 테마 v2 (2026-11-10) — 메인(미색·잉크·파스텔·세리프)과 맞춤. 각 페이지 인라인 스타일 뒤에 불러와 덮어씀 */
:root{
  --accent:#E9876B; --accent-2:#F8CDB8; --accent-deep:#1E1B18;
  --ink:#1E1B18; --muted:#7C736B; --faint:#9A9088; --line:#E7DED3;
  --bg:#F6F1E9; --surface:#FFFDF9; --tint:#FBEDE4;
  --shadow:0 10px 30px rgba(60,45,30,.08);
  --serif:"Noto Serif KR","Fraunces",Georgia,serif; --latin:"Fraunces",Georgia,serif;
}
body{background:var(--bg);color:var(--ink);font-family:Pretendard,"Pretendard Variable",-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif}
p,ul li{color:#3B342F}
strong{color:var(--ink);background:linear-gradient(transparent 62%,rgba(248,205,184,.55) 62%)}

/* 상단 바 */
.topbar{background:rgba(246,241,233,.88);border-bottom:1px solid rgba(30,27,24,.06)}
.brand.brand-v2{gap:0;font-family:var(--latin);font-weight:600;font-size:24px;letter-spacing:-.02em;min-height:48px}
.brand.brand-v2 i{font-style:normal;color:var(--accent)}
.topcta{background:var(--ink);color:#fff;box-shadow:none;font-weight:700;padding:0 18px}
.topcta:hover{background:#3a332d}

/* 제목·라벨 */
.eyebrow,.head .eyebrow{color:var(--ink);background:var(--surface);border:1px solid var(--line);font-weight:700}
.eyebrow::before,.head .eyebrow::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:7px;vertical-align:2px}
h1,.head h1{font-family:var(--serif);font-weight:500;letter-spacing:-.03em}
article h2,.faq h2{font-family:var(--serif);font-weight:700}
h2 .num{color:var(--accent);font-family:var(--latin);font-weight:600}

/* 본문 요소 */
.lead{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);color:#3B342F;padding:18px 20px;border-radius:12px}
ul li::before{background:var(--accent)}
.callout{background:var(--tint);border:1px solid #F3DCCF}
.callout .t,.type .h{color:var(--ink)}
.fig svg,.type,.tablewrap{border-color:var(--line)}
.inlink{background:var(--tint)}
.inlink a,.backlink a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
summary::after{color:var(--accent)}

/* 체질 테스트 배너 (메인 히어로 파스텔과 같은 톤) */
.cta{background:linear-gradient(115deg,#F7C3AE 0%,#F2D6E4 52%,#C9E8DB 100%);color:var(--ink);box-shadow:none;border:1px solid rgba(255,255,255,.6)}
.cta h3{color:var(--ink);font-family:var(--serif);font-weight:700}
.cta h3 span{color:var(--ink);background:linear-gradient(transparent 62%,rgba(255,255,255,.75) 62%)}
.cta p,.cta .sub{color:#4A433D}
.cta a{background:var(--ink);color:#fff;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;min-height:52px}
.cta a:hover{background:#3a332d}

/* 블로그 목록 카드 */
.card,.card[style]{background:var(--surface)!important;border-color:var(--line)!important}
.card .chip{color:var(--ink);background:var(--tint)}
.card h2{font-family:var(--serif);font-weight:700}
.card .more{color:var(--ink)}

/* 관련 글 목록(인라인 스타일 덮기) */
a[href^="https://slimly.co.kr/blog/"][style*="var(--tint)"]{background:var(--surface)!important;border-color:var(--line)!important}

/* 푸터 */
footer{background:#EAE2D6;border-top:0}
.foot .copy{color:var(--muted)}
