.post__cover img{width:100%;max-height:30rem;object-fit:cover;object-position:center;animation:fadein 1.2s ease-out}.post__cover+.paper{padding-top:3rem}.post__head{padding-top:1.75rem;border-top:1px solid var(--paper-rule)}.post__title{font-size:clamp(1.3rem,.95rem + 1.5vw,1.65rem);font-weight:500;line-height:1.4;letter-spacing:.01em;color:var(--paper-ink)}.post__lede{margin-top:1rem;font-size:1.05rem;line-height:1.85;text-wrap:pretty;color:var(--paper-dim)}.post__head .tags{margin-top:.5rem}.post__meta{margin-top:.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--paper-rule);display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:var(--font-mono);font-size:.9rem;font-variant-numeric:tabular-nums;color:var(--paper-dim)}.tags+.post__meta{margin-top:.25rem}.prose{margin-top:2.25rem;font-size:1.06rem;line-height:2}.prose>*+*{margin-top:1.6rem}.prose p{text-align:start;text-wrap:pretty}.prose h2,.prose h3{font-weight:500;line-height:1.5;letter-spacing:.01em;color:var(--paper-ink)}.prose h2{font-size:1.3rem;margin-top:3.25rem}.prose h3{font-size:1.1rem;margin-top:2.5rem}.prose h2+*,.prose h3+*{margin-top:.75rem}.prose ul,.prose ol{padding-left:1.4rem}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li{margin-top:.35rem}.prose li::marker{color:var(--paper-dim)}.prose{--fig-width: 80%}.prose img{display:block;width:var(--fig-width);margin-inline:auto;border-radius:.35rem}.prose figure,.prose>img{margin-block:2.4rem}.prose figcaption{width:var(--fig-width);margin:.6rem auto 0;font-size:.85rem;line-height:1.7;text-align:center;text-wrap:pretty;color:var(--paper-dim)}.prose--zoomable img{cursor:zoom-in}@media(max-width:700px){.prose{--fig-width: 100%}}.prose blockquote{margin-inline:0;padding-left:1.25rem;border-left:2px solid var(--paper-rule);color:var(--paper-dim)}.prose hr{height:1px;margin-block:3rem;border:0;background-color:var(--paper-rule)}.prose code{font-family:var(--font-mono);font-size:.88em;padding:.12em .35em;border-radius:.25rem;background-color:var(--paper-fill)}.prose pre{overflow-x:auto;padding:1rem 1.15rem;border-radius:.4rem;background-color:var(--paper-fill);font-size:.95rem;line-height:1.7}.prose pre code{padding:0;background:none}.post__end{margin-top:4rem;padding-top:1.75rem;border-top:1px solid var(--paper-rule)}.post__by{font-size:.95rem;letter-spacing:.02em;color:var(--paper-dim)}.post__by:before{content:"";display:inline-block;width:.4em;height:.4em;margin-right:.55em;border-radius:50%;background-color:var(--accent-mark);vertical-align:.12em}.share{margin-top:1.25rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.share__btn{display:inline-flex;align-items:center;gap:.45em;padding:.42rem .8rem;border:1px solid var(--paper-rule);border-radius:2rem;background:none;font:inherit;font-size:.88rem;line-height:1;color:var(--paper-dim);cursor:pointer;text-decoration:none;transition:color .15s ease,border-color .15s ease}.share__btn:hover{color:var(--paper-ink);border-color:var(--paper-dim);text-decoration:none}.share__btn svg{width:1em;height:1em;flex:none}.share__btn--icon{padding:.42rem;justify-content:center;border-radius:50%}.share__btn.is-done{color:var(--accent);border-color:var(--accent)}.share__btn--js[hidden]{display:none}@media(max-width:700px){.post__cover img{max-height:15rem}.post__cover+.paper{padding-top:2rem}.prose{font-size:1rem}}.lightbox{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:clamp(1rem,4vw,3rem);border:0;background:none;display:none;cursor:zoom-out}.lightbox[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.lightbox::backdrop{background-color:#08090ce0}.lightbox img{width:auto;max-width:100%;max-height:calc(100% - 3.5rem);object-fit:contain;border-radius:.25rem;cursor:default}.lightbox__cap{flex:none;max-width:42rem;font-size:.85rem;line-height:1.6;text-align:center;text-wrap:pretty;color:#c8cace;cursor:default}.lightbox__close{position:absolute;top:.75rem;right:.75rem;display:grid;place-items:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:50%;background:none;color:#c8cace;cursor:pointer;transition:color .15s ease}.lightbox__close:hover{color:#fff}.lightbox__close svg{width:1.35rem;height:1.35rem}html:has(.lightbox[open]){overflow:hidden}
