/* =============================================================================
   Legal & Privacy page. Loaded only on /legal — shared shell lives in site.css.
   ========================================================================== */

.legal { color: var(--ink); overflow-x: hidden; }
.lg-inner { max-width: 1080px; margin: 0 auto; }

/* ------------------------------------------------------------------ intro -- */
.legal-hero { padding: 76px 32px 20px; }

.lg-eyebrow { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.lg-eyebrow__rule { width: 26px; height: 2px; background: #05a558; }
.lg-eyebrow__text {
  font-size: 12.5px; letter-spacing: .16em; text-transform: uppercase;
  color: #05a558; font-weight: 600;
}

.lg-title {
  margin: 0; font-size: 52px; line-height: 1.04; letter-spacing: -.03em;
  font-weight: 700; max-width: 720px;
}
.lg-lede { max-width: 620px; margin: 20px 0 0; font-size: 18px; line-height: 1.55; color: #565a4f; }

.lg-langchip {
  display: inline-flex; align-items: center; gap: 9px; margin-top: 20px;
  background: #fff; border: 1px solid rgba(20, 22, 15, .1); border-radius: 12px; padding: 9px 15px;
  font-size: 13.5px; color: #3d4136;
}
.lg-langchip__icon { color: #05a558; flex: none; }
.lg-langchip b { color: var(--ink); font-weight: 600; }

/* -------------------------------------------------------------- documents -- */
.legal-docs { padding: 20px 32px 44px; }
.lg-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.lg-empty { font-size: 15px; color: #6b6f63; }

.lg-doc {
  background: #fff; border: 1px solid rgba(20, 22, 15, .09); border-radius: 18px;
  padding: 26px 28px; display: flex; flex-direction: column;
  box-shadow: 0 18px 40px -38px rgba(18, 40, 28, .3);
  transition: transform .16s ease, box-shadow .16s ease;
}
.lg-doc:hover { transform: translateY(-2px); box-shadow: 0 24px 48px -32px rgba(18, 40, 28, .32); }

.lg-doc__head { display: flex; align-items: flex-start; gap: 13px; }
.lg-doc__icon {
  flex: none; width: 42px; height: 42px; border-radius: 11px;
  background: rgba(0, 214, 119, .12);
  display: flex; align-items: center; justify-content: center;
}
.lg-doc__body { flex: 1; min-width: 0; }
.lg-doc__title { margin: 0; font-size: 18px; font-weight: 700; letter-spacing: -.01em; }
.lg-doc__desc  { margin: 8px 0 0; font-size: 14px; line-height: 1.5; color: #565a4f; text-wrap: pretty; }

.lg-doc__meta { display: flex; align-items: center; gap: 9px; margin-top: 14px; flex-wrap: wrap; }
.lg-badge {
  flex: none; font-size: 11px; font-weight: 700; letter-spacing: .03em;
  padding: 4px 9px; border-radius: 6px;
  background: rgba(0, 214, 119, .12); color: #05a558;
}
.lg-badge--fallback { background: rgba(245, 166, 35, .16); color: #c2790b; }
.lg-badge--off { background: rgba(20, 22, 15, .08); color: #8b8f82; }
.lg-note { font-size: 12.5px; color: #8b8f82; }

.lg-doc__actions { display: flex; gap: 10px; margin-top: 14px; flex-wrap: wrap; }
.lg-dl {
  display: inline-flex; align-items: center; gap: 7px;
  background: #f6f8f4; border: 1px solid rgba(20, 22, 15, .14); border-radius: 10px;
  padding: 9px 15px; font-size: 13.5px; font-weight: 700; color: var(--ink);
  text-decoration: none;
}
.lg-dl:hover { background: #eef1ec; }
.lg-dl__icon { color: #05a558; flex: none; }
.lg-dl--word .lg-dl__icon { color: #2b7fd0; }
.lg-dl--off { opacity: .5; cursor: not-allowed; }
.lg-dl--off:hover { background: #f6f8f4; }
.lg-dl--off .lg-dl__icon { color: #9aa39c; }
/* A document that lives as a page on this site, not as a download. It carries
   the accent border so the eye reaches it before the PDF next to it. */
.lg-dl--page { border-color: #05a558; color: #05733e; font-weight: 600; }
.lg-dl--page:hover { background: #e8f5ee; }
/* The governing-language line sits under the served-language note and should
   read as a footnote to it, not as a second claim of equal weight. */
.lg-note--gov { display: block; width: 100%; margin-top: 3px; font-style: italic; opacity: .85; }

/* ---------------------------------------------------------------- contact -- */
.legal-contact { padding: 4px 32px 90px; }
.lg-contact {
  background: #0f1210; border-radius: 20px; padding: 30px 34px;
  display: flex; gap: 24px; flex-wrap: wrap; align-items: center; justify-content: space-between;
}
.lg-contact__text { max-width: 620px; }
.lg-contact__title { font-size: 18px; font-weight: 700; color: #f4f6f2; }
.lg-contact__text p { margin: 8px 0 0; font-size: 14.5px; line-height: 1.6; color: #9aa39c; }
.lg-contact__cta {
  flex: none; text-decoration: none; background: var(--accent); color: #05130c;
  font-weight: 700; font-size: 14px; padding: 12px 22px; border-radius: 11px;
}
/* Two calls to action now sit side by side. The form is the one that actually
   starts a statutory clock, so the plain e-mail address steps back to a quieter
   outline rather than competing with it. */
.lg-contact__cta--form { background: #14160f; color: #fff; }
.lg-contact__cta--form:hover { background: #05a558; color: #05130c; }

.lg-footnote { margin: 18px 2px 0; font-size: 12.5px; color: #8b8f82; }
.lg-footnote a { color: #05a558; text-decoration: none; }
.lg-footnote a:hover { text-decoration: underline; }

/* ------------------------------------------------------------- responsive -- */
@media (max-width: 720px) {
  .lg-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .legal-hero, .legal-docs, .legal-contact { padding-left: 20px; padding-right: 20px; }
  .lg-title { font-size: 40px; }
}