/* Small pages: About and 404. Same type and colors as the home page. */
.pg { max-width: 680px; margin: 0 auto; padding: 0 24px 96px; color: #1D1D1F; }
.pg-nav { display: flex; align-items: center; justify-content: space-between; height: 64px; }
.pg-nav a { display: inline-flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; font: 600 15px/1 var(--sans); }
.pg-nav img { width: 28px; height: 28px; }
.pg-nav .dl { height: 36px; padding: 0 15px; border-radius: 10px; background: #000; color: #fff; font-size: 14px; }
.pg-nav .dl:hover { background: #2C2C2E; }
.pg h1 { margin: 72px 0 20px; font: 700 clamp(40px, 7vw, 60px)/1.04 var(--sans); letter-spacing: -.045em; }
.pg h1 span { color: #86868B; }
.pg p { margin: 0 0 18px; font: 400 19px/1.5 var(--text); color: #424245; }
.pg ul { list-style: none; margin: 36px 0 0; padding: 0; border-top: 1px solid #E5E5EA; }
.pg li a { display: flex; justify-content: space-between; align-items: center; padding: 16px 2px; border-bottom: 1px solid #E5E5EA; color: #1D1D1F; text-decoration: none; font: 500 17px/1.3 var(--text); }
.pg li a span { color: #86868B; font-weight: 400; }
.pg li a:hover { color: #0071E3; }
.pg-foot { margin-top: 56px; color: #86868B; font: 400 14px/1.5 var(--text); }