/* Workboard type scale. The JINIUS wordmark stays an image. */
@font-face {
  font-family: Paperlogy;
  src: url('assets/fonts/Paperlogy-7Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard Variable';
  src: url('assets/fonts/PretendardVariable.woff2') format('woff2');
  font-style: normal;
  font-weight: 45 920;
  font-display: swap;
}

:root {
  --font-display: Paperlogy, 'Pretendard Variable', sans-serif;
  --font-body: 'Pretendard Variable', Pretendard, 'Apple SD Gothic Neo', sans-serif;
  --type-body: 16px;
  --type-ui: 15px;
  --type-meta: 14px;
  --type-section: 18px;
}

body { font-family: var(--font-body); font-size: var(--type-body); line-height: 1.6; }
button, input, select, textarea { font-family: var(--font-body); }
.workboard-brand,
.home-view .office-banner h1,
.home-view .office-card h2,
.home-view .panel-head h2,
.module-heading h1,
.empty-module h2,
.service-toolbar h1 { font-family: var(--font-display); font-weight: 700; }

/* Keep the logo inset without shifting the menu away from the content column. */
@media (min-width: 981px) {
  .workboard-brand { margin-left: 20px; }
}
.workboard-brand { font-size: 22px; line-height: 1.2; }
.service-nav a { font-family: var(--font-display); font-weight: 700; font-size: var(--type-ui); }
.tenure-count { font-size: var(--type-meta); }
.launcher-caption, .launcher-home { font-size: var(--type-meta); }
.module-heading h1 { font-size: 30px; line-height: 1.3; }
.module-heading p, .empty-module p { font-size: var(--type-body); }
.empty-module h2 { font-size: 24px; line-height: 1.4; }
.module-status, .service-toolbar span { font-size: var(--type-meta); }
.service-toolbar h1 { font-size: 22px; }
.service-toolbar a, .action-link, .connection-message button { font-size: var(--type-ui); }

/* Preserve the Office card order while giving Korean text room to breathe. */
.home-view .office-home { grid-template-columns: var(--workboard-rail-width) minmax(0, 1fr); gap: var(--workboard-column-gap); }
.home-view .office-rail, .home-view .office-content { gap: 14px; }
.home-view .office-card { padding: 18px; }
.home-view .office-card h2, .home-view .panel-head h2 {
  font-size: var(--type-section);
  line-height: 1.4;
}
.home-view .profile-meta strong { font-size: var(--type-ui); line-height: 1.4; }
.home-view .profile-meta span,
.home-view .clock-tile span,
.home-view .person,
.home-view .today-card span,
.home-view .panel-head a,
.home-view .panel-head-link,
.home-view .search-box { font-size: var(--type-meta); }
.home-view .mini-agenda,
.home-view .simple-list li,
.home-view .daylane-row,
.home-view .approval-row,
.home-view .notice-row,
.home-view .today-card strong,
.home-view .meter-copy,
.home-view .culture-item,
.home-view .bot-note,
.home-view .quick-menu strong { font-size: var(--type-ui); }
.home-view .quick-chip, .home-view .badge { font-size: var(--type-meta); }
.home-view .office-banner h1 { font-size: 36px; line-height: 1.25; }
.home-view .office-banner small { font-size: var(--type-meta); }
.home-view .office-banner p { font-size: var(--type-body); line-height: 1.65; }
.home-view .office-alert { font-size: var(--type-meta); line-height: 1.5; }
.home-view .daylane-row, .home-view .approval-row, .home-view .notice-row { padding-block: 11px; }
.home-view .quick-menu { gap: 10px; }
.home-view .quick-chip { padding-block: 7px; }
.home-view .today-card strong, .home-view .today-card span { line-height: 1.5; }

@media (max-width: 760px) {
  .home-view .office-home { grid-template-columns: minmax(0, 1fr); }
  .workboard-brand { font-size: 19px; }
  .home-view .office-banner h1 { font-size: 29px; }
  .tenure-count { font-size: 12px; }
}
