/* triss.dev — the whole stylesheet */

body {
    max-width: 85ch;
    margin: 0 auto;
    padding: 0 1em 3em;
    line-height: 1.5;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

pre, code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

header nav {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0 1em;
    margin-top: 1em;
}

img {
    max-width: 100%;
    height: auto;
}

pre {
    overflow-x: auto;
    background: #eee;
    padding: .75em;
}

:not(pre) > code {
    background: #eee;
    padding: 0 .2em;
}

blockquote {
    margin-left: 1em;
    padding-left: 1em;
    border-left: 3px solid #999;
}

hr {
    border: none;
    border-top: 1px solid #999;
    margin: 2em 0;
}

table { border-collapse: collapse; }
th, td { border: 1px solid #999; padding: .25em .5em; }

.book { overflow: auto; margin: 1em 0; }
.book img { float: left; margin-right: 1em; }

@media (prefers-color-scheme: dark) {
    body { background: #1a1a1a; color: #ddd; }
    a { color: #9cf; }
    a:visited { color: #c9a0ff; }
    pre, :not(pre) > code { background: #2a2a2a; }
    blockquote { border-color: #666; }
}