/* BACKLOG-119. Hand-authored source CSS; no webpack rebuild or global shell changes.
 * Only the 17 audited Learning DEV pages receive the body class.
 * Production remains the typography reference. P-07 root scaling is untouched.
 */
body.thecodest-ui-audit {
  --ui-navy: #0d124c;
  --ui-muted: #3e4070;
  --ui-pink: #f2096e;
  --ui-line: rgba(13, 18, 76, .15);
  --ui-pale: #f6f7ff;
  --ui-heading-gap: 30px;
  --ui-section-half: 30px;
  --ui-card-padding: 24px;
}
@media (min-width: 1024px) {
  body.thecodest-ui-audit { --ui-heading-gap: 60px; --ui-section-half: 60px; }
}

/* S-02/S-03: explicit semantic hierarchy, including the three AI children.
 * Shared opinions, logo lists and legacy article components are excluded.
 */
body.thecodest-ui-audit :is(.about-us-phase1, .about-us-phase1-video, .about-us-phase1-cta,
  .wave1-services, .wave1-staff, .wave1-ai, .wave1-product, .staff-capability-page,
  .industries-phase1, .our-team-phase1, .contact-page,
  .ai-assisted-engineering-page, .ai-solutions-integration-page, .rapid-ai-prototyping-page)
  :is(h1, h2, h3, h4):not(:where(.opinions *, .logo-list *, .articles-list *, .card-case-studies *)) {
  font-family: var(--font-family-headers) !important;
  font-weight: 900 !important;
  letter-spacing: normal !important;
  line-height: 1.35 !important;
}
body.thecodest-ui-audit :is(.about-us-phase1, .wave1-services, .wave1-staff, .wave1-ai,
  .wave1-product, .staff-capability-page, .industries-phase1, .our-team-phase1,
  .contact-page, .ai-assisted-engineering-page, .ai-solutions-integration-page,
  .rapid-ai-prototyping-page) h1 { font-size: 3.2rem !important; }
body.thecodest-ui-audit :is(.about-us-phase1, .about-us-phase1-video, .about-us-phase1-cta,
  .wave1-services, .wave1-staff, .wave1-ai, .wave1-product, .staff-capability-page,
  .industries-phase1, .our-team-phase1, .contact-page, .ai-assisted-engineering-page,
  .ai-solutions-integration-page, .rapid-ai-prototyping-page) h2:not(:where(.opinions *, .articles-list *)) {
  font-size: 2.6rem !important;
}
body.thecodest-ui-audit :is(.about-us-phase1, .wave1-services, .wave1-staff, .wave1-ai,
  .wave1-product, .staff-capability-page, .industries-phase1, .our-team-phase1,
  .ai-assisted-engineering-page, .ai-solutions-integration-page, .rapid-ai-prototyping-page)
  h3:not(:where(.opinions *, .articles-list *, .card-case-studies *)) { font-size: 1.8rem !important; }
body.thecodest-ui-audit :is(.staff-capability-page, .industries-phase1, .our-team-phase1,
  .ai-assisted-engineering-page, .ai-solutions-integration-page, .rapid-ai-prototyping-page)
  h4:not(:where(.opinions *, .card-case-studies *)) { font-size: max(15px, 1.5rem) !important; }
@media (min-width: 1024px) {
  body.thecodest-ui-audit :is(.about-us-phase1, .wave1-services, .wave1-staff, .wave1-ai,
    .wave1-product, .staff-capability-page, .industries-phase1, .our-team-phase1,
    .contact-page, .ai-assisted-engineering-page, .ai-solutions-integration-page,
    .rapid-ai-prototyping-page) h1 { font-size: 4.6rem !important; }
  body.thecodest-ui-audit :is(.about-us-phase1, .about-us-phase1-video, .about-us-phase1-cta,
    .wave1-services, .wave1-staff, .wave1-ai, .wave1-product, .staff-capability-page,
    .industries-phase1, .our-team-phase1, .contact-page, .ai-assisted-engineering-page,
    .ai-solutions-integration-page, .rapid-ai-prototyping-page) h2:not(:where(.opinions *, .articles-list *)) {
    font-size: 3.6rem !important;
  }
  body.thecodest-ui-audit :is(.about-us-phase1, .wave1-services, .wave1-staff, .wave1-ai,
    .wave1-product, .staff-capability-page, .industries-phase1, .our-team-phase1,
    .ai-assisted-engineering-page, .ai-solutions-integration-page, .rapid-ai-prototyping-page)
    h3:not(:where(.opinions *, .articles-list *, .card-case-studies *)) { font-size: 2.2rem !important; }
  body.thecodest-ui-audit :is(.staff-capability-page, .industries-phase1, .our-team-phase1,
    .ai-assisted-engineering-page, .ai-solutions-integration-page, .rapid-ai-prototyping-page)
    h4:not(:where(.opinions *, .card-case-studies *)) { font-size: max(16px, 1.6rem) !important; }
}

