/* 기본 = 다크(사이트 기본), [data-theme="light"] = 라이트 */
.post-content{--ink:#f5ece2;--bean:#d9a679;--crema:#c8a27a;--panel:#16223b;--line:#2b3d5e;--muted:#9fb0c8;--lead:#cdd7e6;--radius:16px;--sec-y:clamp(48px,6vw,88px)}
[data-theme="light"] .post-content{--ink:#2b1a12;--bean:#7a4a2e;--panel:#ffffff;--line:#e3d6c6;--muted:#7b6b62;--lead:#4a3d36}
.post-content i.ph{line-height:1;font-style:normal}
.ix{padding:var(--sec-y) 0 0}
.ix:first-child{padding-top:clamp(24px,4vw,48px)}
.ix-head{text-align:center}
.ix-eyebrow{display:inline-block;font-size:13px;letter-spacing:.2em;color:var(--bean);font-weight:700;margin-bottom:14px}
.ix-head h2{font-family:'Noto Serif KR',serif;font-size:clamp(24px,3.2vw,38px);line-height:1.4;color:var(--ink);margin:0 0 16px}
.ix-head h2 strong{color:var(--bean)}
.ix-head p{color:var(--muted);max-width:680px;margin:0 auto;font-size:clamp(15px,1.5vw,17px);line-height:1.8}
.ix-title{font-family:'Noto Serif KR',serif;font-size:clamp(20px,2.2vw,26px);color:var(--ink);margin:0 0 22px;display:flex;align-items:center;gap:12px}
.ix-title::after{content:"";flex:1;height:1px;background:var(--line)}
.ix-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:clamp(28px,4vw,44px)}
.ix-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px}
.ix-card>i{font-size:36px;color:var(--bean);display:block;margin-bottom:16px}
.ix-card strong{display:block;font-size:18px;color:var(--ink);margin-bottom:8px}
.ix-card span{display:block;font-size:14.5px;color:var(--muted);line-height:1.7}
.ix-steps{display:grid;grid-template-columns:repeat(var(--n,6),1fr);gap:12px;counter-reset:st}
.ix-steps>div{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px 14px;text-align:center;counter-increment:st}
.ix-steps>div::before{content:"STEP " counter(st,decimal-leading-zero);display:block;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--crema);margin-bottom:8px}
.ix-steps strong{display:block;font-size:15px;color:var(--ink);margin-bottom:4px}
.ix-steps span{display:block;font-size:13px;color:var(--muted);line-height:1.5}
.ix-chips{display:flex;flex-wrap:wrap;gap:8px}
.ix-chips em{font-style:normal;font-size:13.5px;padding:7px 16px;border-radius:30px;border:1px solid var(--crema);color:var(--bean)}
.ix-cta{margin-top:var(--sec-y);border-radius:var(--radius);background:linear-gradient(135deg,#1c100a,#4a2c1d);color:#fff;text-align:center;padding:clamp(36px,5vw,60px) 24px}
.ix-cta h3{font-family:'Noto Serif KR',serif;font-size:clamp(22px,2.8vw,30px);line-height:1.4;margin:0 0 10px;color:#fff}
.ix-cta p{color:rgba(255,255,255,.75);margin:0 0 26px}
.ix-cta a{display:inline-flex;align-items:center;gap:10px;padding:15px 32px;border-radius:50px;background:#c8a27a;color:#2b1a12;font-weight:700;text-decoration:none}
.ix-cta a:hover{background:#fff}
.ix-cta small{display:block;margin-top:16px;color:rgba(255,255,255,.55);font-size:13px}
@media(max-width:1024px){.ix-steps.s6{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.ix-cards{grid-template-columns:1fr}.ix-steps.s4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.ix-steps.s6{grid-template-columns:repeat(2,1fr)}}