/* Golders Capital: Legal notice (legal-notice.html), the page's own layout, scoped under .page-legal-notice.
   Tokens and the shared type roles only: no font-family, no Bodoni weight or optical size, no animation and no hidden
   state of its own (site.css sections 1, 5 and 6). The page, in order:
     hero    plain (site.css 5.2): the title at the display step on the margin, its one reveal (lines); the LCEN
             sentence beneath it, still, from 1100px standing on column 5, the reading line the whole notice keeps
     notice  long text (site.css 5.4): seven parts, the Jost heading in columns 1-4 level with the first line of its
             text, which runs from column 5 held to 65 characters; stacked below 1100px. Nothing moves; the lit
             things on these screens are the brass brackets, the parts counsel has still to fill */

/* hero: from 1100px the sentence leaves the margin for column 5, so it opens the reading line the seven parts
   below keep; under that it stays on the margin, beneath the title, as the shared hero sets it */
@media (min-width: 1100px) {
  .page-legal-notice .page-hero--plain { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gutter); }
  .page-legal-notice .page-hero--plain .page-hero__title { grid-column: 1 / 13; }
  .page-legal-notice .page-hero--plain .page-hero__sentence { grid-column: 5 / 13; }
}

/* the notice: the registered details one to a line, as they are read and copied (the email takes the long text's
   link style, site.css 5.4) */
.page-legal-notice .legal-lines { line-height: 1.8; }