/* Help (the App Store Support URL): the homepage's FAQ layout, with the safety line kept in view
   beside the questions on wide screens. */

.help-grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 72px; align-items: start; }
.help-side { position: sticky; top: 24px; }
.help-side .notice { font-size: 16px; padding: 18px 20px; }

.help-grid .qa h2 {
  font-family: var(--display); font-weight: 560;
  font-variation-settings: 'opsz' 36, 'SOFT' 100;
  font-size: 23px; line-height: 1.25; letter-spacing: -0.01em;
  scroll-margin-top: 24px;
}
.help-grid .qa { padding: 26px 0; scroll-margin-top: 24px; }
.qa-a.prose { max-width: none; }
.qa-a.prose > * + * { margin-top: 0.9em; }
.qa-a li, .qa-a td { color: var(--ink-2); font-size: 16px; }
.qa-a strong { color: var(--ink); }

.help-grid table { border-top: 1.5px solid var(--ink); font-variant-numeric: tabular-nums; }
.help-grid thead th { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-2); background: none; border-bottom: 1.5px solid var(--ink); padding-top: 10px; padding-bottom: 10px; }
.help-grid td:first-child { color: var(--ink); font-weight: 500; white-space: nowrap; }
.help-odds { max-width: 22rem; }
.help-odds td { vertical-align: middle; }
.help-odds .num { text-align: right; font-family: var(--display); font-variation-settings: 'opsz' 36, 'SOFT' 100; font-size: 19px; font-weight: 500; color: var(--ink); }
.help-odds th.num { font-family: var(--ui); font-size: 11px; font-weight: 600; color: var(--ink-2); }
.help-odds .stamp { font-size: 11px; }

@media (max-width: 980px) {
  .help-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .help-side { position: static; }
}
@media (max-width: 560px) {
  .help-grid .qa h2 { font-size: 21px; }
  .help-grid .qa { padding: 22px 0; }
  .help-grid td:first-child { white-space: normal; }
}

.page-head .lede a { color: var(--ink); text-decoration-color: var(--leaf); text-decoration-thickness: 2px; text-underline-offset: 3px; }