.post-element.svelte-6d6sgr{display:grid;grid-template-columns:4fr 8fr;grid-template-rows:1fr auto;grid-template-areas:"image content" "image action";column-gap:calc(var(--spacing) * 3);height:10rem;padding:calc(var(--spacing) * 2);margin:calc(var(--spacing) * 2) 0;position:relative;box-sizing:border-box;border:1px solid var(--foreground-muted-color)}.post-element.svelte-6d6sgr:before{content:"";position:absolute;top:-5px;left:-5px;width:4px;height:4px;border-bottom:1px solid var(--foreground-muted-color);border-right:1px solid var(--foreground-muted-color)}.post-element.svelte-6d6sgr:after{content:"";position:absolute;bottom:-5px;right:-5px;width:4px;height:4px;border-top:1px solid var(--foreground-muted-color);border-left:1px solid var(--foreground-muted-color)}.post-element.svelte-6d6sgr .content:where(.svelte-6d6sgr):before{content:"";position:absolute;top:-5px;right:-5px;width:4px;height:4px;border-bottom:1px solid var(--foreground-muted-color);border-left:1px solid var(--foreground-muted-color)}.post-element.svelte-6d6sgr .content:where(.svelte-6d6sgr):after{content:"";position:absolute;bottom:-5px;left:-5px;width:4px;height:4px;border-top:1px solid var(--foreground-muted-color);border-right:1px solid var(--foreground-muted-color)}.post-element.svelte-6d6sgr>img:where(.svelte-6d6sgr){grid-area:image;object-fit:cover;width:100%;aspect-ratio:16/9;box-shadow:.5em .5em 0 0 var(--foreground-muted-color)}.gradient-placeholder.svelte-6d6sgr{grid-area:image;width:100%;aspect-ratio:16/9;background:var(--primary-color)}.content.svelte-6d6sgr{grid-area:content}.content.svelte-6d6sgr>h2:where(.svelte-6d6sgr){margin:0}.content.svelte-6d6sgr>p:where(.svelte-6d6sgr){margin:0}.action.svelte-6d6sgr{display:flex;justify-content:flex-end;grid-area:action;column-gap:calc(var(--spacing) * 2)}main.svelte-rtr83f{padding:calc(var(--spacing) * 8)}main.svelte-rtr83f>h1:where(.svelte-rtr83f){position:relative;font-size:2.5rem;margin:.5rem 0}main.svelte-rtr83f>h1:where(.svelte-rtr83f):nth-of-type(n+2){margin-top:1.2em}main.svelte-rtr83f>h1:where(.svelte-rtr83f):nth-of-type(n+2):before{content:"";position:absolute;top:-.5em;width:100%;height:2px;border-top:1px dashed var(--foreground-muted-color)}main.svelte-rtr83f>span:where(.svelte-rtr83f){display:block;margin-top:2em;font-style:italic;text-align:center;color:var(--foreground-muted-color)}