/* Tipografia articolelor din Journal. Se incarca doar pe paginile randate de
   server (indexul jurnalului cu articole si /journal/<slug>), injectat in head
   de blog-page.js. CSS-ul site-ului e Tailwind compilat, in care clasele noi
   nu exista; de aceea corpul articolului e stilizat aici, cu selectori simpli.
   Tema inchisa vine din clasa .dark pusa pe <html> de scriptul site-ului. */

.post-body{max-width:68ch;margin:0 auto;font-size:1.125rem;line-height:1.75}
.post-body>*:first-child{margin-top:0}
.post-body p{margin:0 0 1.5em}
/* Tema uppercaseaza titlurile la nivel global; intr-un articol, propozitii
   intregi in majuscule obosesc, deci aici titlurile raman cum au fost scrise. */
.post-body h2{font-size:clamp(1.5rem,1.2rem+1.2vw,2.1rem);line-height:1.2;letter-spacing:-.02em;font-weight:400;margin:2.4em 0 .8em;text-transform:none}
.post-body h3{font-size:clamp(1.2rem,1.05rem+.6vw,1.5rem);line-height:1.3;font-weight:400;margin:2em 0 .7em;text-transform:none}
.post-body h4{font-size:1.1rem;font-weight:600;margin:1.8em 0 .6em;text-transform:none}
/* Reset-ul Tailwind lasa listele fara marcaje; le punem la loc. */
.post-body ul,.post-body ol{margin:0 0 1.5em;padding-left:1.3em}
.post-body ul{list-style:disc}
.post-body ol{list-style:decimal}
.post-body li{margin:.45em 0}
.post-body blockquote{margin:2em 0;padding-left:1.25em;border-left:2px solid currentColor;font-style:italic}
.post-body blockquote p{margin:0;opacity:.85}
.post-body a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.post-body strong{font-weight:600}
.post-body em{font-style:italic}
.post-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:rgb(0 0 0/.06);padding:.1em .4em;border-radius:.35em}
.dark .post-body code{background:rgb(255 255 255/.12)}
.post-body hr{border:0;border-top:1px solid rgb(0 0 0/.15);margin:2.5em 0}
.dark .post-body hr{border-top-color:rgb(255 255 255/.22)}

/* Randul de deasupra titlului: Journal si data. */
.post-meta{opacity:.6}
.post-meta a{text-decoration:none}
.post-meta a:hover{text-decoration:underline;text-underline-offset:3px}

/* Intoarcerea la index, sub articol. */
.post-back{max-width:68ch;margin:3.5rem auto 0;font-size:1.0625rem}
.post-back a:hover{text-decoration:underline;text-underline-offset:3px}

/* Cardurile din indexul jurnalului. Reveal-ul foloseste proprietatea
   `translate` (Tailwind v4), deci ridicarea pe hover poate sta linistita pe
   `transform`, nu se calca una pe alta. */
a.post-card{transition:transform .35s cubic-bezier(.33,1,.68,1)}
a.post-card:hover{transform:translateY(-.3rem)}
.post-card-date{font-size:.9rem;opacity:.55}