/* 집수정 그레이팅 — split 테마 / C42 Soft White 팔레트 */
:root{
  --bg:#FEFEFD;
  --bg-sub:#F6F5F2;
  --ink:#20201C;
  --sub:#76746C;
  --primary:#3A3A34;
  --accent:#A38A5E;
  --line:#ECEAE3;
}
html{scroll-behavior:smooth;}
body{
  font-family:'Pretendard',-apple-system,BlinkMacSystemFont,sans-serif;
  color:var(--ink);
  background:var(--bg);
  word-break:keep-all;
  overflow-wrap:break-word;
}
h1,h2,h3,.font-head{font-family:'Pretendard',sans-serif;font-weight:800;}
.eyebrow{
  font-size:.72rem;
  letter-spacing:.22em;
  color:var(--primary);
  font-weight:700;
  text-transform:uppercase;
}
.prose-body{max-width:68ch;}
.hairline{border-color:var(--line);}
.split-block{background:var(--primary);}

/* 카드 그리드 — 고정 열, auto-fit 사용 금지 */
.grid-6{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}
@media(min-width:768px){.grid-6{grid-template-columns:repeat(3,1fr);}}
.grid-4{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}
@media(min-width:1024px){.grid-4{grid-template-columns:repeat(4,1fr);}}
.grid-3-stack{display:grid;grid-template-columns:1fr;gap:1rem;}
@media(min-width:768px){.grid-3-stack{grid-template-columns:repeat(3,1fr);}}

.card{
  border:1px solid var(--line);
  border-radius:4px;
  background:var(--bg);
  overflow:hidden;
  transition:transform .2s ease;
  display:flex;flex-direction:column;
}
.card:hover{transform:translateY(-3px);}
.card img{transition:transform .3s ease;}
.card:hover img{transform:scale(1.04);}

.hero-shadow{text-shadow:0 2px 10px rgba(0,0,0,.55);}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.85rem 1.6rem;border-radius:3px;font-weight:700;font-size:.95rem;
  transition:opacity .2s ease;
}
.btn:hover{opacity:.88;}
.btn-primary{background:var(--primary);color:#fff;}
.btn-outline{border:1.5px solid #fff;color:#fff;}
.btn-outline-dark{border:1.5px solid var(--primary);color:var(--primary);}

.faq-item summary{cursor:pointer;list-style:none;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item[open] .faq-plus{transform:rotate(45deg);}
.faq-plus{transition:transform .2s ease;display:inline-block;}

.floating-btn{box-shadow:0 6px 20px rgba(58,58,52,.35);}

.lightbox-bg{background:rgba(10,14,20,.92);}

@media(max-width:767px){
  h1{font-size:1.85rem;}
}