/* Company social links.
   Scoped deliberately to .company-social-link and .company-social only, so no other
   anchor, navigation item or layout is affected. Loaded after styles-v2.6.css, and the
   two-class selectors below outrank the existing .footer-nav a rule. */

.footer-nav .company-social-link,
.company-social .company-social-link {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: .35em;
  min-height: 44px;
  padding: .35rem .6rem;
  line-height: 1.2;
  white-space: nowrap;
  box-sizing: border-box;
}

/* Two-tone focus ring stays visible on the dark footer and on light page backgrounds. */
.footer-nav .company-social-link:focus-visible,
.company-social .company-social-link:focus-visible {
  outline: 3px solid #171614;
  outline-offset: 2px;
  box-shadow: 0 0 0 5px #f7f4ee;
  border-radius: 2px;
}

.company-social-icon {
  font-size: .85em;
  line-height: 1;
}

/* Prominent labelled social group on the Contact page. */
.company-social {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem 1.25rem;
  margin-top: 1.5rem;
}

.company-social > strong {
  flex-basis: 100%;
  font-size: .68rem;
  letter-spacing: .13em;
  text-transform: uppercase;
}


/* ==========================================================================
   TYPOGRAPHY READABILITY OVERRIDES - 2026-10-07
   --------------------------------------------------------------------------
   Source file : .codex-site-release-20261005/release/assets/social-links.css
   Method      : APPEND ONLY. Nothing above this marker was modified, so the
                 44px touch target, the two-tone focus ring and the deliberate
                 scoping that keeps these rules off other anchors and
                 navigation items are all unchanged.

   Why here    : .company-social-link is sized by ".footer-nav a" in
                 styles-v2.6.css at .82rem (13.12px), and on the Contact page it
                 otherwise inherits the body size. Both are below the 16px
                 control floor applied to social links, and this file already
                 owns the social link, so the floor is declared here rather than
                 in a broad footer rule.
   ========================================================================== */

/* Social links: 16px floor, including inside the dark footer. */
.footer-nav .company-social-link,
.company-social .company-social-link {
  font-size: 16px;
  line-height: 1.4;
}

/* The group heading is a caption, so it takes the 14px caption floor. */
.company-social > strong { font-size: 14px; }