/* ============================================================
   AIWORKX Newsroom — 뉴스룸 페이지 스타일
   원본: aiworkx_newsroom.tsx 의 CSS 문자열을 정적 사이트용으로 변환
   - 모든 셀렉터를 #newsroom_layout 하위로 스코프
   - 모든 클래스는 nr- 접두사 (사이트 전역 CSS와 충돌 방지)
   - 변수는 --nr-* (전역 :root 오염 방지)
   ============================================================ */

#newsroom_layout {
  --nr-ff: 'Noto Sans KR', 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  --nr-bg-tertiary: #f4f5f7;
  --nr-bg-primary: #ffffff;
  --nr-bg-secondary: #fafbfc;
  --nr-text-primary: #14161c;
  --nr-text-secondary: #5b6270;
  --nr-border: #e7e9ee;

  font-family: var(--nr-ff);
  background: var(--nr-bg-tertiary);
  color: var(--nr-text-primary);
  padding-bottom: 48px;
}

#newsroom_layout * { box-sizing: border-box; }

#newsroom_layout .nr-hdr {
  background: linear-gradient(135deg, #0a0a1a 0%, #13131f 100%);
  /* 사이트 헤더(#top_layout)가 position:absolute 로 겹쳐 뜨므로,
     이 어두운 헤더를 히어로 배너처럼 써서 상단 패딩으로 헤더 높이를 확보한다.
     (투명 흰색 GNB 가 이 어두운 띠 위에 얹혀 잘 보임) */
  padding: 140px 32px 24px;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
}
#newsroom_layout .nr-hdr-in {
  max-width: 900px; margin: 0 auto;
  display: flex; justify-content: space-between; align-items: flex-start;
  gap: 16px; flex-wrap: wrap;
}
#newsroom_layout .nr-eyebrow {
  font-size: 10px; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: rgba(255, 255, 255, .38); margin-bottom: 6px;
}
#newsroom_layout .nr-wordmark { font-size: 24px; font-weight: 700; color: #fff; margin-bottom: 5px; }
#newsroom_layout .nr-wordmark .nr-grad {
  background: linear-gradient(135deg, #3B82F6, #EC4899);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
#newsroom_layout .nr-subtitle { font-size: 12px; color: rgba(255, 255, 255, .42); }
#newsroom_layout .nr-hdr-right { display: flex; gap: 6px; flex-shrink: 0; align-items: center; }
#newsroom_layout .nr-cov-badge {
  background: rgba(59, 130, 246, .15); border: 1px solid rgba(59, 130, 246, .3);
  border-radius: 6px; padding: 3px 10px; font-size: 11px; font-weight: 700; color: #60A5FA;
}

#newsroom_layout .nr-wrap { max-width: 900px; margin: 0 auto; padding: 0 20px; }

#newsroom_layout .nr-tabs { display: flex; gap: 6px; flex-wrap: wrap; padding: 16px 0 6px; }
#newsroom_layout .nr-tab {
  padding: 4px 12px; border-radius: 20px; border: 1px solid var(--nr-border);
  font-size: 11px; font-weight: 600; cursor: pointer;
  background: var(--nr-bg-primary); color: var(--nr-text-secondary); font-family: var(--nr-ff);
}
#newsroom_layout .nr-yhead {
  font-size: 12px; font-weight: 700; color: var(--nr-text-secondary);
  margin: 16px 0 6px; padding-bottom: 4px; border-bottom: 1px solid var(--nr-border);
}
#newsroom_layout .nr-list { display: flex; flex-direction: column; gap: 8px; }
#newsroom_layout .nr-card {
  background: var(--nr-bg-primary); border: 1px solid var(--nr-border);
  border-radius: 10px; padding: 13px 16px; cursor: pointer; position: relative;
}
#newsroom_layout .nr-badge {
  position: absolute; top: 13px; right: 14px; border-radius: 4px;
  font-size: 9px; font-weight: 700; padding: 2px 7px; letter-spacing: .05em;
}
#newsroom_layout .nr-meta { display: flex; align-items: center; gap: 8px; margin-bottom: 7px; }
#newsroom_layout .nr-date { font-size: 11px; font-weight: 600; color: var(--nr-text-secondary); }
#newsroom_layout .nr-sep { width: 1px; height: 10px; background: var(--nr-border); }
#newsroom_layout .nr-tag { font-size: 10px; font-weight: 700; padding: 2px 9px; border-radius: 20px; letter-spacing: .04em; }
#newsroom_layout .nr-title {
  font-size: 13.5px; font-weight: 600; color: var(--nr-text-primary);
  line-height: 1.5; margin-bottom: 5px; padding-right: 70px;
}
#newsroom_layout .nr-hl { font-size: 11px; font-weight: 500; }
#newsroom_layout .nr-exp { margin-top: 8px; border-top: 1px solid var(--nr-border); padding-top: 10px; }
#newsroom_layout .nr-desc { font-size: 12px; color: var(--nr-text-secondary); line-height: 1.75; margin-bottom: 10px; }
#newsroom_layout .nr-quote { border-radius: 0 6px 6px 0; padding: 8px 12px; margin-bottom: 10px; background: #f6f7fb; }
#newsroom_layout .nr-quote .nr-q { font-size: 11px; color: var(--nr-text-secondary); font-style: italic; line-height: 1.65; }
#newsroom_layout .nr-srcline { font-size: 11px; color: var(--nr-text-secondary); margin-bottom: 10px; }
#newsroom_layout .nr-lk-title {
  font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
  color: var(--nr-text-secondary); margin-bottom: 6px;
}
#newsroom_layout .nr-links { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 5px 12px; }
#newsroom_layout .nr-links a { font-size: 12px; text-decoration: none; padding: 2px 0; font-weight: 600; }
#newsroom_layout .nr-links a:hover { text-decoration: underline; }

#newsroom_layout .nr-foot {
  max-width: 900px; margin: 26px auto 0; padding: 0 20px;
  font-size: 11px; color: var(--nr-text-secondary); text-align: center; line-height: 1.7;
}

/* 1023px 이하: 사이트가 GNB 를 숨기고 햄버거(.moBtn) 헤더(~70px)로 전환 → 상단 여백 축소 */
@media (max-width: 1023px) {
  #newsroom_layout .nr-hdr { padding-top: 90px; }
}

@media (max-width: 640px) {
  #newsroom_layout .nr-title { padding-right: 60px; }
}