/* Shared component language for editorial pages and technical applications. */
body.matamet-platform :where(.button, .newsletter-button, button[class*="button"], button[class*="btn"], a[class*="button"], a[class*="btn"]) {
  font-family: var(--matamet-font-body);
}

body.matamet-platform :where(.button, .newsletter-button) {
  border-radius: var(--matamet-radius-sm);
  box-shadow: none;
  font-weight: 600;
}

body.matamet-platform :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  min-block-size: 42px;
  border-color: var(--matamet-rule-strong);
  border-radius: var(--matamet-radius-sm);
  background: var(--matamet-surface-strong);
  color: var(--matamet-ink);
  box-shadow: none;
}

body.matamet-platform :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea):focus {
  border-color: var(--matamet-copper);
  box-shadow: var(--matamet-focus);
}

body.matamet-platform :where(table) {
  font-variant-numeric: tabular-nums;
}

body.matamet-platform :where(th) {
  color: var(--matamet-steel);
  font-family: var(--matamet-font-mono);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.matamet-platform :where(.immes-kicker, .immes-eyebrow, [class*="eyebrow"], [class*="kicker"]) {
  font-family: var(--matamet-font-mono);
  font-weight: 500;
}

body.matamet-platform :where(.card, [class$="-card"], [class*="-card "]) {
  box-shadow: none;
}

body.matamet-platform .screen-reader-text:focus,
body.matamet-platform .skip-link:focus {
  border-color: var(--matamet-copper);
  border-radius: var(--matamet-radius-sm);
  box-shadow: var(--matamet-focus);
}

.matamet-app-intro {
  inline-size: min(calc(100% - (2 * var(--matamet-gutter))), var(--matamet-wide));
  margin: clamp(38px, 5vw, 72px) auto 22px;
  padding-block-end: 24px;
  border-block-end: 1px solid var(--matamet-rule);
}
.matamet-app-intro__kicker {
  margin: 0 0 10px;
  color: var(--matamet-copper);
  font-family: var(--matamet-font-mono);
  font-size: .72rem;
  font-weight: 500;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.matamet-app-intro h1 {
  max-inline-size: 880px;
  margin: 0;
  font-family: var(--matamet-font-display);
  font-size: clamp(2.8rem, 5vw, 5.6rem);
  font-weight: 600;
  line-height: .96;
  letter-spacing: -.052em;
}
.matamet-app-intro p:last-child {
  max-inline-size: 760px;
  margin: 18px 0 0;
  color: var(--matamet-steel);
  font-size: clamp(1rem, 1.35vw, 1.15rem);
  line-height: 1.62;
}
@media(max-width:640px){.matamet-app-intro{inline-size:calc(100% - 36px);margin-block-start:30px}.matamet-app-intro h1{font-size:clamp(2.7rem,13vw,4.25rem)}}
.matamet-app-intro--compact{margin-block-start:0;padding-block:0 22px}
.matamet-app-intro--compact p:last-child{margin-block-start:0}
.matamet-table-scroll{max-inline-size:100%;overflow:auto;-webkit-overflow-scrolling:touch}
.matamet-table-scroll:focus-visible{outline:2px solid var(--matamet-copper);outline-offset:3px}