@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.css');

:root {
  --primary: #6B5436;
  --accent: #A8723C;
  --ink: #211D16;
  --muted: #76705F;
  --line: #EDE8DD;
  --bg-main: #FEFDFB;
  --bg-sub: #F7F4EE;
}

html { scroll-behavior: smooth; }

body {
  font-family: 'Pretendard Variable', Pretendard, -apple-system, sans-serif;
  color: var(--ink);
  word-break: keep-all;
  overflow-wrap: break-word;
}

h1, h2, h3 { font-weight: 800; word-break: keep-all; }

.prose-kr p, .prose-kr li { word-break: keep-all; overflow-wrap: break-word; }

.eyebrow {
  font-size: 0.72rem;
  letter-spacing: 0.2em;
  color: var(--muted);
  font-weight: 700;
}

.hairline { border-color: var(--line); }

.split-block { background: var(--primary); }

.card-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.card-hover:hover { transform: translateY(-3px); }

.phone-encoded, .phone-link { cursor: default; }
a.phone-link { cursor: pointer; }

.lightbox-overlay {
  position: fixed; inset: 0; background: rgba(15,20,30,0.92);
  display: none; align-items: center; justify-content: center; z-index: 200; padding: 24px;
}
.lightbox-overlay.active { display: flex; }
.lightbox-overlay img { max-width: 92vw; max-height: 88vh; border-radius: 4px; }
.lightbox-close {
  position: absolute; top: 20px; right: 24px; color: #fff; font-size: 2rem;
  line-height: 1; cursor: pointer; background: none; border: none;
}

#top-btn { transition: opacity 0.2s ease, transform 0.2s ease; }

.faq-item[open] summary .faq-toggle { transform: rotate(45deg); }
.faq-toggle { transition: transform 0.2s ease; }

table.cost-table th, table.cost-table td { word-break: keep-all; }