/* ama public typography layer — l288.com / 2026-09-20 */
:root {
  --ama-type-body: 16px;
  --ama-type-small: 13px;
  --ama-type-label: 12px;
}

body {
  font-size: 17px;
  line-height: 1.7;
}

.nav nav,
nav,
.navlinks,
.nav-actions,
.console,
.small-button,
.button,
.card > a,
.foundation-copy a:last-child,
.footer,
.footer-links {
  font-size: 14px;
}

.hero p,
.hero-copy > p,
.intro p,
.section-head p,
.platform-copy > p,
.foundation-copy,
.card p,
.app-card p,
.case-copy li,
.workflow p,
.enterprise p {
  font-size: 16px;
}

.eyebrow,
.section-index,
.section-tag,
.hero-stamp,
.intro-meta,
.app-status,
.app-number,
.case-kicker,
.panel-top,
.metric small,
.facts small,
.side-label {
  font-size: 12px;
}

.card h2,
.app-card h3,
.case-copy h3,
.workflow h2,
.platform-panel .metric code {
  line-height: 1.3;
}

pre {
  font-size: 13px;
  line-height: 1.8;
}

@media (max-width: 640px) {
  body { font-size: 16px; line-height: 1.65; }
  .hero p, .hero-copy > p, .intro p, .section-head p, .platform-copy > p,
  .foundation-copy, .card p, .app-card p, .case-copy li, .workflow p, .enterprise p { font-size: 16px; }
  .nav nav, nav, .navlinks, .nav-actions, .console, .small-button, .button,
  .card > a, .foundation-copy a:last-child, .footer, .footer-links { font-size: 15px; }
  pre { font-size: 13px; }
}