/* Tenacious J Carriers — Privacy Policy / Terms page styling.
   Uses the design-system tokens (var(--tj-*)). Body in Hanken Grotesk for
   readability; only the page title uses the chunky display face (weight 400). */

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.lg { margin: 0; font-family: var(--font-body); color: var(--tj-gray-700);
  background: var(--tj-white); line-height: 1.65; }

.lg-container { width: 100%; max-width: 820px; margin: 0 auto; padding: 0 6vw; }

/* Header */
.lg-head { background: var(--tj-gray-300); box-shadow: 0 2px 5px #0000002e; }
.lg-head__bar { display: flex; align-items: center; justify-content: space-between; gap: 16px;
  min-height: 72px; }
.lg-head__brand { display: flex; align-items: center; }
.lg-head__brand img { height: 52px; display: block; }
.lg-head__back { color: var(--tj-black); font-weight: 700; font-size: 14px; text-decoration: none;
  white-space: nowrap; }
.lg-head__back:hover { color: var(--tj-green-deep); }

/* Body */
.lg-main { padding: 48px 6vw 72px; }
.lg-title { font-family: var(--font-display); font-weight: 400; font-size: clamp(34px, 6vw, 52px);
  line-height: 1.05; text-transform: uppercase; color: var(--tj-black); margin: 0 0 6px;
  letter-spacing: -0.01em; }
.lg-meta { font-size: 14px; color: var(--tj-gray-500); margin: 0 0 28px; font-weight: 600; }
.lg-main p { font-size: 16px; margin: 0 0 16px; }
.lg-h2 { font-size: 21px; font-weight: 800; color: var(--tj-black); margin: 34px 0 12px;
  line-height: 1.2; }
.lg-list { margin: 0 0 16px; padding-left: 22px; }
.lg-list li { font-size: 16px; margin-bottom: 8px; }
.lg-main a { color: var(--tj-green-deep); font-weight: 700; }

/* The mandated SMS no-sharing clause — called out so it's easy to find. */
.lg-callout { border-left: 4px solid var(--tj-green); background: var(--tj-gray-100);
  padding: 16px 18px; border-radius: 0 8px 8px 0; }

.lg-footlinks { margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--tj-gray-200);
  font-size: 15px; }

/* Footer */
.lg-foot { background: var(--tj-ink); color: var(--tj-gray-400); padding: 28px 0; font-size: 13px; }
.lg-foot .lg-container { padding-top: 0; padding-bottom: 0; }