/* Shared prose layout for imprint.html and privacy.html — the site's
   other pages are card/grid compositions, but these two are long-form
   text, so they get their own minimal reading layout instead of forcing
   .page-intro's two-column grid onto a wall of paragraphs. */

.legal-banner{margin:0 7vw 40px;padding:16px 22px;background:#e8e4d7;border-radius:12px;font-size:14px;line-height:1.5;font-weight:600;max-width:820px}
.legal-banner b{color:var(--sage-deep)}

.legal-body{padding:0 7vw 140px;max-width:820px}
.legal-body h2{font-size:var(--fs-h4);letter-spacing:-.02em;margin:52px 0 14px}
.legal-body h2:first-child{margin-top:0}
.legal-body p{font-size:var(--fs-sm);line-height:1.7;max-width:68ch;margin:0 0 14px}
.legal-body ul{margin:0 0 14px;padding-left:22px}
.legal-body li{font-size:var(--fs-sm);line-height:1.65;margin-bottom:8px;max-width:64ch}
.legal-body a{border-bottom:1px solid currentColor}

/* Reuses the section background already used by .planned-strip and
   .values-panel elsewhere on the site, so the imprint's fact block
   reads as the same idiom rather than a one-off card style. */
.legal-fact{background:#e8e4d7;border-radius:14px;padding:28px 32px;max-width:640px}
.legal-fact p{margin:0 0 4px}
.legal-fact .legal-label{font-size:var(--fs-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.6;margin-top:16px}
.legal-fact .legal-label:first-child{margin-top:0}

/* Inline marker for facts TSF still needs to confirm — same honest
   "not yet available" idiom as .media-soon/.social-soon elsewhere on
   the site, just inline rather than block-level, using the existing
   --orange token so it reads as "pending" rather than an error. */
.legal-flag{background:#f6e4cf;color:#7a4413;border:1px solid #e0b077;border-radius:5px;padding:1px 7px;font-size:.93em;font-weight:600;box-decoration-break:clone;-webkit-box-decoration-break:clone}

@media(max-width:650px){
  .legal-banner{margin:0 6vw 32px}
  .legal-body{padding:0 6vw 100px}
  .legal-fact{padding:22px 24px}
}