/* ============================================================
   FLANGU LEGAL PAGES — legal.css
   Layout shell for standalone long-form pages (Privacy Policy,
   Terms of Use). All typography (dc-article, dc-otp, headings,
   lists, tables, etc.) comes from docs.css — this file only adds
   the two-column grid these pages need in place of docs.css's
   three-column .dc-layout, since there is no left sidebar to show
   (these are standalone pages, not part of a browsable section).
   ============================================================ */

.lg-article-layout {
  display: grid;
  grid-template-columns: 1fr 200px;
  /* .dc-article / .dc-otp (from docs.css) already carry grid-area: article / otp
     for the three-column .dc-layout — match those names here so the browser
     doesn't invent extra implicit tracks and stack both elements on top of
     each other. */
  grid-template-areas: "article otp";
  gap: 0 48px;
  max-width: 1100px;
  margin: 0 auto;
  padding: calc(72px + var(--sp-xl)) var(--sp-lg) var(--sp-2xl);
  align-items: start;
}

/* Below 1280px: single column (TOC shown in <details> at top of article) */
@media (max-width: 1279px) {
  .lg-article-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .lg-article-layout {
    padding: calc(72px + var(--sp-md)) var(--sp-md) var(--sp-xl);
  }
}