/* H-04/05/07/29/30: Home card titles use the actual production 22/33 scale,
 * also at 375, 768 and 1024; they do not shrink with the rem root.
 */
body.thecodest-ui-audit .homepage-phase1__card h3,
body.thecodest-ui-audit .hero-home__supporting {
  font-family: var(--font-family-headers);
  font-size: 22px !important;
  font-weight: 900;
  line-height: 1.5 !important;
}

/* S-06/S-07 and H-08/09: prose, not illustrative code or icons. */
body.thecodest-ui-audit :is(.homepage-phase1__card, .homepage-phase1__section-heading,
  .homepage-phase1__contact-inner, .about-us-phase1, .wave1-services, .wave1-staff,
  .wave1-ai, .wave1-product, .staff-capability-page, .industries-phase1, .our-team-phase1,
  .contact-page__copy, .ai-assisted-engineering-page, .ai-solutions-integration-page,
  .rapid-ai-prototyping-page) :is(p, li):not(:where(.opinions *, .logo-list *, .articles-list *,
    .card-case-studies *, .button *, [class*="__eyebrow"], .ot-eyebrow)) {
  font-family: var(--font-family-text) !important;
  font-size: max(14px, 1.5rem) !important;
  line-height: 1.5 !important;
}
@media (min-width: 1024px) {
  body.thecodest-ui-audit :is(.homepage-phase1__card, .homepage-phase1__section-heading,
    .homepage-phase1__contact-inner, .about-us-phase1, .wave1-services, .wave1-staff,
    .wave1-ai, .wave1-product, .staff-capability-page, .industries-phase1, .our-team-phase1,
    .contact-page__copy, .ai-assisted-engineering-page, .ai-solutions-integration-page,
    .rapid-ai-prototyping-page) :is(p, li):not(:where(.opinions *, .logo-list *, .articles-list *,
      .card-case-studies *, .button *, [class*="__eyebrow"], .ot-eyebrow)) {
    font-size: max(14px, 1.6rem) !important;
  }
}
body.thecodest-ui-audit :is(.about-us-phase1, .staff-capability-page, .our-team-phase1, .contact-page,
  .ai-assisted-engineering-page, .ai-solutions-integration-page, .rapid-ai-prototyping-page)
  :is(.about-us-phase1__lead, .staff-capability-page__hero-lead,
  .ot-lead, .contact-page__intro, .ai-assisted-engineering__hero-lead,
  .ai-solutions-integration__hero-lead, .rapid-ai-prototyping__hero-lead) {
  font-size: max(15px, 1.7rem) !important;
  line-height: 1.5 !important;
}
@media (min-width: 1024px) {
  body.thecodest-ui-audit :is(.about-us-phase1, .staff-capability-page, .our-team-phase1, .contact-page,
    .ai-assisted-engineering-page, .ai-solutions-integration-page, .rapid-ai-prototyping-page)
    :is(.about-us-phase1__lead, .staff-capability-page__hero-lead,
    .ot-lead, .contact-page__intro, .ai-assisted-engineering__hero-lead,
    .ai-solutions-integration__hero-lead, .rapid-ai-prototyping__hero-lead) {
    font-size: max(15px, 2rem) !important;
  }
}

