/* Über und Installation: dieselben Farben und Formen wie die App. */
body.nebenseite {
  display: block;
  height: auto;
  min-height: 100%;
  max-width: 760px;
  margin: 0 auto;
  padding: 32px 20px 60px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.nebenseite header { display: flex; align-items: center; gap: 14px; margin-bottom: 8px; }
.nebenseite header img { height: 40px; }
.nebenseite h1 { font-size: 22px; line-height: 1.3; margin: 0; }
.nebenseite h2 { font-size: 17px; margin: 32px 0 8px; }
.nebenseite h3 { font-size: 14px; margin: 24px 0 4px; }
.nebenseite p, .nebenseite li { font-size: 14px; }
.nebenseite a { color: var(--accent); text-underline-offset: .18em; }
.nebenseite a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.nebenseite .card { background: var(--panel); border: 1px solid var(--line); border-radius: var(--r); padding: 16px 20px; margin: 14px 0; }
.nebenseite .card h2 { margin-top: 0; }
.nebenseite ol { padding-left: 22px; margin: 8px 0; }
.nebenseite li { margin: 4px 0; }
.nebenseite .hint, .nebenseite .en, .nebenseite footer { color: var(--muted); }
.nebenseite .en { font-style: italic; font-size: 13px; }
.nebenseite footer { margin-top: 48px; font-size: 12px; }
.nebenseite .btn { display: inline-block; background: var(--accent); color: var(--accent-ink); padding: 10px 18px; border-radius: var(--r-kapsel); text-decoration: none; font-weight: 600; margin-top: 6px; }
.nebenseite [hidden] { display: none; }
@media print {
  body.nebenseite { color: #000; background: #fff; max-width: none; padding: 0; }
  .nebenseite a, .nebenseite .hint, .nebenseite .en, .nebenseite footer { color: #000; }
  .nebenseite .card { background: #fff; border-color: #777; break-inside: avoid; }
}