/* ─────────────────────────────────────────────
   SITE-WIDE ACCESSIBILITY & FOOTER LAYER
   Loaded after the page-specific stylesheet on every page.
   Relies on the shared CSS custom properties (--text, --accent,
   --font-mono, --font-body, --border, --max, --gutter, etc.)
   already declared in each page's own :root block.
   ───────────────────────────────────────────── */

/* Skip to main content — WCAG 2.4.1 */
.skip-link {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-120%);
  background: var(--accent);
  color: #fff;
  padding: 14px 22px;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline;
  z-index: 10000;
  border-radius: 0 0 var(--r-md) 0;
  transition: transform 0.15s ease;
}
.skip-link:focus {
  transform: translateY(0);
  outline: 2px solid #fff;
  outline-offset: -4px;
}

/* Visible focus indicator everywhere — WCAG 2.4.7 */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

/* Respect reduced-motion preference — supports WCAG 2.2.2 */
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }
}

/* ── Restructured footer: Company Info / Quick Links / Investor
   Advisory / Legal & Policies / Contact Details ── */
.foot-top {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1.15fr 1fr 1.1fr;
  gap: clamp(28px, 4vw, 48px);
  padding-bottom: 48px;
  border-bottom: 1px solid var(--border-strong);
}
.foot-col h3 {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--accent);
  font-weight: 600;
  margin-bottom: 16px;
}
.foot-col ul { list-style: none; margin: 0; padding: 0; }
.foot-col ul li { margin-bottom: 11px; }
.foot-col ul li a,
.foot-disclaimer a {
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.foot-contact-list li {
  font-family: var(--font-body);
  font-size: 13.5px;
  color: var(--text-dim);
  line-height: 1.5;
}
.foot-disclaimer { margin-top: 32px; }
.foot-disclaimer p { margin-bottom: 12px; }
.foot-meta-links {
  display: flex;
  gap: 18px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.foot-meta-links a { font-weight: 600; text-decoration: underline; }

@media (max-width: 900px) {
  .foot-top { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .foot-top { grid-template-columns: 1fr; }
}

/* ── Prose / body links inside long-form policy content —
   bold + underlined per audit advisory. Scoped to running text
   (paragraphs / list items) so nav, buttons and card-style links
   keep their existing distinct treatment. ── */
p a,
li a,
.charter-block a,
.gcontact a {
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}