/* H-03/S-08: one eyebrow, with contextual light text preserved on dark panels. */
body.thecodest-ui-audit :is(.homepage-phase1__eyebrow, .about-us-phase1__eyebrow,
  .about-us-phase1-video__eyebrow, .wave1-services__eyebrow, .wave1-staff__eyebrow,
  .wave1-ai__eyebrow, .wave1-product__eyebrow, .staff-capability-page__eyebrow,
  .industries-phase1__eyebrow, .contact-page__eyebrow, .ot-eyebrow,
  .ai-assisted-engineering__eyebrow, .ai-solutions-integration__eyebrow,
  .rapid-ai-prototyping__eyebrow) {
  color: var(--ui-pink) !important;
  font-family: var(--font-family-text) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .5px !important;
  line-height: 1.4 !important;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  body.thecodest-ui-audit :is(.homepage-phase1__eyebrow, .about-us-phase1__eyebrow,
    .about-us-phase1-video__eyebrow, .wave1-services__eyebrow, .wave1-staff__eyebrow,
    .wave1-ai__eyebrow, .wave1-product__eyebrow, .staff-capability-page__eyebrow,
    .industries-phase1__eyebrow, .contact-page__eyebrow, .ot-eyebrow,
    .ai-assisted-engineering__eyebrow, .ai-solutions-integration__eyebrow,
    .rapid-ai-prototyping__eyebrow) { font-size: 14px !important; }
}

/* H-12/13/14/15 and S-12: one content gap, without stacking two margins. */
body.thecodest-ui-audit .homepage-phase1__grid { margin-top: var(--ui-heading-gap); }
body.thecodest-ui-audit .homepage-phase1__contact-inner > h2 { margin-bottom: var(--ui-heading-gap); }
body.thecodest-ui-audit .homepage-phase1__section-heading > h2 { margin-bottom: var(--ui-heading-gap); }
body.thecodest-ui-audit .homepage-phase1__section-heading > .homepage-phase1__link { margin-top: 20px; }
body.thecodest-ui-audit .homepage-phase1__contact { padding-bottom: 0; }
body.thecodest-ui-audit :is(.staff-capability-page__fit-grid, .staff-capability-page__capability-grid,
  .staff-capability-page__responsibility-grid, .wave1-services__ways-grid,
  .wave1-ai__paths-grid, .wave1-ai__criteria-grid, .wave1-product__fit-grid,
  .ai-assisted-engineering__cards, .ai-assisted-engineering__process-grid,
  .ai-solutions-integration__cards, .ai-solutions-integration__process-grid,
  .rapid-ai-prototyping__cards, .rapid-ai-prototyping__process-grid,
  .ot-team-groups, .ot-working-grid, .ot-gallery-grid) { margin-top: var(--ui-heading-gap); }
body.thecodest-ui-audit :is(.about-us-phase1__section-heading, .industries-phase1__section-head) {
  margin-bottom: var(--ui-heading-gap);
}
body.thecodest-ui-audit .about-us-phase1__timeline { margin-top: 0; }
/* The legacy 32px H2 margin otherwise wins over a 30px mobile grid margin. */
body.thecodest-ui-audit .wave1-services-page .wave1-services--ways h2 { margin-bottom: 0; }

/* S-01: 60+60 desktop, 30+30 mobile = production's 120/60 content rhythm.
 * A hero's proven header offset is separate and is NOT zeroed by this rule.
 */
body.thecodest-ui-audit :is(.about-us-phase1 .section:not(.about-us-phase1__hero),
  .about-us-phase1-video, .about-us-phase1-cta,
  .wave1-services:not(.wave1-services--hero), .wave1-staff:not(.wave1-staff--hero),
  .wave1-ai:not(.wave1-ai--hero), .wave1-product:not(.wave1-product--hero),
  .staff-capability-page .section:not(.staff-capability-page__hero),
  .industries-phase1__explorer, .industries-phase1__cases-section, .industries-phase1__final,
  .our-team-phase1 .ot-section:not(.ot-hero), .our-team-phase1 .ot-final-cta,
  .ai-assisted-engineering__section, .ai-assisted-engineering__final,
  .ai-solutions-integration__section, .ai-solutions-integration__final,
  .rapid-ai-prototyping__section, .rapid-ai-prototyping__final) {
  margin-block: 0;
  padding-block: var(--ui-section-half);
}
body.thecodest-ui-audit :is(.about-us-phase1__hero, .staff-capability-page__hero,
  .wave1-services--hero, .wave1-staff--hero, .wave1-ai--hero, .wave1-product--hero,
  .industries-phase1__hero, .our-team-phase1 .ot-hero,
  .ai-assisted-engineering__hero, .ai-solutions-integration__hero, .rapid-ai-prototyping__hero) {
  padding-bottom: var(--ui-section-half) !important;
}

