.landing__more { display: flex; flex-direction: column; max-width: var(--col-read); }
.landing__more > .section { padding-block: var(--s-8); }
.landing__cta { max-width: var(--col-game); }

.asklist { display: flex; flex-direction: column; gap: var(--s-3); margin: 0; padding-left: var(--s-6); }
.asklist__q { display: block; font-weight: 600; }
.asklist__o { display: block; color: var(--c-muted); font: var(--t-small); }

.askdeck {
  width: 100%;
  max-width: 100%;
  height: 100dvh;
  max-height: 100dvh;
  margin: 0;
  padding: calc(var(--s-3) + env(safe-area-inset-top)) var(--gutter) calc(var(--s-4) + env(safe-area-inset-bottom));
  border: 0;
  background: var(--c-bg);
  color: var(--c-text);
}
.askdeck[open] { display: flex; flex-direction: column; gap: var(--s-6); }
.askdeck::backdrop { background: var(--c-bg); }
.askdeck__bar, .askdeck__card, .askdeck__end, .askdeck__nav { width: 100%; max-width: var(--col-game); margin-inline: auto; }
.askdeck__bar { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: var(--s-3); }
.askdeck__title { font: var(--t-button); }
.askdeck__count { color: var(--c-muted); font: var(--t-small); }
.askdeck__card, .askdeck__end { display: flex; flex: 1 1 auto; flex-direction: column; justify-content: center; gap: var(--s-4); }
.askdeck__q { font: var(--t-question-scene); }
.askdeck__o { color: var(--c-muted); font: var(--t-lead); }
.askdeck__nav, .tdeck__nav { grid-template-columns: 1fr 1fr; }

.tdeck { aspect-ratio: auto; min-height: 420px; }
.tdeck__q { flex: 1 1 auto; }
.tdeck__note { flex: 1 1 auto; }
.tdeck__lead { font: var(--t-question); }
.tdeck__nav { margin-top: auto; }
