/* Support, report, /open and 404. */
.doc .back { margin: 0 0 18px; font-weight: 700; font-size: .9375rem; }
.doc .back a { display: inline-block; padding: 12px 0; text-decoration: none; }
.doc .back a::before { content: '‹ '; }
.doc .display { margin-bottom: 12px; }
.doc .lede { margin: 0 0 22px; }
.doc section { padding: 22px 0 6px; border-top: 1px solid var(--hair); }
.doc .gpill { width: auto; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; }
.doc form { margin-top: 8px; }
.doc form .btn { margin-top: 6px; }
.doc form .small { margin-top: 14px; }
.open-page { padding-top: calc(56px + env(safe-area-inset-top)); }
.open-page .app-icon { width: 96px; height: 96px; border-radius: 22px; margin: 0 auto; display: block; }
.open-page .title { margin: 24px 0 0; }
.open-page .actions { margin: 24px auto 0; max-width: 288px; }
.open-page .actions > * + * { margin-top: 12px; }
/* The kit's pills centre their label; only their width changes here. */
.open-page .actions .btn, .open-page .actions .gpill { display: -webkit-box; display: -webkit-flex; display: flex; }
.open-page .actions .gpill { min-height: 3.25rem; }
/* "Open for keeps" as the text button: ink 16/600, a 44 target. */
.open-page .o-text {
  display: block; min-height: 44px; line-height: 44px;
  font-size: 1rem; font-weight: 600; color: var(--ink); text-decoration: none;
}
/* A desktop: the two stores side by side. */
.open-page .o-pair { max-width: 26rem; display: -webkit-box; display: -webkit-flex; display: flex; }
.open-page .o-pair > * { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
.open-page .o-pair > * + * { margin-top: 0; margin-left: 12px; }
.open-page .o-what { margin: 24px 0 0; }
.open-page .o-what a { font-size: .8125rem; font-weight: 600; color: var(--ink); text-decoration: none; }
.open-page .o-foot { margin-top: 40px; line-height: 44px; }
.open-page .o-foot > * { display: inline-block; margin: 0 8px; vertical-align: middle; }
.open-page .o-foot .wordmark { font-size: 1rem; }
.open-page .o-by { font-size: .75rem; font-weight: 500; color: var(--graphite); }
.open-page .o-foot a { font-size: .75rem; font-weight: 600; color: var(--ink); text-decoration: none; }