/* S-11: shared informational-card padding and grid gap, not photos or diagrams. */
body.thecodest-ui-audit :is(.staff-capability-page__info-card, .staff-capability-page__responsibility-card,
  .wave1-services__way-card, .wave1-ai__path-card, .wave1-ai__criteria-card,
  .ai-assisted-engineering__card, .ai-solutions-integration__card, .rapid-ai-prototyping__card) {
  padding: var(--ui-card-padding);
  border-color: var(--ui-line);
  border-radius: 0;
}
body.thecodest-ui-audit :is(.staff-capability-page__fit-grid, .staff-capability-page__responsibility-grid,
  .wave1-services__ways-grid, .wave1-ai__paths-grid, .wave1-ai__criteria-grid,
  .ai-assisted-engineering__cards, .ai-solutions-integration__cards, .rapid-ai-prototyping__cards,
  .ot-people-grid) { gap: 24px; }

/* S-04: page-local token aliases; no global theme palette or opinions changes. */
body.thecodest-ui-audit :is(.about-us-phase1, .staff-capability-page, .our-team-phase1,
  .ai-assisted-engineering-page, .ai-solutions-integration-page, .rapid-ai-prototyping-page) {
  --scp-muted: var(--ui-muted); --scp-line: var(--ui-line); --scp-pale: var(--ui-pale);
  --about-muted: var(--ui-muted); --about-line: var(--ui-line); --about-tint: var(--ui-pale);
  --ot-line: var(--ui-line); --ot-pale: var(--ui-pale);
  --ai-muted: var(--ui-muted); --ai-line: var(--ui-line); --ai-pale: var(--ui-pale);
  --asi-muted: var(--ui-muted); --asi-line: var(--ui-line); --asi-pale: var(--ui-pale);
  --rap-muted: var(--ui-muted); --rap-line: var(--ui-line); --rap-pale: var(--ui-pale);
}
body.thecodest-ui-audit :is(.industries-phase1__description, .industries-phase1__context-row p,
  .staff-capability-page__tech-note, .staff-capability-page__responsibility-note,
  .contact-page .contact-form__info, .ot-person-card p) { color: var(--ui-muted); }
body.thecodest-ui-audit .about-us-phase1__timeline-label { color: var(--ui-navy); }
body.thecodest-ui-audit .industries-phase1 .industries-phase1__nav-item { font-size: 16px; }
body.thecodest-ui-audit .industries-phase1 .industries-phase1__nav-item:is(:hover, :focus-visible, .is-active) {
  background: var(--ui-pale); color: var(--ui-navy);
}
body.thecodest-ui-audit .industries-phase1 .industries-phase1__nav-item { font-weight: 400; }
body.thecodest-ui-audit .industries-phase1 .industries-phase1__nav-item.is-active { font-weight: 700; }

/* S-05/S-07: readable technical labels and prose, keep actual code monospaced. */
body.thecodest-ui-audit .staff-capability-page :is([class$="-workspace"], [class$="-kicker"],
  [class$="-subhead"], [class$="-review-label"], [class$="-flow-node"],
  [class$="-service-node"], [class$="-api-panel"], [class$="-ui-topbar"], [class$="-ui-small-label"],
  [class$="-ui-panel"], .staff-capability-page__tool-pills, .staff-capability-page__tech-strip,
  .staff-capability-page__steps span, .staff-capability-page__ai-flow span) {
  font-family: var(--font-family-text) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: var(--ui-muted) !important;
}
body.thecodest-ui-audit :is(.ot-group-index, .ot-working-index,
  .rapid-ai-prototyping__workspace-label, .rapid-ai-prototyping__workspace-note,
  .rapid-ai-prototyping__node strong, .ai-solutions-integration__core small) {
  font-family: var(--font-family-text); font-size: 12px; line-height: 1.5;
}
body.thecodest-ui-audit :is(.staff-capability-page__code-panel, .staff-capability-page__backend-api-json) {
  font-family: var(--font-family-base) !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 1.5 !important;
}
body.thecodest-ui-audit .contact-page .contact-form__info { font-size: 14px; line-height: 1.5; }
body.thecodest-ui-audit .staff-capability-page [class$="-review"] [class$="-review-label"],
body.thecodest-ui-audit .ai-solutions-integration__core small {
  color: var(--ui-pale) !important;
}

