/* Shared homepage navigation + the 2026-10-06..12 research focus week. */
:root { --r2-site-header-height: 86px; }
@media (max-width: 900px) { :root { --r2-site-header-height: 74px; } }
@media (max-width: 600px) { :root { --r2-site-header-height: 69px; } }
html.r2-research-pending body::after {
  content: '리서치를 불러오고 있습니다.';
  position: fixed; inset: var(--r2-site-header-height) 0 0; z-index: 20;
  display: grid; place-items: center; background: #f5f5f3; color: #737371;
  font: 15px/1.6 Pretendard, 'Noto Sans KR', Arial, sans-serif;
}
html.r2-research-in-shell .site-header.renewal-header,
html.r2-research-pending .site-header.renewal-header {
  position: fixed; inset: 0 0 auto; width: 100%; z-index: 30;
}
html.r2-research-in-shell, html.r2-research-in-shell body { overflow: hidden !important; }
html.r2-research-in-shell #root > div:has(> main#top),
html.r2-research-in-shell #root > footer.site-footer { visibility: hidden; }
html.r2-research-in-shell #bgm-widget,
html.r2-research-in-shell #r2-research-prompt { display: none !important; }
#r2-research-dialog.r-in-shell {
  inset: var(--r2-site-header-height) 0 0;
  width: 100%; height: calc(100dvh - var(--r2-site-header-height));
  z-index: 20; scroll-padding-top: 72px;
}
#r2-research-dialog.r-in-shell .r-top {
  height: auto; min-height: 56px;
  padding: 9px max(24px, calc((100vw - 1182px) / 2));
  gap: 16px; justify-content: flex-end;
}
#r2-research-dialog.r-in-shell .r-brand { display: none; }
#r2-research-dialog.r-in-shell .r-shell-breadcrumb {
  display: flex; align-items: center; gap: 13px; margin-right: auto;
  font-size: 12px; color: var(--r-sub);
}
#r2-research-dialog.r-in-shell .r-shell-breadcrumb a { color: var(--r-ink); text-decoration: none; }
#r2-research-dialog.r-in-shell .r-account { margin-right: 0; font-size: 12px; }
#r2-research-dialog.r-in-shell .r-close { padding: 9px 12px; color: var(--r-sub); }
#r2-research-dialog.r-in-shell .r-main { min-height: calc(100dvh - var(--r2-site-header-height) - 113px); }
#r2-research-app .r-headline > div { min-width: 0; }
#r2-research-app .r-headline h1 { width: fit-content; max-width: 100%; word-break: keep-all; }
#r2-research-app .r-headline h1:focus { outline: none; }
#r2-research-app .r-campaign-period {
  display: inline-flex; margin-top: 16px; padding: 6px 11px;
  border: 1px solid #edb9ae; border-radius: 5px; background: #fbedea;
  color: #ae3329; font-size: 13px; font-weight: 650; line-height: 1.6;
}
#r2-research-app .r-campaign-subtitle {
  margin-top: 18px; font-size: 17px; font-weight: 650; line-height: 1.5;
}
#r2-research-app .r-campaign-subtitle + .r-description { margin-top: 8px; }
@media (max-width: 600px) {
  #r2-research-dialog.r-in-shell .r-top { padding: 10px 16px; min-height: 53px; gap: 10px; }
  #r2-research-dialog.r-in-shell .r-shell-breadcrumb { gap: 8px; font-size: 11px; }
  #r2-research-dialog.r-in-shell .r-account { display: none; }
  #r2-research-dialog.r-in-shell .r-close { padding: 7px 10px; font-size: 11px; }
  #r2-research-app .r-headline h1 { font-size: 30px; letter-spacing: -1px; }
  #r2-research-app .r-campaign-period { margin-top: 12px; padding: 5px 8px; font-size: 12px; }
  #r2-research-app .r-campaign-subtitle { margin-top: 15px; font-size: 16px; }
}