/* PC-Ansicht: greift erst ab 1024 px. Liegt außerhalb von index.html, damit sync-page sie nicht überschreibt. */
@media (min-width: 1024px) {
  /* Ausgabe: breitere Lesekarte */
  .sheet, .bar { max-width: 720px; }
  .sheet { padding-left: 44px; padding-right: 44px; }
  .bar { padding-left: 44px; padding-right: 44px; }

  /* Startseite: zwei Spalten, Themen darunter breit */
  .wrap.home {
    max-width: 1180px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 56px;
    align-items: start;
    padding-left: 40px;
    padding-right: 40px;
  }
  .wrap.home > * { grid-column: 1 / -1; min-width: 0; }
  .wrap.home > .hh { grid-row: 1; }
  .wrap.home > .hero { grid-column: 1; grid-row: 2; }
  .wrap.home > .qa { grid-column: 1; grid-row: 3; }
  .wrap.home > .hsec:nth-of-type(2) { grid-column: 2; grid-row: 2 / span 2; padding-top: 0; border-bottom: 0; }
  .wrap.home .tgrid { grid-template-columns: repeat(4, minmax(0, 1fr)); }

  /* Unterseiten etwas breiter */
  .wrap:not(.home) { max-width: 860px; }

  /* Tastatur-Hilfe */
  #kbkeys {
    position: fixed; left: 20px; bottom: 20px; z-index: 40;
    display: grid; gap: 6px; padding: 12px 14px;
    background: #ffffff; color: #111111; border: 1.5px solid #111111;
    font: 500 11px/1.35 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .02em;
  }
  #kbkeys[hidden] { display: none !important; }
  #kbkeys kbd {
    display: inline-block; min-width: 1.6em; padding: 1px 5px; margin-right: 6px; text-align: center;
    border: 1px solid #111111; font: inherit; font-weight: 700;
  }
  #kbkeys .t { font-weight: 700; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 2px; }
  #kbhint {
    position: fixed; left: 20px; bottom: 20px; z-index: 40; padding: 6px 10px;
    background: #ffffff; color: #111111; border: 1.5px solid #111111; cursor: pointer;
    font: 600 11px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .06em; text-transform: uppercase;
  }
  #kbhint[hidden] { display: none !important; }
}
@media (max-width: 1023px) {
  #kbkeys, #kbhint { display: none !important; }
}
@media (min-width: 1024px) {
  /* Daumenzone braucht's am PC nicht: Frage mittig statt ganz unten */
  .slide .qbody { margin-top: auto; margin-bottom: auto; }
}