/* ROOMNOW v7.9.3 — device-aware Korean typography system
   Desktop: Wanted Sans Variable / Mobile: SUIT Variable
   Brand/editorial serif headings intentionally remain untouched. */
:root{
  --rn-wanted:"Wanted Sans Variable","Wanted Sans",-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;
  --rn-suit:"SUIT Variable","SUIT",-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;
  --rn-ui-font:var(--rn-wanted);
  --rn-ui-heading:var(--rn-wanted);
  --rn-ui-number:var(--rn-wanted);
}

/* Korean UI gets a denser mobile face, while desktop keeps the more characterful Wanted Sans. */
@media (max-width:1099px){
  html[lang="ko"]{--rn-ui-font:var(--rn-suit)}
}

/* Keep language-specific native readability for scripts not covered by Wanted/SUIT. */
html[lang="ja"]{
  --rn-ui-font:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP","Segoe UI",sans-serif;
  --rn-ui-heading:var(--rn-ui-font);
  --rn-ui-number:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html[lang="zh-CN"]{
  --rn-ui-font:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans SC","Segoe UI",sans-serif;
  --rn-ui-heading:var(--rn-ui-font);
  --rn-ui-number:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

body,button,input,textarea,select,option,table{font-family:var(--rn-ui-font)}
body{
  font-feature-settings:"kern" 1,"tnum" 1;
  font-variant-numeric:tabular-nums;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-synthesis:none;
}
button,input,textarea,select{font-synthesis:none}
html[lang="ko"] body{letter-spacing:-.012em}

/* Modern sans hierarchy. Large editorial/hero serif selectors are deliberately excluded. */
:where(
  .desktop-nav a,.mobile-menu a,.mobile-nav a,.header-actions button,.header-actions a,
  .btn,.button,.cta-button,button,.tag,.eyebrow,.breadcrumb,
  .community-toolbar strong,.community-row h2,.community-comments h2,
  .live-board-toolbar h2,.live-section-head h3,.live-card-title h3,.live-compact-head h3,
  .live-report-head h3,.live-report-group-head b,.live-report-card h4,
  .live-state,.live-primary-metric b,.live-high-primary b,.live-report-metrics b
){font-family:var(--rn-ui-heading)}

:where(
  .live-primary-metric b,.live-primary-metric em,.live-high-primary b,.live-high-primary em,
  .live-report-metrics b,.live-insight-value,.live-pulse-value,
  [data-live-report] strong,[data-live-report] b
){font-family:var(--rn-ui-number);font-variant-numeric:tabular-nums}

.muted,.section-sub,.lead,.breadcrumb,.live-meta,.community-row-meta,.community-meta{color:#bcc4c6}

@media (min-width:1100px){
  body{font-size:16.7px;line-height:1.72}
  html[lang="ko"] body{letter-spacing:-.011em}
  .desktop-nav a{font-size:14.6px!important;font-weight:680!important;letter-spacing:-.014em!important}
  .header-actions .top-btn,.language-switcher button,.lang-button{font-size:14px!important;font-weight:650!important}
  .breadcrumb{font-size:13px!important;line-height:1.6}
  .lead,.section-sub{font-size:16px!important;line-height:1.78!important}
  .tag,.eyebrow{font-size:12.8px!important}
  .btn,.button,.cta-button,button{letter-spacing:-.008em}

  body[data-page-type="community"] .community-notice{font-size:15.2px!important;line-height:1.82!important;color:#d2d8da!important}
  body[data-page-type="community"] .community-toolbar strong{font-size:20px!important;font-weight:720!important}
  body[data-page-type="community"] .community-toolbar small{font-size:13.5px!important;color:#b6bfc2!important}
  body[data-page-type="community"] .community-write-btn,
  body[data-page-type="community"] .community-compose button,
  body[data-page-type="community"] .community-comments form>button{font-size:14.5px!important;font-weight:700!important}
  body[data-page-type="community"] .community-compose label,
  body[data-page-type="community"] .community-comments label{font-size:14px!important;color:#d3d9db!important}
  body[data-page-type="community"] .community-compose input,
  body[data-page-type="community"] .community-compose textarea,
  body[data-page-type="community"] .community-comments input,
  body[data-page-type="community"] .community-comments textarea{font-size:15.5px!important;line-height:1.74!important}
  body[data-page-type="community"] .community-row h2{font-size:18.4px!important;line-height:1.45!important;font-weight:710!important;letter-spacing:-.018em!important}
  body[data-page-type="community"] .community-row p{font-size:15px!important;line-height:1.76!important;color:#cdd4d6!important}
  body[data-page-type="community"] .community-row-meta{font-size:13px!important;color:#afb9bc!important}
  body[data-page-type="community"] .community-row-count{font-size:13.5px!important}
  body[data-page-type="community"] .community-post-head h1{font-size:30px!important;line-height:1.4!important}
  body[data-page-type="community"] .community-meta{font-size:13px!important;color:#afb8bb!important}
  body[data-page-type="community"] .community-post-body{font-size:17.2px!important;line-height:1.94!important;color:#e0e5e7!important;font-weight:430!important}
  body[data-page-type="community"] .community-comments h2{font-size:20px!important}
  body[data-page-type="community"] .community-comment p{font-size:15.5px!important;line-height:1.84!important;color:#d5dbdd!important}
}

@media (max-width:1099px){
  body{font-size:15.9px;line-height:1.72}
  html[lang="ko"] body{letter-spacing:-.008em}
  body[data-page-type="community"] .community-row h2{font-family:var(--rn-ui-heading);font-size:16.6px!important;line-height:1.48!important;font-weight:720!important}
  body[data-page-type="community"] .community-row p{font-size:14px!important;line-height:1.74!important}
  body[data-page-type="community"] .community-post-body{font-size:16px!important;line-height:1.9!important}
  .mobile-menu a,.mobile-nav a{font-family:var(--rn-ui-heading);font-weight:700!important;letter-spacing:-.01em}
}

/* LIVE has a deliberately split typography: SUIT for mobile reading, Wanted for names/actions/numbers. */
body[data-page-type="live"] :where(
  .live-card-title h3,.live-compact-head h3,.live-section-head h3,.live-board-toolbar h2,
  .live-choice-button,.live-more-toggle,.live-state,.live-refresh,.live-report-tabs button,
  .live-report-head h3,.live-report-card h4
){font-family:var(--rn-ui-heading)!important}
body[data-page-type="live"] :where(
  .live-primary-metric b,.live-primary-metric em,.live-high-primary b,.live-high-primary em,
  .live-report-metrics b,.live-summary-stat b
){font-family:var(--rn-ui-number)!important}

@media (min-width:1120px){
  body[data-page-type="live"] .live-card-title h3,
  body[data-page-type="live"] .live-compact-head h3{font-size:23.5px!important;font-weight:760!important;letter-spacing:-.026em!important}
  body[data-page-type="live"] .live-card-title small,
  body[data-page-type="live"] .live-compact-head small{font-size:13.2px!important;line-height:1.55!important;color:#bcc2be!important}
  body[data-page-type="live"] .live-state{font-size:12.2px!important;font-weight:720!important}
  body[data-page-type="live"] .live-primary-grid-top .live-primary-metric small{font-size:13.2px!important;color:#b9b6ae!important}
  body[data-page-type="live"] .live-primary-grid-top .live-primary-metric b{font-size:31.5px!important;font-weight:760!important;letter-spacing:-.025em!important}
  body[data-page-type="live"] .live-section-head h3{font-size:22.5px!important;font-weight:730!important;letter-spacing:-.022em!important}
  body[data-page-type="live"] .live-section-head p{font-size:13.8px!important;line-height:1.66!important;color:#b7b9b5!important}
}

@media (max-width:720px){
  body[data-page-type="live"] .live-card-title h3,
  body[data-page-type="live"] .live-compact-head h3{font-size:19px!important;font-weight:760!important;letter-spacing:-.018em!important}
  body[data-page-type="live"] .live-card-title small,
  body[data-page-type="live"] .live-compact-head small{font-size:11.7px!important;line-height:1.52!important;color:#b7bcb9!important}
  body[data-page-type="live"] .live-state{font-size:10.8px!important;font-weight:720!important}
  body[data-page-type="live"] .live-primary-grid-top .live-primary-metric small{font-family:var(--rn-ui-font)!important;font-size:11.8px!important;line-height:1.42!important;color:#aaa79f!important}
  body[data-page-type="live"] .live-primary-grid-top .live-primary-metric b{font-size:27.5px!important;font-weight:760!important}
  body[data-page-type="live"] .live-section-head h3{font-size:19.5px!important;font-weight:740!important}
  body[data-page-type="live"] .live-section-head p{font-size:12.5px!important;line-height:1.62!important;color:#b5b8b4!important}
}