/* shared/styles/llc-base.css
   CSS reset + design tokens for LLC site network.
   Intentionally different values from base.css. */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --font-body: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-code: 'Cascadia Code', 'Fira Code', monospace;
  --wrap: 1100px;
  --gap-xs: 0.2rem;
  --gap-sm: 0.5rem;
  --gap-md: 1.2rem;
  --gap-lg: 2.4rem;
  --gap-xl: 4.8rem;
  --corner: 4px;
}

html { font-family: var(--font-body); line-height: 1.65; -webkit-text-size-adjust: 100%; }
body { min-height: 100dvh; }
img, svg { max-width: 100%; display: block; }
a { color: inherit; }

.wrap { width: 100%; max-width: var(--wrap); margin: 0 auto; padding: 0 var(--gap-md); }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }

@media (max-width: 800px) {
  :root {
    --gap-lg: 1.6rem;
    --gap-xl: 3rem;
  }
}