@font-face {
  font-family: "Source Sans 3";
  src: url("../fonts/source-sans-3.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
}

:root {
  --font-body: "Source Sans 3", Arial, sans-serif;
  --font-display: "Source Sans 3", Arial, sans-serif;
  --font-utility: "Source Sans 3", Arial, sans-serif;
  --type-body-size: 1rem;
  --type-label-size: .9375rem;
  --type-meta-size: .8125rem;
  --type-section-size: 1.25rem;
  --type-title-size: 1.5rem;
  --type-detail-size: 1.75rem;
  --type-subsection-size: 1.125rem;
  --type-body-leading: 1.5;
  --type-label-leading: 1.35;
  --type-meta-leading: 1.45;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--font-body);
  font-synthesis: none;
}

body,
.connected-shell,
.connected-state-shell {
  font-size: var(--type-body-size);
  font-weight: 400;
  line-height: var(--type-body-leading);
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
  font-family: var(--font-body);
  font-weight: 600;
}

.connected-shell p,
.connected-state-shell p {
  max-width: 65ch;
}

.connected-shell strong,
.connected-state-shell strong,
.connected-shell b,
.connected-state-shell b {
  font-weight: 600;
}

.connected-shell .workspace-header h1 {
  font-size: var(--type-title-size);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.015em;
}

.connected-state-shell .connected-state-card h1 {
  font-size: var(--type-detail-size);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.015em;
}

.connected-shell .start-work__heading h2,
.connected-shell .start-inventory__heading h2,
.connected-shell .hierarchy-country h3,
.connected-shell .hierarchy-related h3,
.connected-shell .hierarchy-state h2,
.connected-shell .demo-page-heading h2,
.connected-shell .demo-hero h2,
.connected-shell .support-hero h2,
.connected-shell .support-panel h2 {
  font-size: var(--type-section-size);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.01em;
}

.connected-shell .explorer-heading h2,
.connected-shell .hierarchy-heading h2,
.connected-shell .demo-request-detail h2,
.connected-shell .product-school-detail-heading h2 {
  font-size: var(--type-detail-size);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -.015em;
}

.connected-shell .connected-section-head h3,
.connected-shell .connected-read-card h3,
.connected-shell .start-work-card h3,
.connected-shell .hierarchy-check-group__heading h3,
.connected-shell .hierarchy-place-card h4,
.connected-shell .demo-section-heading h3,
.connected-shell .demo-claim-panel h3,
.connected-shell .demo-review-card h3,
.connected-shell .demo-availability-card h3,
.connected-shell .product-school-action h3,
.connected-shell .product-school-teachers h3,
.connected-shell .product-school-teacher h4,
.connected-shell .support-panel h3,
.connected-shell .support-account-help__relations h4,
.connected-shell .demo-management-actions h4 {
  font-size: var(--type-subsection-size);
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -.005em;
}

.connected-shell .today-metric__value,
.connected-shell .hierarchy-metric strong,
.connected-shell .start-work-card__count strong {
  font-family: var(--font-body);
  font-size: var(--type-detail-size);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -.01em;
  font-variant-numeric: tabular-nums;
}

.connected-shell label,
.connected-state-shell label,
.connected-shell .nav-link,
.connected-shell summary,
.connected-shell dt {
  font-size: var(--type-label-size);
  font-weight: 500;
  line-height: var(--type-label-leading);
  letter-spacing: 0;
  text-transform: none;
}

.connected-shell .app-nav .nav-link,
.connected-shell .demo-form-field label,
.connected-shell .hierarchy-search > label,
.connected-shell .hierarchy-school-filter > label,
.connected-shell .support-toolbar label,
.connected-shell .support-form label,
.connected-shell .support-reference-search > label,
.connected-shell .support-account-help__form label {
  font-size: .9375rem;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0;
  text-transform: none;
}

.connected-shell .connected-card-title,
.connected-shell .hierarchy-card-copy strong,
.connected-shell .demo-request-cell strong,
.connected-shell .support-case-row strong {
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.35;
}

.connected-shell .button,
.connected-state-shell .button,
.connected-shell .start-work-card__action,
.connected-shell .hierarchy-back,
.connected-shell .demo-back-link,
.connected-shell .support-back,
.connected-shell .connected-all-link {
  font-size: var(--type-label-size);
  font-weight: 600;
  line-height: var(--type-label-leading);
  letter-spacing: 0;
  text-transform: none;
}

.connected-shell .workspace-actions .button {
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.35;
}

