/* The legal pages (pages_legal.py, 2026-11-11): the Impressum and the privacy policy on a sheet torn
   out of the notebook. Readable first: one column of about 68 characters, the site's sans, links
   underlined in the brand orange. One page per language since 2026-11-12 (the nav's EN · DE · ES
   links to the others, as on every page): no language tabs any more. */
.lg-main .tear--close { margin-top: clamp(28px, 4vw, 64px); }
.lg-sheet { color: #111; }
/* the title a little further from the punched holes than before, now that no tabs stand between them */
.lg { width: min(900px, 100%); margin-inline: auto; box-sizing: border-box;
      padding: clamp(64px, 7.5vw, 108px) clamp(22px, 6vw, 92px) clamp(44px, 6vw, 90px); }

.lg-title { font: 400 clamp(34px, 6.2vw, 76px)/0.95 'Archivo Black', system-ui, sans-serif; letter-spacing: -0.035em;
            text-transform: uppercase; margin: 0 0 18px; overflow-wrap: anywhere; hyphens: auto; }
.lg-binding { font: 500 14px/1.5 var(--sans); border-left: 3px solid #FF8738; background: rgba(255, 135, 56, 0.1);
              padding: 10px 14px; margin: 0 0 26px; max-width: 68ch; }
.lg-panel h2 { font: 700 clamp(19px, 1.7vw, 23px)/1.25 var(--sans); letter-spacing: -0.01em; margin: 2.1em 0 0.6em;
               padding-top: 0.9em; border-top: 1px solid rgba(17, 17, 17, 0.16); scroll-margin-top: 90px; }
.lg-panel h2 > span[id] { scroll-margin-top: 90px; }          /* a named section's number (#s7 of #bretzi) */
.lg-panel h3 { font: 700 16.5px/1.35 var(--sans); margin: 1.7em 0 0.4em; scroll-margin-top: 90px; }
.lg-panel h4 { font: 700 15px/1.4 var(--sans); margin: 1.3em 0 0.3em; }
.lg-panel p, .lg-panel li, .lg-panel dd, .lg-panel dt, .lg-panel address, .lg-panel td, .lg-panel th {
  font: 400 clamp(15.5px, 1.12vw, 17px)/1.65 var(--sans); }
.lg-panel p, .lg-panel ul, .lg-panel ol, .lg-panel dl, .lg-panel address { max-width: 68ch; margin: 0 0 0.9em; }
.lg-panel ul, .lg-panel ol { padding-left: 1.25em; }
.lg-panel li + li { margin-top: 0.3em; }
.lg-panel address { font-style: normal; }
.lg-panel strong { font-weight: 700; }
.lg-panel dt { font-weight: 700; margin-top: 0.7em; }
.lg-panel dd { margin: 0; }
.lg-panel a { color: inherit; text-decoration: underline; text-decoration-color: #FF8738; text-decoration-thickness: 2px;
              text-underline-offset: 3px; overflow-wrap: anywhere; }
.lg-panel a:hover { text-decoration-color: #111; }
.lg-panel a:focus-visible { outline: 3px solid #FF8738; outline-offset: 2px; }
.lg-panel table { border-collapse: collapse; width: 100%; max-width: 68ch; margin: 0.4em 0 1.2em; display: block; overflow-x: auto; }
.lg-panel th, .lg-panel td { text-align: left; vertical-align: top; padding: 8px 12px 8px 0; border-bottom: 1px solid rgba(17, 17, 17, 0.14); }
.lg-panel th { font-weight: 700; }
.lg-panel .lg-stand, .lg-panel .stand { font: 500 13.5px/1.5 var(--sans); opacity: 0.7; margin-top: 2em; }
.lg-panel .highlight, .lg-panel .lg-highlight { border: 2px solid #111; padding: 14px 18px; margin: 1.2em 0; max-width: 68ch; }
.lg-panel .highlight p:last-child, .lg-panel .lg-highlight p:last-child { margin-bottom: 0; }

/* an open point only the owner can answer: must be gone before launch */
.lg-owner { background: #FFE14D; color: #111; padding: 0 3px; font-weight: 600; }

@media (max-width: 600px) {
  .lg { padding-inline: 20px; }
}