.post-cover{margin-bottom:1.5rem;line-height:0;border-radius:.5rem;overflow:hidden}.post-cover img{width:100%;max-height:400px;object-fit:cover;object-position:center;display:block}.screenshot{margin:1.5rem 0;text-align:center}.screenshot a{display:block;line-height:0}.screenshot img{max-width:100%;height:auto;border:1px solid rgba(0,0,0,.1);border-radius:.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:zoom-in;transition:box-shadow .2s ease}.screenshot img:hover{box-shadow:0 4px 16px rgba(0,0,0,.2)}.screenshot figcaption{margin-top:.5rem;font-size:.85rem;font-style:italic;color:var(--tw-prose-captions,#6b7280)}.asciinema-container{margin:1.5rem 0;border-radius:.5rem;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}:is(html.dark) .screenshot img{border-color:rgba(255,255,255,.1);box-shadow:0 2px 8px rgba(0,0,0,.3)}:is(html.dark) .screenshot img:hover{box-shadow:0 4px 16px rgba(0,0,0,.5)}:is(html.dark) .asciinema-container{box-shadow:0 2px 8px rgba(0,0,0,.3)}:is(html.dark) .post-cover{box-shadow:0 2px 8px rgba(0,0,0,.3)}.read-marker{margin-left:.3em;font-size:.75em;color:#198754;opacity:.7}:is(html.dark) .read-marker{color:#40c057}.site-track-banner{width:100%;overflow:hidden;line-height:0}.site-track-banner img{width:100%;height:auto;display:block}.blog-series-cards{margin-bottom:1.5rem}.blog-series-cards .hextra-card{height:auto;display:flex;flex-direction:column}.blog-series-cards .hextra-card-image{width:100%;height:auto;object-fit:cover;object-position:center top;display:block;aspect-ratio:16/9}.blog-series-cards .hextra-card-subtitle{font-size:.9rem!important;line-height:1.5!important;-webkit-line-clamp:unset!important}