:root{--fg:#222;--bg:#fff;--muted:#666;--link:#0645ad;--code:#f5f5f5}
@media(prefers-color-scheme:dark){:root{--fg:#ddd;--bg:#151515;--muted:#999;--link:#8ab4f8;--code:#222}}
*{box-sizing:border-box}
body{max-width:42rem;margin:0 auto;padding:1.5rem 1rem;font:17px/1.6 Georgia,"Times New Roman",serif;color:var(--fg);background:var(--bg)}
header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2rem}
header .home{font-weight:bold;text-decoration:none;color:var(--fg)}
nav a{margin-left:1rem}
a{color:var(--link)}
h1,h2,h3{line-height:1.25}
.meta,footer,time{color:var(--muted);font-size:.9em}
ul.posts{list-style:none;padding:0}
ul.posts li{margin:.4rem 0}
ul.posts time{display:inline-block;width:7em;font-variant-numeric:tabular-nums}
pre,code{font:.9em ui-monospace,Menlo,monospace;background:var(--code)}
pre{padding:1rem;overflow-x:auto}
code{padding:.1em .3em}
pre code{padding:0}
img{max-width:100%}
blockquote{border-left:3px solid var(--muted);margin:0;padding-left:1rem;color:var(--muted)}
footer{margin-top:3rem}

/* RTL posts (frontmatter lang: he) */
article[dir="rtl"] { text-align: right; }
article[dir="rtl"] ol, article[dir="rtl"] ul { padding-inline-start: 1.5em; padding-left: 0; }
article[dir="rtl"] .meta { direction: ltr; text-align: right; unicode-bidi: isolate; }
article[dir="rtl"] code, article[dir="rtl"] pre { direction: ltr; unicode-bidi: isolate; text-align: left; }