:root { --folio-blue:#1677ff; --folio-blue-hover:#0958d9; --folio-ink:#21262c; --folio-muted:#4e5969; --folio-soft:#f5f6f7; --folio-line:#e5e6eb; --folio-paper:#fff; --folio-radius:1rem; --folio-space:1.5rem; --folio-reading:75rem; --folio-text:1rem; --folio-heading:2.5rem; --folio-hint:#8f959e; }
*, ::before, ::after { box-sizing: border-box; }
html, body { margin: 0px; padding: 0px; overflow-x: hidden; }
body { font: 14px "Helvetica Neue", Helvetica, "PingFang SC", Tahoma, Arial, sans-serif; color: rgb(102, 102, 102); background: var(--folio-paper); }
h1, h2, h3, p, figure, ol, ul, section, article, aside, header, footer, hgroup { margin: 0px; padding: 0px; }
h1, h2, h3 { font-size: inherit; font-weight: inherit; line-height: inherit; }
ol, ul { list-style: none; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--folio-blue); }
button, select { font: inherit; }
button { cursor: pointer; }
img { border: 0px; vertical-align: middle; max-width: 100%; }
button { border: 0px; background: none; padding: 0px; }
:focus-visible { outline:2px solid var(--folio-blue); outline-offset:3px; }
button,a,summary{-webkit-tap-highlight-color:transparent}