/* 내 최종 오버라이드용 CSS: 항상 마지막에 로드됨 */

/* 본문 기본 크기 */
body { font-size: 16px; }

/* Research 전용: H1을 Lora로 */
h1 { font-family: 'Lora', serif !important; font-weight: 600; }

/* Research 전용: H2을 Lora로 */
h2 { font-family: 'Lora', serif !important; font-weight: 600; }

/* 네모 불릿 */
.square-list { list-style-type: square; padding-left: 1.25rem; margin: 0 0 1rem 0; }
.square-list li { margin: .3rem 0; }

/* 태그(뱃지) 공통 */
.tag{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.85em;font-weight:600;line-height:1;vertical-align:middle;margin-left:.35rem;border:1px solid transparent}

/* Health: 연한 파랑 배경 + 검정 텍스트 + 검정 테두리 */
.tag--health{ background:#e6f2ff; color:#111; border-color:#111; }

/* Compliance: 진녹 텍스트 반전(배경 진녹, 흰색 텍스트) + 테두리 없음 */
.tag--compliance{ background:#146c43; color:#fff; border:0; }

/* Climate: 연빨강(살구톤) 배경 + 검정 텍스트 + 테두리 없음 */
.tag--climate{ background:#ffe4e1; color:#111; border:0; }

/* Public: 남색 배경 + 흰 텍스트 + 검은색 테두리 */
.tag--public { background: #001f4d; color: #fff; border: 1px solid #000; }




.research-intro {
  font-size: 1.2rem;  /* 원하는 크기로 조정 */
  line-height: 1.2;   /* 가독성을 위해 줄 간격도 조정 가능 */
}

.research-abstract {
  font-size: 0.8rem;  /* 원하는 크기로 조정 */
  line-height: 1.1;   /* 가독성을 위해 줄 간격도 조정 가능 */
}

/* Hide menu toggling tab */
.greedy-nav .greedy-nav__toggle {
  display: none !important;
}


/* ===== Mobile top nav: horizontal scroll ===== */
#site-nav { width: 100%; }

#site-nav .visible-links{
  display: flex;
  flex-wrap: nowrap;           /* 줄바꿈 금지 */
  overflow-x: auto;            /* 가로 스크롤 */
  -webkit-overflow-scrolling: touch; /* iOS 부드러운 스크롤 */
  gap: 0.75rem;                /* 항목 간격 조금 */
  white-space: nowrap;         /* 텍스트 줄바꿈 방지 */
  scroll-snap-type: x proximity; /* 살짝 스냅 */
}

#site-nav .visible-links > li{
  flex: 0 0 auto;              /* 항목 너비 고정 */
  scroll-snap-align: start;
}

/* 스크롤바 숨기기 (선택) */
#site-nav .visible-links::-webkit-scrollbar{ display:none; }
#site-nav .visible-links{ scrollbar-width:none; }

/* 혹시 테마 기본값이 overflow:hidden이면 덮어쓴다 */
#site-nav.greedy-nav{ overflow: visible; }



/* ===== Theme variables (light is default) ===== */
:root {
  --global-bg-color: #ffffff;
  --global-text-color: #1f2937; /* slate-800 느낌 */
  --global-muted-text-color: #6b7280;
}

/* Dark theme override */
:root[data-theme="dark"]{
  --global-bg-color: #0b0f14;
  --global-text-color: #e5e7eb;
  --global-muted-text-color: #9ca3af;
}

/* 실제 적용 (이미 _base.scss가 이 변수를 쓰고 있음) */
html, body{
  background: var(--global-bg-color);
  color: var(--global-text-color);
}


.masthead__menu .masthead__menu-item.active,
.masthead__menu .masthead__menu-item[aria-current="page"] { font-weight: 700; }