/* SV-01: three cards on desktop/tablet landscape, not an orphan third card. */
@media (min-width: 1024px) {
  body.thecodest-ui-audit .wave1-services-page .wave1-services__ways-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* H-01/02/10 and S-09/13: shared links; icon markup is a separate patch. */
body.thecodest-ui-audit :is(.homepage-phase1__link, .about-us-phase1__text-link,
  .wave1-services__link, .wave1-ai__text-link, .wave1-product__text-link,
  .staff-capability-page__text-link, .industries-phase1__scroll-link, .industries-phase1__compare,
  .ot-text-link, .ai-assisted-engineering__text-link, .ai-solutions-integration__text-link,
  .rapid-ai-prototyping__text-link) {
  color: var(--ui-pink) !important;
  font-family: var(--font-family-headers) !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  text-transform: uppercase;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
@media (min-width: 1024px) {
  body.thecodest-ui-audit :is(.homepage-phase1__link, .about-us-phase1__text-link,
    .wave1-services__link, .wave1-ai__text-link, .wave1-product__text-link,
    .staff-capability-page__text-link, .industries-phase1__scroll-link, .industries-phase1__compare,
    .ot-text-link, .ai-assisted-engineering__text-link, .ai-solutions-integration__text-link,
    .rapid-ai-prototyping__text-link) { font-size: 18px !important; }
}
body.thecodest-ui-audit :is(.homepage-phase1__link, .about-us-phase1__text-link,
  .wave1-services__link, .wave1-ai__text-link, .wave1-product__text-link,
  .staff-capability-page__text-link, .ot-text-link, .ai-assisted-engineering__text-link,
  .ai-solutions-integration__text-link, .rapid-ai-prototyping__text-link):focus-visible {
  outline: 2px solid var(--ui-pink); outline-offset: 4px;
}
body.thecodest-ui-audit :is(.homepage-phase1__link, .about-us-phase1__text-link,
  .wave1-services__link, .wave1-ai__text-link, .wave1-product__text-link,
  .staff-capability-page__text-link, .ot-text-link, .ai-assisted-engineering__text-link,
  .ai-solutions-integration__text-link, .rapid-ai-prototyping__text-link):hover {
  color: #cc085d !important;
}

/* S-10: restore production button sizing only where new templates override it.
 * Home, header, footer, Send and newsletter are deliberately not matched.
 */
body.thecodest-ui-audit :is(.wave1-services__button, .wave1-ai__button, .wave1-product__button) {
  text-transform: uppercase !important; font-size: 1.6rem !important;
}
body.thecodest-ui-audit :is(.wave1-services__button, .wave1-ai__button, .wave1-product__button) .button__content {
  min-height: 0 !important;
  gap: 10px;
}
@media (min-width: 1024px) {
  body.thecodest-ui-audit :is(.wave1-services__button, .wave1-ai__button, .wave1-product__button) { font-size: 1.8rem !important; }
}
body.thecodest-ui-audit .our-team-phase1 .ot-button {
  font-family: var(--font-family-base);
  font-size: 1.6rem; font-weight: 900; text-transform: uppercase;
  min-height: 0; padding: 0; border: 0; box-shadow: none;
  line-height: 1; max-width: 100%; white-space: normal;
}
@media (min-width: 1024px) {
  body.thecodest-ui-audit .our-team-phase1 .ot-button { font-size: 1.8rem; }
}
body.thecodest-ui-audit .our-team-phase1 .ot-button .button__content {
  display: inline-flex; align-items: center; gap: 10px;
}
body.thecodest-ui-audit .our-team-phase1 .ot-button:focus-visible { outline: 2px solid var(--ui-navy); outline-offset: 6px; }

/* The AI path cards and Staff FAQ use their own link names, not __text-link. */
body.thecodest-ui-audit :is(.wave1-ai__path-link, .wave1-staff__faq-link) {
  color: var(--ui-pink) !important;
  font-family: var(--font-family-headers) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  line-height: 1.5 !important;
  display: inline-flex; align-items: center; gap: 10px; min-height: 28px;
  text-decoration: none;
}
body.thecodest-ui-audit .wave1-ai__path-link { margin-top: 20px !important; }
@media (min-width: 1024px) {
  body.thecodest-ui-audit :is(.wave1-ai__path-link, .wave1-staff__faq-link) { font-size: 18px !important; }
}
body.thecodest-ui-audit :is(.wave1-ai__path-link, .wave1-staff__faq-link):hover { color: #cc085d !important; }
body.thecodest-ui-audit :is(.wave1-ai__path-link, .wave1-staff__faq-link):focus-visible {
  outline: 2px solid var(--ui-pink); outline-offset: 4px;
}
body.thecodest-ui-audit .ui-audit-arrow { flex: 0 0 18px; width: 18px; height: 18px; }
body.thecodest-ui-audit .ui-audit-arrow--down { transform: rotate(90deg); }
body.thecodest-ui-audit .our-team-phase1 .ot-button { gap: 10px; }
body.thecodest-ui-audit :is(.homepage-phase1__link, .about-us-phase1__text-link,
  .wave1-services__link, .wave1-ai__text-link, .wave1-ai__path-link,
  .wave1-staff__faq-link, .staff-capability-page__text-link,
  .industries-phase1__scroll-link, .industries-phase1__compare) span[aria-hidden="true"] {
  font-size: 0; line-height: 0; display: inline-block;
  width: 18px; height: 18px; flex: 0 0 18px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M2 9h13M10 4l5 5-5 5' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.thecodest-ui-audit .about-us-phase1__text-link[href^="#"] span[aria-hidden="true"],
body.thecodest-ui-audit .industries-phase1__scroll-link span[aria-hidden="true"] { transform: rotate(90deg); }
body.thecodest-ui-audit .wave1-services__link .button__content,
body.thecodest-ui-audit .wave1-staff__faq-link .button__content,
body.thecodest-ui-audit .wave1-ai__text-link .button__content {
  display: inline-flex; align-items: center; gap: 10px; padding: 0;
}
/* The old 26px arrow also inflated CTA height; use an 18px icon instead. */
body.thecodest-ui-audit :is(.wave1-services__button, .wave1-ai__button, .wave1-product__button)
  [class$="__arrow"] { font-size: 1em; line-height: 1; }
body.thecodest-ui-audit .our-team-phase1 .ot-button .ui-audit-arrow {
  width: 1em; height: 1em; flex-basis: 1em;
}
/* Explicit child declarations do not inherit the readable parent label size. */
body.thecodest-ui-audit .staff-capability-page__tech-label {
  font-family: var(--font-family-text); font-size: 12px; line-height: 1.5;
}
body.thecodest-ui-audit .staff-capability-page__steps strong,
body.thecodest-ui-audit .staff-capability-page__icon {
  font-family: var(--font-family-headers); font-weight: 900; font-size: 16px; line-height: 1.5;
}
body.thecodest-ui-audit .staff-capability-page__icon { background: #f6f1fb; }
body.thecodest-ui-audit .staff-capability-page__code-panel { font-weight: 300; }

/* QA follow-up 2026-11 (CU 869fcg87y): items that failed QA on 2026-10-14. */

/* H-01/S-09: arrows rendered as SVG markup (thecodest_ui_arrow_icon) inside CTA buttons. */
body.thecodest-ui-audit .button__content:has(> .ui-audit-arrow) {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

/* S-05: minimum 12 px for labels on audited compositions. */
body.thecodest-ui-audit :is(.staff-capability-page__card-no, .staff-capability-page__backend-api-label,
  .rapid-ai-prototyping__core-bar span) {
  font-size: 12px !important;
  line-height: 1.5 !important;
}

/* S-07: industry descriptions are prose, so Fira Sans like the rest of the body text. */
body.thecodest-ui-audit .industries-phase1__description {
  font-family: var(--font-family-text) !important;
  font-weight: 400 !important;
}

/* S-10: Contact "Send" uses the production .button--primary metrics. */
body.thecodest-ui-audit .contact-page .contact-form__form .el-button {
  font-family: var(--font-family-base) !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  text-transform: uppercase;
  min-height: 42px;
  padding-top: 0;
  padding-bottom: 0;
  border: 0;
}
@media (min-width: 1024px) {
  body.thecodest-ui-audit .contact-page .contact-form__form .el-button {
    font-size: 18px !important;
    min-height: 54px;
  }
}

/* S-13: minimum 24 px target height for text links (WCAG 2.5.8). */
body.thecodest-ui-audit :is(.opinions__button, .staff-capability-page__eyebrow-link) {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
}

/* S-01: About us had no space around the shared opinions block (video above, navy CTA below).
 * Same rhythm as the opinions block on Staff augmentation: 60 px mobile, 120 px desktop. */
body.thecodest-ui-audit .about-us-phase1-video + .section.opinions { margin: 60px 0 !important; }
@media (min-width: 1024px) {
  body.thecodest-ui-audit .about-us-phase1-video + .section.opinions { margin: 120px 0 !important; }
}