/* Interface text is 3px larger. Brand titles, large headings and the 16px introduction retain their sizes. */

/* styles text sizes */
:root { font-size:16px; }
.brand-type { font-size:20px; }
.brand-type small { font-size:9px; }
.workspace-label { font-size:12px; }
.nav-button { font-size:15px; }
.nav-button .count { font-size:13px; }
.note-cross { font-size:22px; }
.vision-note p { font-size:21px; }
.vision-note small { font-size:12px; }
.sidebar-bottom .nav-button { font-size:14px; }
.owner-avatar { font-size:13px; }
.workspace-owner strong { font-size:14px; }
.workspace-owner small { font-size:13px; }
.breadcrumbs { font-size:14px; }
.save-state { font-size:13px; }
.pc-avatar { font-size:13px; }
.eyebrow { font-size:12px; }
h1 { font-size:32px; }
.intro { font-size:15px; }
.button { font-size:14px; }
.summary-strip { font-size:14px; }
.summary-count strong { font-size:15px; }
.status-summary { font-size:13px; }
.year-control select { font-size:18px; }
.today-button { font-size:13px; }
.view-button { font-size:13px; }
.key-toggle { font-size:13px; }
.project-column-head { font-size:12px; }
.project-column-head span:last-child { font-size:12px; }
.quarter-label { font-size:13px; }
.quarter-label small { font-size:11px; }
.month { font-size:12px; }
.milestone-label { font-size:11px; }
.project-name { font-size:14px; }
.project-subline { font-size:11px; }
.status-label { font-size:11px; }
.status-pill { font-size:13px; }
.timeline-bar .bar-name { font-size:12px; }
.bar-avatar { font-size:10px; }
.drag-date-label { font-size:12px; }
.task-label-button { font-size:13px; }
.task-marker { font-size:11px; }
.add-project-row { font-size:13px; }
.roadmap-footer { font-size:12px; }
.status-legend .status-label { font-size:12px; }
.roadmap-footer .drag-hint { font-size:12px; }
.page-footer { font-size:12px; }
.page-footer .footer-brand { font-size:11px; }
.no-projects h3 { font-size:17px; }
.no-projects p { font-size:15px; }
.loading-title { font-size:26px; }
.loading-title span { font-size:8px; }
.loading-brand p { font-size:13px; }
.toast { font-size:14px; }
.toast button { font-size:13px; }
.drawer-kicker { font-size:12px; }
.drawer-head h2 { font-size:20px; }
.drawer-foot .saved-note { font-size:13px; }
.form-label { font-size:13px; }
.input { font-size:15px; }
.input.large-name { font-size:22px; }
.input.description { font-size:14px; }
.field select.input { font-size:14px; }
.section-title h3 { font-size:15px; }
.section-title small { font-size:12px; }
.contact-chip { font-size:13px; }
.contact-chip .mini-avatar { font-size:10px; }
.remove-chip { font-size:17px; }
.inline-add .input { font-size:13px; }
.inline-add .button { font-size:13px; }
.deliverable-input { font-size:14px; }
.small-text-button { font-size:13px; }
.switch-label { font-size:13px; }
.task-card-name { font-size:14px; }
.task-card-details textarea { font-size:13px; }
.task-dates .form-label { font-size:12px; }
.task-dates .input { font-size:13px; }
.task-status-select { font-size:12px; }
.task-description-toggle { font-size:12px; }
.modal-head h2 { font-size:22px; }
.modal-head p { font-size:14px; }
.form-error { font-size:14px; }
.milestone-calendar small { font-size:10px; }
.milestone-calendar strong { font-size:19px; }
.milestone-info strong { font-size:14px; }
.milestone-info p { font-size:13px; }
.milestone-info small { font-size:12px; }
.directory-card h3 { font-size:16px; }
.directory-card p { font-size:13px; }
.directory-card-bottom { font-size:12px; }
.guide-number { font-size:13px; }
.guide-item h3 { font-size:15px; }
.guide-item p { font-size:14px; }
.storage-note { font-size:13px; }
.empty-mini { font-size:14px; }
.hover-card strong { font-size:15px; }
.hover-card p { font-size:13px; }
.hover-card .hover-dates { font-size:12px; }
.offscreen-note { font-size:11px; }
.range-note { font-size:12px; }
@media (max-width:1250px) {
  .brand-type { font-size:18px; }
  .key-toggle { font-size:12px; }
  .heading-actions .button { font-size:13px; }
  .roadmap-footer .drag-hint { font-size:11px; }
  .vision-note p { font-size:20px; }
}
@media (max-width:950px) {
  .topbar-right .save-state { font-size:0; }
  .summary-count { font-size:13px; }
  .breadcrumbs { font-size:13px; }
}
@media (max-width:700px) {
  h1 { font-size:26px; }
  .eyebrow { font-size:11px; }
  .intro { font-size:13px; }
  .summary-count { font-size:12px; }
  .summary-count strong { font-size:13px; }
  .view-button { font-size:12px; }
  .key-toggle { font-size:11px; }
  .project-name { font-size:13px; }
  .project-subline { font-size:10px; }
  .status-label { font-size:10px; }
  .task-label-button { font-size:12px; }
  .status-legend .status-label { font-size:11px; }
  .page-footer { font-size:11px; }
  .toast { font-size:13px; }
}
.auth-panel h1 { font-size:32px; }
.auth-footnote { font-size:12px; }
.form-hint { font-size:14px; }
.family-option { font-size:15px; }
.family-option small { font-size:12px; }
.pending-list li { font-size:15px; }
.family-switch label { font-size:12px; }
.family-switch select { font-size:15px; }
.account-banner { font-size:15px; }
.sync-error { font-size:15px; }
.profile-card .owner-avatar { font-size:19px; }
.profile-card h3 { font-size:18px; }
.profile-card p { font-size:15px; }
.person-card strong { font-size:15px; }
.person-card small { font-size:13px; }
.audit-row strong { font-size:15px; }
.audit-row p { font-size:14px; }
.audit-row small { font-size:13px; }
.audit-detail { font-size:13px; }
.read-only-note { font-size:14px; }
.family-title { font-size:14px; }
@media (max-width:700px) {
  .family-option small { font-size:13px; }
}

