/*
  Shared readable type scale for the active site.

  Templates still contain inline type shorthands, so the role backstops below
  preserve the current design while keeping ordinary reading text legible.
*/

:root {
  --aatk-font-body: 'Switzer', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --aatk-font-display: 'Clash Display', 'Sora', system-ui, sans-serif;
  --aatk-font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  --aatk-type-micro: clamp(0.75rem, 0.72rem + 0.08vw, 0.8125rem);
  --aatk-type-compact: 0.875rem;
  --aatk-type-label: 0.9375rem;
  --aatk-type-caption: 1rem;
  --aatk-type-body-sm: clamp(1rem, 0.97rem + 0.12vw, 1.09375rem);
  --aatk-type-body: clamp(1.0625rem, 1.03rem + 0.16vw, 1.125rem);
  --aatk-type-lede: clamp(1.125rem, 1.08rem + 0.26vw, 1.25rem);
  --aatk-type-nav: clamp(0.9375rem, 0.91rem + 0.08vw, 1rem);
  --aatk-type-footer: 1rem;
  --aatk-type-form: 1rem;
  --aatk-type-form-label: 0.9375rem;

  --aatk-leading-tight: 1.16;
  --aatk-leading-ui: 1.55;
  --aatk-leading-body: 1.65;
  --aatk-leading-loose: 1.7;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  font-family: var(--aatk-font-body);
  font-size: var(--aatk-type-body);
  line-height: var(--aatk-leading-body);
}

h1,
h2,
h3,
h4 {
  text-wrap: balance;
}

p,
li {
  font-size: var(--aatk-type-body-sm);
  line-height: var(--aatk-leading-body);
  text-wrap: pretty;
}

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

.job-info p {
  font-size: var(--aatk-type-body-sm);
  line-height: var(--aatk-leading-body);
}

.page-hero .breadcrumb,
.footer-bottom,
.footer h4 {
  font-size: var(--aatk-type-compact);
}

.footer p {
  font-size: var(--aatk-type-body-sm);
}

.aa-cookie-banner p {
  font-size: var(--aatk-type-caption) !important;
  line-height: var(--aatk-leading-ui) !important;
}

.aa-cookie-actions button {
  font-size: var(--aatk-type-caption) !important;
}

.aatk-skip {
  font-size: var(--aatk-type-compact) !important;
}

/* Backstops for older inline shorthands used across the static templates. */
[style*="font:400 14.5px"][style*="Switzer"],
[style*="font:400 15px"][style*="Switzer"],
[style*="font:400 15.5px"][style*="Switzer"],
[style*="font:500 14.5px"][style*="Switzer"],
[style*="font:500 15px"][style*="Switzer"],
[style*="font:500 15.5px"][style*="Switzer"],
[style*="font:600 14.5px"][style*="Switzer"],
[style*="font:600 15px"][style*="Switzer"],
[style*="font:600 15.5px"][style*="Switzer"],
[style*="font: 400 14.5px"][style*="Switzer"],
[style*="font: 400 15px"][style*="Switzer"],
[style*="font: 400 15.5px"][style*="Switzer"],
[style*="font: 500 14.5px"][style*="Switzer"],
[style*="font: 500 15px"][style*="Switzer"],
[style*="font: 500 15.5px"][style*="Switzer"],
[style*="font: 600 14.5px"][style*="Switzer"],
[style*="font: 600 15px"][style*="Switzer"],
[style*="font: 600 15.5px"][style*="Switzer"] {
  font-size: var(--aatk-type-body-sm) !important;
  line-height: var(--aatk-leading-body) !important;
}

[style*="font:400 13.5px"][style*="Switzer"],
[style*="font:400 14px"][style*="Switzer"],
[style*="font:500 13.5px"][style*="Switzer"],
[style*="font:500 14px"][style*="Switzer"],
[style*="font:600 14px"][style*="Switzer"],
[style*="font: 400 13.5px"][style*="Switzer"],
[style*="font: 400 14px"][style*="Switzer"],
[style*="font: 500 13.5px"][style*="Switzer"],
[style*="font: 500 14px"][style*="Switzer"],
[style*="font: 600 14px"][style*="Switzer"] {
  font-size: var(--aatk-type-caption) !important;
}

[style*="font:400 12px"][style*="Switzer"],
[style*="font:400 12.5px"][style*="Switzer"],
[style*="font:400 13px"][style*="Switzer"],
[style*="font:500 12px"][style*="Switzer"],
[style*="font:500 12.5px"][style*="Switzer"],
[style*="font:500 13px"][style*="Switzer"],
[style*="font:600 12px"][style*="Switzer"],
[style*="font:600 12.5px"][style*="Switzer"],
[style*="font:600 13px"][style*="Switzer"],
[style*="font: 400 12px"][style*="Switzer"],
[style*="font: 400 12.5px"][style*="Switzer"],
[style*="font: 400 13px"][style*="Switzer"],
[style*="font: 500 12px"][style*="Switzer"],
[style*="font: 500 12.5px"][style*="Switzer"],
[style*="font: 500 13px"][style*="Switzer"],
[style*="font: 600 12px"][style*="Switzer"],
[style*="font: 600 12.5px"][style*="Switzer"],
[style*="font: 600 13px"][style*="Switzer"] {
  font-size: var(--aatk-type-compact) !important;
}

/* Supporting sentences authored at 12.5px are reading copy, not metadata. */
[style*="font:400 12.5px"][style*="Switzer"],
[style*="font:500 12.5px"][style*="Switzer"],
[style*="font:600 12.5px"][style*="Switzer"],
[style*="font: 400 12.5px"][style*="Switzer"],
[style*="font: 500 12.5px"][style*="Switzer"],
[style*="font: 600 12.5px"][style*="Switzer"] {
  font-size: var(--aatk-type-caption) !important;
}

[style*="font:400 10.5px"][style*="IBM Plex Mono"],
[style*="font:400 11px"][style*="IBM Plex Mono"],
[style*="font:400 11.5px"][style*="IBM Plex Mono"],
[style*="font:400 12px"][style*="IBM Plex Mono"],
[style*="font:400 12.5px"][style*="IBM Plex Mono"],
[style*="font:500 10.5px"][style*="IBM Plex Mono"],
[style*="font:500 11px"][style*="IBM Plex Mono"],
[style*="font:500 11.5px"][style*="IBM Plex Mono"],
[style*="font:500 12px"][style*="IBM Plex Mono"],
[style*="font:500 12.5px"][style*="IBM Plex Mono"],
[style*="font: 400 10.5px"][style*="IBM Plex Mono"],
[style*="font: 400 11px"][style*="IBM Plex Mono"],
[style*="font: 400 11.5px"][style*="IBM Plex Mono"],
[style*="font: 400 12px"][style*="IBM Plex Mono"],
[style*="font: 400 12.5px"][style*="IBM Plex Mono"],
[style*="font: 500 10.5px"][style*="IBM Plex Mono"],
[style*="font: 500 11px"][style*="IBM Plex Mono"],
[style*="font: 500 11.5px"][style*="IBM Plex Mono"],
[style*="font: 500 12px"][style*="IBM Plex Mono"],
[style*="font: 500 12.5px"][style*="IBM Plex Mono"] {
  font-size: var(--aatk-type-micro) !important;
}

.arc-capability-label,
.arc-carousel-label {
  font-size: var(--aatk-type-micro) !important;
}

.arc-capability-detail,
.arc-carousel-body {
  font-size: var(--aatk-type-caption) !important;
  line-height: var(--aatk-leading-body) !important;
}
