:root { --amv: hsl(219 8% 9%); --ma: hsl(219 8% 13%); --jssye: hsl(219 8% 22%); --vane: hsl(48 45% 66%); --gire: hsl(256 23% 85%); --bici: hsl(216 18% 66%) }
body { text-rendering: optimizeLegibility; background: var(--amv); font: 19px/1.48 Verdana, Geneva, sans-serif; font-kerning: normal; color: var(--gire) }
a { color: var(--vane) }
a:visited { color: var(--bici) }
a:hover { text-decoration-thickness: 2px; color: var(--gire) }
.tole__index { padding-left: 1.4em }
.tole__post-item { padding: 0.63em 0; border-bottom: 1px solid var(--jssye) }
.tole__year { margin-top: 2.85em }
.tole__prev-next { margin-top: 1.9em; font-family: ui-monospace, Menlo, Consolas, monospace }
.tole__kit { line-height: 1.6 }
.tole__colophon { padding-bottom: 1.9em; margin-top: 3.8em; color: var(--bici); font-size: 0.9em }
.tole__preface { color: var(--bici); font-size: 1.1em }
.tole__error { padding: 3.8em 0; text-align: center }
article blockquote { color: var(--bici); font-style: italic; margin-left: 1.5em }
article cite { font-size: 0.9em; color: var(--bici) }
article h3 { letter-spacing: 0.01em; color: var(--gire); font-size: 1.2em; font-weight: 600 }
article p { color: var(--gire); hyphens: auto }
.tole__entry-name { font-size: 2.1em; margin: 0.95em 0 0.2em }
.tole__article-foot { margin-top: 1.9em; padding-top: 0.4em; border-top: 1px dashed var(--jssye) }
a.tole__title { text-decoration: none; font-size: 2.1em; font-family: 'Book Antiqua', Palatino, Georgia, serif; color: var(--gire) }
.tole__nav { flex-wrap: wrap; padding: 0; list-style: none; display: flex; margin: 0.4em 0 1.9em; gap: 0.3em 0.9em }
.tole__nav-item { text-transform: uppercase; font-family: 'Book Antiqua', Palatino, Georgia, serif }
.tole__byline { color: var(--bici); font-family: ui-monospace, Menlo, Consolas, monospace }
.tole__frame { max-width: 46em; padding: 0 1.45em; margin: 0 auto }
h1, h2, h3 { line-height: 1.19; color: var(--gire); font-family: 'Book Antiqua', Palatino, Georgia, serif; letter-spacing: 0.01em }
.tole__banner { padding-top: 2.85em }