.connected-shell .demo-eyebrow,
.connected-shell .hierarchy-kind,
.connected-shell .connected-status,
.connected-shell .hierarchy-status,
.connected-shell .status-pill,
.connected-shell .demo-request-cell__label,
.connected-shell .demo-request-cell__value,
.connected-shell .demo-request-list__header,
.connected-shell .demo-request-limit,
.connected-shell .demo-form-help,
.connected-shell .demo-field-error,
.connected-shell .hierarchy-result-summary,
.connected-shell .hierarchy-checks-data,
.connected-shell .hierarchy-pagination,
.connected-shell .support-result-summary,
.connected-shell .support-pagination,
.connected-shell .support-history span,
.connected-shell .support-case-row small,
.connected-shell .support-priority-badge,
.connected-shell .technical-id,
.connected-shell .connected-context-note,
.connected-shell .context-card__name,
.connected-shell .context-card__role,
.connected-shell .context-card__email,
.connected-shell .responsive-record-card dt,
.connected-shell .responsive-record-card dd,
.connected-shell .today-metric__label,
.connected-shell .explorer-card__eyebrow,
.connected-shell .explorer-breadcrumb,
.connected-shell .connected-details dt,
.connected-shell .connected-card-body > span {
  font-family: var(--font-body);
  font-size: var(--type-meta-size);
  font-weight: 500;
  line-height: var(--type-meta-leading);
  letter-spacing: 0;
  text-transform: none;
}

.modal__title {
  font-family: var(--font-body);
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -.015em;
}

.modal__summary,
.empty-state__footnote {
  font-size: var(--type-meta-size);
  font-weight: 500;
  line-height: var(--type-meta-leading);
}

.button,
.toast {
  font-size: var(--type-label-size);
  font-weight: 600;
  line-height: var(--type-label-leading);
}

.connected-shell .today-attention-item__priority {
  font-size: var(--type-meta-size) !important;
  font-weight: 500 !important;
  line-height: var(--type-meta-leading);
  letter-spacing: 0 !important;
  text-transform: none;
}

.connected-shell input,
.connected-shell select,
.connected-shell textarea,
.connected-state-shell input,
.connected-state-shell select,
.connected-state-shell textarea {
  font-size: var(--type-body-size);
  font-weight: 400;
  line-height: var(--type-body-leading);
}

.connected-shell textarea,
.connected-shell .support-form textarea,
.connected-shell [data-support-resolution-form] textarea,
.connected-shell [data-support-reply-form] textarea,
.connected-shell .product-school-action textarea,
.connected-shell .product-school-invite textarea {
  min-height: 8rem;
}

.connected-shell .technical-id,
.connected-shell time,
.connected-shell .today-metric__value,
.connected-shell .hierarchy-metric strong,
.connected-shell .start-work-card__count strong {
  font-variant-numeric: tabular-nums;
}

.connected-shell .brand,
.connected-shell .brand__name,
.connected-shell .brand__kind {
  font-family: var(--font-body);
}

.connected-shell .brand__kind {
  font-size: var(--type-meta-size);
  font-weight: 500;
  line-height: var(--type-meta-leading);
  letter-spacing: 0;
  text-transform: none;
}

.connected-shell .context-card__avatar,
.connected-shell .context-card__name,
.connected-shell .hierarchy-metric span {
  font-size: var(--type-meta-size);
  font-weight: 500;
  line-height: var(--type-meta-leading);
  letter-spacing: 0;
  text-transform: none;
}

.connected-shell .app-nav .nav-link {
  font-size: var(--type-label-size);
  font-weight: 500;
  line-height: var(--type-label-leading);
}

.connected-shell .hierarchy-checks-data > span {
  font-size: var(--type-meta-size);
  font-weight: 600;
  line-height: var(--type-meta-leading);
  letter-spacing: 0;
  text-transform: none;
}

.connected-shell .connected-details dd,
.connected-shell .connected-details dd time,
.connected-shell .support-meta dd,
.connected-shell .product-school-facts dd,
.connected-shell .product-school-facts dd time {
  font-family: var(--font-body);
  font-size: var(--type-body-size);
  font-weight: 400;
  line-height: var(--type-body-leading);
  letter-spacing: 0;
}

.connected-shell .explorer-table th,
.connected-shell .support-workflow dt,
.connected-shell .product-school-technical > summary,
.connected-shell .compact-navigation > summary,
.connected-shell .work-disclosure > summary,
.connected-shell .support-toolbar summary,
.connected-shell .support-workflow summary {
  font-size: var(--type-label-size);
  font-weight: 500;
  line-height: var(--type-label-leading);
  letter-spacing: 0;
  text-transform: none;
}

.connected-shell .explorer-table a,
.connected-shell .workspace-actions .button,
.connected-shell .connected-card-title,
.connected-shell .start-work-card__state--error p,
.connected-shell .support-reference-search__error,
.connected-shell .brand__name {
  font-weight: 600;
}

.connected-shell .product-school-technical .technical-id,
.connected-shell .hierarchy-pagination > span,
.connected-shell .support-pagination > span {
  font-weight: 500;
}

.connected-shell .explorer-table caption {
  font-size: var(--type-meta-size);
  font-weight: 500;
  line-height: var(--type-meta-leading);
}

.connected-state-shell .connected-login-form label,
.connected-shell .demo-form-field label,
.connected-shell .hierarchy-search > label,
.connected-shell .hierarchy-school-filter > label,
.connected-shell .support-reference-search > label,
.connected-shell .support-account-help__form label {
  font-size: var(--type-label-size);
  font-weight: 500;
  line-height: var(--type-label-leading);
  letter-spacing: 0;
  text-transform: none;
}

@media (max-width: 640px) {
  .connected-shell .workspace-header h1 {
    font-size: 1.375rem;
  }
}