/* Copyright (c) 2026 LB IT Cloud SAS. All rights reserved.
   Proprietary source of the LB IT Cloud website. See LICENSE.

   The legal notice. One column, generous line height, nothing decorative: this page
   is read by somebody hunting for one line — an SIRET, the host's name, whether the
   site sets a cookie — and every card, icon or accent would be in the way of that. */

.legal { max-width: 780px; }
.legal h1 { font-size: clamp(34px, 4.6vw, 54px); font-weight: 760; font-stretch: 72%; line-height: 1; letter-spacing: -.005em; }
.legal .lead { margin-top: 14px; color: var(--ink-2); font-size: 17px; }
.legal h2 {
  font-family: var(--display); font-size: 23px; font-weight: 760; font-stretch: 72%; letter-spacing: -.005em; color: var(--ink);
  margin: 40px 0 14px; padding-top: 22px; border-top: 1px solid var(--line);
}
.legal p { color: var(--ink-2); font-size: 16px; line-height: 1.7; margin-bottom: 12px; max-width: 68ch; }
.legal p b { color: var(--ink); font-weight: 700; }
.legal a { color: var(--brand); }
/* The two lists of the free tools' terms — what you may do, what is not granted. Same face and
   measure as the paragraphs; the bullets take the touch colour from site.css. */
.legal ul { margin: 0 0 14px; padding-left: 22px; max-width: 68ch; }
.legal li { color: var(--ink-2); font-size: 16px; line-height: 1.7; margin-bottom: 8px; padding-left: 4px; }
.legal li b { color: var(--ink); font-weight: 700; }

/* Label and value, side by side on a desktop and stacked on a phone. A description
   list rather than a table: these are pairs, not rows of a grid, and a screen reader
   reads them as pairs. The label is written in the reference face, like the
   specification lines of the home page's plate. */
.lgrid { display: grid; gap: 0; }
.lrow {
  display: grid; grid-template-columns: 230px 1fr; gap: 16px; align-items: baseline;
  padding: 11px 0; border-bottom: 1px solid var(--line); font-size: 15px;
}
.lrow:last-child { border-bottom: 0; }
.lrow dt { font: 500 11px/1.5 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--ink-3); }
.lrow dd { color: var(--ink); margin: 0; }

/* MISSING, AND SAYING SO. A legal notice quietly lacking its registration number
   looks finished and is not; this cannot be mistaken for a value. See legal.js.
   A square label in the warning colours, not a pill. */
.todo {
  display: inline-block; padding: 3px 8px;
  background: var(--warn-bg); color: var(--warn); font: 600 11px/1.4 var(--mono); letter-spacing: .06em; text-transform: uppercase;
  border: 1px solid color-mix(in srgb, var(--warn) 30%, transparent);
}

.legal .updated { margin-top: 34px; color: var(--ink-3); font: 400 13.5px/1.5 var(--body); }

@media (max-width: 700px) {
  .lrow { grid-template-columns: 1fr; gap: 2px; }
}

/* ---------------------------------------------------------------------------
   LES TEXTES PUBLIÉS, sur la page Licences (12/10/2026).

   Le tableau par produit cesse de nommer les documents pour les donner. Deux ajouts
   seulement, parce que .lgrid et .lrow font déjà le gros du travail.

   LE PDF EST SECOND, ET SE VOIT COMME TEL. Le texte de référence est la page : elle se lie
   à l'article près, se cherche, suit le thème et la langue. Le PDF est là pour le dossier
   d'un service juridique. Il porte donc l'étiquette la plus discrète qui reste lisible,
   pas un bouton.

   LES VERSIONS PRÉCÉDENTES SONT REPLIÉES, dans un <details> natif plutôt que par un script :
   cette page n'a pas de JavaScript au-delà de son dictionnaire, et une archive qui ne
   s'ouvrirait pas sans JS serait une promesse mal tenue — on y vient pour retrouver le texte
   qu'on a accepté il y a trois ans.
   --------------------------------------------------------------------------- */
.lpdf {
  font: 500 10.5px/1 var(--mono);
  letter-spacing: .06em;
  padding: 3px 6px;
  border: 1px solid var(--line);
  color: var(--ink-3);
  text-decoration: none;
  vertical-align: 1px;
}
.lpdf:hover { color: var(--ink); border-color: var(--ink-3); }

.lold { margin-top: 18px; }
.lold summary {
  cursor: pointer;
  font: 500 11px/1.5 var(--mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--ink-3);
  padding: 8px 0;
}
.lold summary:hover { color: var(--ink); }
.lold .lgrid { margin-top: 4px; }
.lwhen { color: var(--ink-3); font-size: 13px; margin-left: 8px; }