/* 료칸·한옥 감성의 기본 토큰: 먹색 바탕, 한지색 글자, 주칠(적갈)과 금박 포인트 */
:root {
  --ink: #12100e;
  --ink-soft: #1b1815;
  --ink-raise: #24201c;
  --hanji: #ece3d0;
  --hanji-dim: #a39a88;
  --juchil: #b5482f;
  --gold: #c2a46b;
  --line: rgba(236, 227, 208, 0.14);
  --line-strong: rgba(236, 227, 208, 0.28);
  --serif: "Noto Serif KR", "Nanum Myeongjo", "AppleMyungjo", "Batang", serif;
  --sans: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;
  --maxw: 680px;
  --gutter: 20px;
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--ink);
  color: var(--hanji);
  font-family: var(--sans);
  line-height: 1.85;
  -webkit-font-smoothing: antialiased;
}

a { color: var(--gold); text-underline-offset: 0.2em; text-decoration-thickness: 1px; }

a:hover { color: var(--hanji); }

h1, h2, h3 {
  font-family: var(--serif);
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.01em;
}

:focus-visible {
  outline: 1px solid var(--gold);
  outline-offset: 3px;
}

/* 낙관(도장) 모양 브랜드 마크 */
.seal {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 38px;
  padding: 3px 0;
  background: var(--juchil);
  color: #f6ead6;
  font-family: var(--serif);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.15;
  writing-mode: vertical-rl;
  text-orientation: upright;
  letter-spacing: 0.05em;
  border-radius: 2px;
}

/* 광고 영역: ads.js 가 광고 단위가 있는 자리만 켠다. 높이를 미리 잡아 글이 밀리지 않게 한다. */
.ad-slot { display: none; }

.ad-slot.is-active {
  display: block;
  min-height: 280px;
  margin: 48px 0;
}

.ad-slot[data-ad="bottom"].is-active {
  min-height: 100px;
  margin: 64px 0 0;
}

/* 넓은 화면에서 글 오른쪽 여백에 붙어 따라 내려오는 세로 광고 */
.ad-slot[data-ad="side"].is-active {
  position: absolute;
  top: 64px;
  bottom: 0;
  left: calc(100% + 36px);
  width: 160px;
  min-height: 0;
  margin: 0;
}

.ad-slot[data-ad="side"] ins {
  position: sticky;
  top: 24px;
  min-height: 600px;
}

/* 일본어는 일본어용 글꼴을 쓴다 */
:lang(ja) {
  --serif: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --sans: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", "Noto Sans JP", "Meiryo", system-ui, sans-serif;
}

:lang(en), :lang(es) {
  --serif: "Noto Serif KR", Georgia, "Times New Roman", serif;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, system-ui, sans-serif;
}

/* 채워지지 않은 광고 자리는 빈칸으로 남기지 않고 접는다 */
.ad-slot.is-active:has(ins[data-ad-status="unfilled"]) { display: none; }