@font-face { font-family: PagesSans; src: url('/fonts/kievit-300-normal.woff') format('woff'); font-weight: 300; font-display: swap; }
@font-face { font-family: PagesSans; src: url('/fonts/kievit-700-normal.woff') format('woff'); font-weight: 700; font-display: swap; }
@font-face { font-family: PagesSerif; src: url('/fonts/charter-400-normal.woff') format('woff'); font-weight: 400; font-display: swap; }
* { box-sizing: border-box; }
body { margin: 0; background: #fff; color: rgb(0 0 0 / 80%); font: 400 18px/1.58 PagesSerif, Georgia, serif; }
main { max-width: 732px; margin: 0 auto; padding: 21px 21px 64px; }
nav, .meta, .copy-status, footer { color: #79828b; font: 300 15px/1.5 PagesSans, Arial, sans-serif; }
nav { display: flex; align-items: center; gap: 18px; font-size: 14px; }
nav a:first-child { margin-right: auto; }
nav a { border: 0; }
h1 { margin: 21px 0 12px; color: #000; font: 700 32px/34px PagesSans, Arial, sans-serif; }
h2 { margin: 30px 0 12px; color: #000; font: 700 24px/28px PagesSans, Arial, sans-serif; }
p { margin: 0 0 12px; }
a { color: inherit; text-decoration: none; border-bottom: 1px solid #b8b8b8; }
a:hover { color: #000; border-color: #000; }
code { font: 14px/1.55 Menlo, Consolas, monospace; overflow-wrap: anywhere; }
pre { margin: 12px -21px; padding: 15px 21px; background: #f5f8fc; white-space: pre-wrap; overflow-wrap: anywhere; }
pre code { padding: 0; }
.copy-row { display: flex; align-items: center; gap: 15px; min-height: 25px; margin-bottom: 18px; }
button { color: #000; background: #fff; border: 1px solid #333; border-radius: 16px; padding: 4px 12px; font: 700 15px/20px PagesSans, Arial, sans-serif; cursor: pointer; }
button:hover { background: #f5f5f5; }
:focus-visible { outline: 2px solid #000; outline-offset: 4px; }
ul { margin: 0 0 12px; padding-left: 25px; }
li { margin-bottom: 5px; }
.downloads { display: flex; align-items: baseline; flex-wrap: wrap; gap: 12px 20px; margin-bottom: 18px; }
details { font-size: 16px; }
summary { cursor: pointer; }
footer { border-top: 1px solid #e4e4e4; margin-top: 36px; padding-top: 18px; }
.metrika-noscript { position: absolute; left: -9999px; }
@media (max-width: 400px) { nav { font-size: 13px; } }