:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body { 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; 
    line-height: 1.6; 
    color: #1a1a1a; 
    background: #fff; 
    margin: 0; 
    padding: 0; 
    max-width: 640px; 
    margin-left: auto; 
    margin-right: auto; 
}
@media (prefers-color-scheme: dark) { body { color: #e5e5e5; background: #111; } }
a { color: inherit; }
ul.post-list { 
    list-style: none; 
    padding: 2rem 1rem; 
}
ul.post-list li { 
    padding: .75rem 0; 
    border-bottom: 1px solid #e5e5e5; 
    display: flex; 
    justify-content: space-between; 
    gap: 1rem; 
}
@media (prefers-color-scheme: dark) { 
    ul.post-list li { border-color: #2a2a2a; } 
}
li.empty { 
    color: #888; 
    padding: 2rem 1rem; 
}
.pct, .date, .meta { 
    color: #888; 
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace; 
    font-size: .8rem; 
    white-space: nowrap; 
}
article h1 { 
    font-size: 1.6rem; 
    margin: 2rem 1rem 0.25rem; 
}
article > p.meta { 
    margin: 0 1rem 2rem; 
}
article > div { 
    margin: 0 1rem; 
}
p.meta a { 
    margin: 2rem 1rem; 
    display: inline-block; 
}
img { max-width: 100%; }
pre { 
    overflow-x: auto; 
    background: #f5f5f5; 
    padding: .75rem; 
    border-radius: 6px; 
    margin: 0 1rem; 
}
@media (prefers-color-scheme: dark) { 
    pre { background: #1c1c1c; } 
}
code { 
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace; 
}