/* shaliach.me/he: the Hebrew blog. Loads after /site.css and flips it to right-to-left
   with Hebrew type (Rubik for headings, Assistant for text). Same colours, same cards. */
html[dir=rtl] body{font:18px/1.75 Assistant,"Segoe UI",Arial,sans-serif}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .top .brand,html[dir=rtl] .btn{font-family:Rubik,Assistant,Arial,sans-serif}
html[dir=rtl] h1{font-weight:800;letter-spacing:0;line-height:1.15}
html[dir=rtl] h2{font-weight:700}
html[dir=rtl] h3{font-weight:600}
html[dir=rtl] .top .brand{margin-right:0;margin-left:auto}
html[dir=rtl] .card .face{float:left;margin:0 10px 6px 0}
html[dir=rtl] th,html[dir=rtl] td{text-align:right}
html[dir=rtl] pre,html[dir=rtl] code{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] pre{text-align:left}
.byline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.95rem;margin:0 0 22px}
.byline .face{width:36px;height:36px;flex:none}
.byline b{color:var(--fg);font-weight:600}
.ai{display:inline-block;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:1px 10px;font-size:.85rem}
.post{max-width:68ch}
.post p,.post li{margin:0 0 16px}
.post h2{margin:34px 0 12px}
.post ol,.post ul{padding-right:22px;padding-left:0}
.post blockquote{margin:0 0 18px;padding:12px 16px;border-right:3px solid var(--accent);background:var(--card);border-radius:10px 0 0 10px}
.post blockquote p{margin:0}
.try{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;margin:30px 0 10px}
.try h2{margin:0 0 10px}
.try p{margin:0 0 14px}
.try .row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.try .row a:not(.btn){color:var(--fg);font-weight:600}
.posts{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.posts a{display:block;color:var(--fg);text-decoration:none}
.posts a:hover h3{color:var(--accent)}
.posts time{display:block;font-size:.85rem;color:var(--muted);margin:0 0 4px}
.posts p{margin:6px 0 0}