/* Integration theme for the supplied tool and its help page. Legal content,
   decision logic and the self-contained PDF renderer remain in the source files. */
:root {
  --gf-rot: var(--ln-accent);
  --gf-rot-text: var(--ln-accent-dark);
  --gf-rot-hell: var(--ln-accent-soft);
  --gf-rot-hauch: var(--ln-folder-hover);
  --gf-seite: var(--ln-bg);
  --gf-linie: var(--ln-border);
  --gf-gelb: var(--ln-gold);
  --ln-black-smoke: var(--ln-navy);
  --lnds-text-primary: var(--ln-text);
  --lnds-text-secondary: var(--ln-muted);
  --lnds-text-primary-inverted: #fff;
  --lnds-icon-secondary: var(--ln-muted);
  --lnds-background-canvas-secondary: var(--ln-bg);
  --lnds-background-surface-default: var(--ln-surface);
  --lnds-background-surface-muted: var(--ln-surface-2);
  --lnds-background-surface-subdued: var(--ln-border);
  --lnds-background-surface-inverted: var(--ln-navy);
  --lnds-border-default: var(--ln-border-strong);
  --lnds-border-subdued: var(--ln-border);
  --lnds-border-strong: var(--ln-border-strong);
  --lnds-border-focus: var(--ln-accent);
  --lnds-interactive-primary-default: var(--ln-link);
  --lnds-interactive-primary-active: var(--ln-link-dark);
  --lnds-accent-blue: var(--ln-blue);
  --lnds-accent-green: var(--ln-green);
  --lnds-elevation-2: var(--ln-sh-1);
  --lnds-font-sans: var(--ln-font);
  --lnds-corner-small: var(--ln-r);
  --lnds-corner-medium: var(--ln-r-lg);
  --gf-rand: 22px;
  --gf-innen: clamp(18px, 2.2cqi, 28px);
  --gf-luecke: 22px;
  /* Help page uses the same palette through its original token names. */
  --text: var(--ln-text);
  --text2: var(--ln-muted);
  --flaeche: var(--ln-surface);
  --flaeche-muted: var(--ln-surface-2);
  --rahmen: var(--ln-border);
  --rahmen-stark: var(--ln-border-strong);
  --fokus: var(--ln-accent);
  --gruen: var(--ln-green);
  --blau: var(--ln-blue);
  --ecke: var(--ln-r-lg);
  --schrift: var(--ln-font);
  --gf-sticky-top: calc(var(--ln-header-h) + var(--ln-toolnav-h) + 22px);
}

body { font-family: var(--ln-font); font-size: 14px; color: var(--ln-text); }
.gf-body { max-width: var(--ln-maxw); }
.karte { box-shadow: var(--ln-sh-0); }
.gf-main > div.karte { border-top-width: 1px; }
.frage-titel { font-size: clamp(20px, 2cqi, 25px); color: var(--ln-ink); }
.antwort .label { font-size: 16px; }
.btn { font-size: 14px; border-radius: var(--ln-r); }
.btn-rahmen { background: var(--ln-surface); }
.btn-primaer:hover { background: var(--ln-accent-dark); border-color: var(--ln-accent-dark); }
.text a, .gf-help main a { color: var(--ln-link); }
.text { color: var(--ln-document-text); }
/* The explanation's divider spans the card; only its text has a reading width. */
.erl-inhalt { max-width: none; }
.erl-inhalt > * { max-width: 72ch; }
.text a:hover, .gf-help main a:hover { color: var(--ln-link-dark); }
.text h3 { scroll-margin-top: var(--gf-sticky-top); }
.bericht-leiste { top: calc(var(--ln-header-h) + var(--ln-toolnav-h)); z-index: 190; }

.gf-help .kopf { position: static; border-top: 0; background: var(--ln-surface-2); }
.gf-help .kopf-innen { max-width: var(--ln-maxw); padding: 12px 22px; }
.gf-help .kopf h1 { font-size: 18px; }
.gf-help .raster { max-width: var(--ln-maxw); padding: 24px 22px 48px; }
.gf-help .karte { scroll-margin-top: var(--gf-sticky-top); }
.gf-fuss, .gf-help .fuss {
  background: transparent; color: var(--ln-muted); font-size: 12px;
  border-color: var(--ln-border); padding: 18px 22px 24px;
}

@container gf (min-width: 860px) {
  .gf-angaben { top: var(--gf-sticky-top); }
}
@container gf (min-width: 1180px) {
  .toc-seite { top: var(--gf-sticky-top); }
}
@media (min-width: 860px) {
  .gf-help .toc { top: var(--gf-sticky-top); }
}
@media (max-width: 640px) {
  :root { --gf-rand: 14px; --gf-luecke: 16px; }
  .gf-help .kopf-innen { padding: 12px 14px; }
  .gf-help .raster { padding: 16px 14px 32px; }
  .bericht-leiste .rechts { flex-wrap: wrap; }
}
@media print {
  .ln-header, .ln-toolnav, .ln-sitefooter { display: none !important; }
  .gf-help .kopf { background: #fff; }
  .gf-help .karte, .text h3 { scroll-margin-top: 0; }
}