/* Privacy, terms and support: plain reading pages in the brand's type and colors. */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--st-paper); color: var(--st-ink); font: 400 17px/1.6 var(--st-font-sans); -webkit-font-smoothing: antialiased; }
a { color: var(--st-punch-deep); }
:focus-visible { outline: 3px solid var(--st-focus); outline-offset: 3px; border-radius: 6px; }
.wrap { width: min(760px, 100% - 32px); margin-inline: auto; }

header { background: var(--st-ink); }
header .wrap { height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
header img { height: 28px; width: auto; display: block; }
header a.home { color: #F7F2FF; text-decoration: none; font-weight: 500; font-size: 15px; opacity: .85; }
header a.home:hover { opacity: 1; }

main { padding: clamp(48px, 8vw, 96px) 0; }
h1 { margin: 16px 0 8px; font: 700 clamp(2.25rem, 1.6rem + 2.6vw, 3.5rem)/1.05 var(--st-font-display); letter-spacing: -0.015em; }
h1 em { font-weight: 900; font-style: italic; }
.updated { margin: 0 0 40px; color: var(--st-smoke); font-size: 15px; }
h2 { margin: 48px 0 12px; font: 700 clamp(1.4rem, 1.2rem + .8vw, 1.75rem)/1.2 var(--st-font-display); letter-spacing: -0.01em; }
h3 { margin: 28px 0 8px; font: 600 18px/1.3 var(--st-font-sans); }
p, li { max-width: 68ch; }
ul { padding-left: 1.2em; }
li { margin: 6px 0; }
.summary { background: #fff; border: 1px solid rgba(18,14,28,.08); border-radius: var(--st-radius-lg); box-shadow: var(--st-shadow-card); padding: 8px 24px; }
.summary li { margin: 10px 0; }
code { font: 500 14px var(--st-font-mono); background: var(--st-mist); padding: 2px 7px; border-radius: 6px; overflow-wrap: anywhere; }

footer { background: var(--st-ink); color: var(--st-haze); font-size: 14px; padding: 32px 0; }
footer .wrap { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
footer nav { display: flex; gap: 20px; flex-wrap: wrap; }
footer a { color: #F7F2FF; text-decoration: none; opacity: .8; }
footer a:hover { opacity: 1; }