:root {
    --ink: #181818;
    --paper: #f4f1eb;
    --soft: #e7e3dc;
    --muted: #dedbd4;
    --white: #ffffff;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    background: var(--paper);
    color: var(--ink);
    font-family: Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; }
a { color: inherit; transition: opacity .2s ease; }
a:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-weight: 400; }
p { font-size: 20px; line-height: 1.55; }
h1, h2, h3, p { overflow-wrap: normal; word-break: normal; hyphens: none; }