/* Generated by tools/render_hilfe.py -- do not edit by hand.
   One stylesheet for every generated page (help articles and the landing page),
   so the two page types cannot drift apart. Palette and type scale kept
   identical to /privacy and /impressum. */
:root{
  --paper:#f7f8fb; --card:#fff; --ink:#1c2130; --ink-soft:#565f74;
  --brand:#3b5bdb; --brand-deep:#2b46b0; --rule:#dde1ea;
  --body:"Segoe UI",system-ui,Arial,sans-serif;
}
@media (prefers-color-scheme:dark){:root{
  --paper:#12141b; --card:#191c26; --ink:#e8eaf1; --ink-soft:#9aa3b8;
  --brand:#7591f5; --brand-deep:#5c7bf0; --rule:#2a2f3d;
}}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.65}
a{color:var(--brand-deep)}
@media (prefers-color-scheme:dark){a{color:var(--brand)}}
.wrap{max-width:720px;margin:0 auto;padding:0 22px}
header{padding:26px 0}
.wordmark{font-size:1.3rem;font-weight:700;letter-spacing:-.02em;color:var(--ink);text-decoration:none}
.wordmark b{color:var(--brand)}
main{padding:10px 0 50px}
h1{font-size:1.75rem;line-height:1.25;letter-spacing:-.02em;margin-bottom:10px}
h2{font-size:1.3rem;line-height:1.3;letter-spacing:-.01em;margin:36px 0 10px}
h3{font-size:1.05rem;margin:24px 0 6px}
p{margin-bottom:14px}
ul,ol{margin:0 0 14px 22px}
li{margin-bottom:8px}
li>ul,li>ol{margin-top:8px}
strong{font-weight:650}
hr{border:0;border-top:1px solid var(--rule);margin:34px 0}
blockquote{background:var(--card);border:1px solid var(--rule);border-left:4px solid var(--brand);
  border-radius:0 8px 8px 0;padding:12px 18px;margin:20px 0;color:var(--ink-soft);font-size:.95rem}
blockquote p{margin:0}
blockquote p+p{margin-top:11px}
blockquote strong{color:var(--ink)}
.table-wrap{overflow-x:auto;margin:0 0 18px}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid var(--rule);padding:8px 10px;text-align:left;vertical-align:top}
th{background:var(--card);font-weight:650}
.crumb{font-size:.9rem;color:var(--ink-soft);margin-bottom:16px}
.lede{color:var(--ink-soft);margin-bottom:22px}
.stand{color:var(--ink-soft);font-size:.9rem;margin-top:26px}
.appnote{font-size:.95rem}
.cards{list-style:none;margin:0 0 22px;padding:0}
.cards li{margin-bottom:20px}
.cards .t{display:block;font-weight:650;line-height:1.35}
.cards .t strong{font-weight:650}
.cards .d{display:block;margin-top:3px;color:var(--ink-soft);font-size:.95rem}
footer{border-top:1px solid var(--rule);padding:22px 0 34px;font-size:.85rem;color:var(--ink-soft)}
footer .wrap{display:flex;gap:18px;flex-wrap:wrap;justify-content:space-between}
footer nav{display:flex;gap:16px;flex-wrap:wrap}
footer a{color:var(--ink-soft)}
@media (max-width:480px){
  body{font-size:16px}
  h1{font-size:1.5rem}
  h2{font-size:1.2rem}
}

/* Landing page (bridge 146). Same components, a wider measure and a louder
   opening -- no second template, no second palette. */
.landing .wrap{max-width:800px}
.landing h1{font-size:clamp(1.8rem,5vw,2.5rem);margin-bottom:16px}
.landing h1+p{font-size:1.15rem;color:var(--ink-soft);max-width:34em}
.landing h2{font-size:1.45rem;margin-top:48px}
.landing h3{font-size:1.15rem;margin-top:32px}
.landing table{font-size:1rem}
.landing td:first-child{width:46%}

/* Language hint. Built by script only, so without JS there is simply no bar --
   it never carries content, only a pointer to the other language. */
.langhint{background:var(--card);border-bottom:1px solid var(--rule);font-size:.92rem}
.langhint .wrap{display:flex;gap:14px;align-items:center;justify-content:space-between;
  padding-top:9px;padding-bottom:9px}
.langhint button{background:none;border:0;color:var(--ink-soft);font:inherit;
  font-size:1.1rem;line-height:1;cursor:pointer;padding:4px 6px}