/* ============================================================
   /lexware-office-lager: notice that the planned Lexware Office add-on
   was discontinued (waitlist closed on 07.10.2026).
   Colors come from v4-theme.css (--bg, --ink, --ink-2, --line-2, --accent),
   fonts, spacing and font sizes are defined once below and used everywhere.
   ============================================================ */

.lx-page{
  --lx-sans:"Inter Tight","Helvetica Neue",sans-serif;
  --lx-serif:"Instrument Serif",Georgia,serif;
  --lx-mono:"Geist Mono",ui-monospace,monospace;

  --lx-space-xs:4px;
  --lx-space-sm:8px;
  --lx-space-md:12px;
  --lx-space-lg:16px;
  --lx-space-xl:24px;
  --lx-space-2xl:32px;
  --lx-space-3xl:56px;
  --lx-space-4xl:96px;

  --lx-font-xs:11px;
  --lx-font-sm:13px;
  --lx-font-base:16px;
  --lx-font-md:18px;
  --lx-font-xl:clamp(40px,6.4vw,76px);

  --lx-radius-pill:99px;

  --lx-wrap:1080px;
  --lx-narrow:720px;

  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--lx-sans);
  font-size:var(--lx-font-base);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}

.lx-page *{box-sizing:border-box}

/* the mobile drawer locks page scrolling while it is open */
.lx-locked{overflow:hidden}

/* ---------- layout ---------- */
.lx-main{padding-top:var(--nav-h,64px)}
.lx-wrap{max-width:var(--lx-wrap);margin:0 auto;padding:0 clamp(20px,4vw,64px)}
.lx-hero{padding:var(--lx-space-4xl) 0 var(--lx-space-3xl)}

/* ---------- typography ---------- */
.lx-tag{display:inline-flex;align-items:center;gap:var(--lx-space-sm);font-family:var(--lx-mono);font-size:var(--lx-font-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--line-2);border-radius:var(--lx-radius-pill);padding:var(--lx-space-xs) var(--lx-space-md)}
.lx-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
.lx-title{font-size:var(--lx-font-xl);line-height:1.02;letter-spacing:-.02em;font-weight:700;margin:var(--lx-space-xl) 0}
.lx-serif{font-family:var(--lx-serif);font-style:italic;font-weight:400}
.lx-lead{font-size:var(--lx-font-md);max-width:var(--lx-narrow);margin:0 0 var(--lx-space-lg)}
.lx-text{color:var(--ink-2);max-width:var(--lx-narrow);margin:0 0 var(--lx-space-lg)}
.lx-link{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--accent)}
.lx-legal{font-size:var(--lx-font-sm);color:var(--ink-2);margin:var(--lx-space-2xl) 0 0}