/* ── Base ── */
* { box-sizing: border-box; margin: 0; padding: 0; }

body, .container-fluid {
  background-color: var(--bg) !important;
  color: var(--text);
  font-family: var(--font-sans);
  font-size: 14px;
}

/* ── Typographic wrapping ── avoids single-word orphans on titles */
h1, .upgrade-title, .panel-title, .fl-card-title { text-wrap: balance; }
p, .upgrade-sub { text-wrap: pretty; }

/* ── Skip-to-content link (WCAG 2.4.1, visible on keyboard focus) ── */
.skip-link {
  position: absolute;
  top: -100px;
  left: 12px;
  z-index: 10000;
  padding: 10px 16px;
  background: var(--accent);
  color: #0a0a0a;
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-decoration: none;
  border-radius: var(--r-btn);
  transition: top 120ms ease-out;
}
.skip-link:focus {
  top: 12px;
  outline: 2px solid var(--text);
  outline-offset: 2px;
}