/* The prerendered text of every page (scripts/prerender.ts): what phones and search engines read. */

/* Computers get the app, which replaces this text as soon as it starts: do not flash it first. */
@media (pointer: fine) {
  #root:not([data-static]) > .st { visibility: hidden; }
}

.st { max-width: 760px; margin: 0 auto; padding: 0 16px 56px; font-size: 16px; line-height: 1.7; color: #bdbdbd; overflow-wrap: anywhere; }
.st a { color: #e6e6e6; text-underline-offset: 3px; }
.st-nav { display: flex; flex-wrap: wrap; gap: 4px 16px; padding: 16px 0; margin-bottom: 24px; border-bottom: 1px solid #2a2a2a; font: 400 11px/1.9 "JetBrains Mono", ui-monospace, monospace; letter-spacing: 0.08em; }
.st-nav a { text-decoration: none; }
.st-crumbs { font: 400 11px/1.7 "JetBrains Mono", ui-monospace, monospace; color: #8a8a8a; margin: 0 0 12px; }
.st h1 { font-size: clamp(27px, 6vw, 40px); font-weight: 300; line-height: 1.2; color: #eee; margin: 0 0 16px; }
.st h2 { font-size: 20px; font-weight: 400; line-height: 1.35; color: #e6e6e6; margin: 40px 0 12px; }
.st ul { padding-left: 18px; }
.st li { margin-bottom: 10px; }
.st li small { display: block; font-size: 14px; line-height: 1.55; color: #9a9a9a; }
.st blockquote { margin: 0 0 6px; color: #e6e6e6; }
.st figure { margin: 0 0 22px; padding-left: 14px; border-left: 1px solid #2a2a2a; }
.st figcaption { font: 400 12px/1.6 "JetBrains Mono", ui-monospace, monospace; }
.st-lead { font-size: 18px; color: #e6e6e6; }
.st-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 20px 0; padding: 14px; border: 1px solid #2a2a2a; }
.st-facts dt { font: 400 10px/1.4 "JetBrains Mono", ui-monospace, monospace; letter-spacing: 0.14em; text-transform: uppercase; color: #8a8a8a; }
.st-facts dd { margin: 0; font-size: 14px; color: #e6e6e6; }
.st-links { display: flex; flex-wrap: wrap; gap: 8px 16px; list-style: none; padding: 0; }
.st-links li { margin: 0; font-size: 15px; }
.st-foot { margin-top: 48px; padding-top: 16px; border-top: 1px solid #2a2a2a; font: 400 11px/1.8 "JetBrains Mono", ui-monospace, monospace; color: #8a8a8a; }

/* The phone notice above the text. */
.st-note { max-width: 760px; margin: 0 auto; padding: 12px 16px; border-bottom: 1px solid #2a2a2a; font-size: 13px; line-height: 1.5; color: #bdbdbd; }
.st-note p { margin: 0 0 8px; }
.st-note button { color: #e6e6e6; }