/* night text sizes */
.collaboration-picker summary { font-size:15px; }
.collaboration-options label { font-size:14px; }
.collaboration-tag { font-size:11px; }
.page-heading .intro { font-size:16px; }

/* mobile text sizes */
@media (max-width:700px) {
  :root { font-size:17px; }
  .mobile-brand strong { font-size:22px; }
  .mobile-brand small { font-size:8px; }
  .mobile-profile-avatar { font-size:15px; }
  .mobile-family label { font-size:11px; }
  .mobile-family select { font-size:19px; }
  .mobile-family #mobile-save { font-size:13px; }
  .page-heading h1 { font-size:29px; }
  .heading-actions .button.primary .label { font-size:14px; }
  .summary-count { font-size:13px; }
  .summary-count strong { font-size:15px; }
  .mobile-search input { font-size:19px; }
  .mobile-search input::placeholder { font-size:16px; }
  .mobile-list-filters button { font-size:14px; }
  .mobile-list-filters button span { font-size:12px; }
  .mobile-card-status .status-pill { font-size:13px; }
  .mobile-card-avatar { font-size:11px; }
  .mobile-shared { font-size:12px; }
  .mobile-card-open h2 { font-size:18px; }
  .mobile-card-open p { font-size:15px; }
  .mobile-card-dates { font-size:13px; }
  .mobile-card-footer { font-size:13px; }
  .mobile-card-footer button { font-size:13px; }
  .mobile-task strong { font-size:15px; }
  .mobile-task small { font-size:13px; }
  .mobile-task .status-pill { font-size:11px; }
  .mobile-empty h2 { font-size:18px; }
  .mobile-empty p { font-size:15px; }
  .mobile-bottom-nav button { font-size:13px; }
  .page-footer { font-size:12px; }
  .project-name { font-size:13px; }
  .project-subline { font-size:10px; }
  .project-column-head { font-size:11px; }
  .year-control select { font-size:20px; }
  .today-button { font-size:14px; }
  .view-button { font-size:13px; }
  .key-toggle { font-size:13px; }
  .status-legend .status-label { font-size:11px; }
  .account-banner { font-size:14px; }
  .drawer-kicker { font-size:13px; }
  .input, .field select.input { font-size:19px; }
  .input.description { font-size:19px; }
  .input.large-name { font-size:25px; }
  .form-label { font-size:15px; }
  .form-hint { font-size:15px; }
  .inline-add .input { font-size:19px; }
  .inline-add .button { font-size:15px; }
  .deliverable-input { font-size:19px; }
  .section-title h3 { font-size:17px; }
  .section-title small { font-size:14px; }
  .task-card-name { font-size:19px; }
  .task-status-select { font-size:19px; }
  .task-dates .input { font-size:19px; }
  .task-dates .form-label { font-size:13px; }
  .task-description-toggle { font-size:15px; }
  .task-card-details textarea { font-size:19px; }
  .switch-label { font-size:15px; }
  .small-text-button { font-size:15px; }
  .collaboration-picker summary { font-size:19px; }
  .collaboration-options label { font-size:16px; }
  .auth-panel .input { font-size:19px; }
}
@media (max-width:700px) {
  .mobile-year-control strong { font-size:20px; }
}
@media (max-width:700px) {
  .timeline-inner.is-empty .no-projects h3 { font-size:16px; }
  .timeline-inner.is-empty .no-projects .button { font-size:15px; }
}
.family-tree-summary { font-size:15px; }
.family-tree-summary span { font-size:14px; }
.family-tree-modal .person-card strong { font-size:16px; }
.family-tree-modal .person-card .owner-avatar { font-size:13px; }
.tree-scroll-hint { font-size:14px; }
@media (max-width:700px) {
  .family-tree-summary { font-size:15px; }
  .family-tree-summary span { font-size:13px; }
  .family-tree-modal .person-card strong { font-size:15px; }
  .tree-scroll-hint { font-size:13px; }
}

/* Keep rescheduled bars centred as larger project labels wrap. */
.timeline-bar { top:50%; transform:translateY(-50%); }
