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

:root {
  --gm-font-sans: "Pretendard Variable", "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
}

html {
  font-family: var(--gm-font-sans);
}

body {
  font-family: var(--gm-font-sans);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button,
input,
textarea,
select,
option,
table,
th,
td {
  font-family: inherit;
  letter-spacing: 0 !important;
}

label,
.btn,
.card,
.modal,
.tooltip,
.tooltip-host,
[data-tooltip] {
  font-family: var(--gm-font-sans) !important;
}

/* ── 포스트 본문 타이포(에디터/공개 공통) ───────────────────────────── */
.post-body {
  font-family: var(--gm-font-sans);
  font-size: 19px;
}
.post-body.fs-15 { font-size: 15px; }
.post-body.fs-19 { font-size: 19px; }
.post-body.fs-28 { font-size: 28px; }

.post-body.ff-pretendard { font-family: var(--gm-font-sans); }
.post-body.ff-noto { font-family: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif; }
.post-body.ff-nanum { font-family: "Nanum Gothic", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif; }

[data-tooltip] {
  position: relative;
}

[data-tooltip]::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  z-index: 1000;
  width: max-content;
  max-width: 260px;
  padding: 8px 10px;
  border-radius: 8px;
  background: #111827;
  color: #fff;
  box-shadow: 0 10px 24px rgba(17, 24, 39, .18);
  font-family: var(--gm-font-sans);
  font-size: 12px;
  line-height: 1.45;
  font-weight: 700;
  white-space: normal;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-3px);
  transition: opacity .15s ease, transform .15s ease;
}

[data-tooltip]:hover::after,
[data-tooltip]:focus-visible::after,
[data-tooltip].is-tooltip-open::after {
  opacity: 1;
  transform: translateY(0);
}