.popular-post:where(.astro-uddmkxvl){border-block-end:1px solid var(--sl-color-hairline);flex-direction:column;gap:.75rem;padding:1.25rem;& h3{color:var(--sl-color-white);font-weight:400;font-family:var(--__sl-font-mono);font-size:var(--sl-text-base)}& nav ul{margin:0;padding:0;list-style:none;& li{margin-bottom:.5rem;padding:0;& a{color:var(--sl-color-accent-high);font-size:var(--sl-text-base);text-decoration:none;display:block;&:hover{text-decoration:underline}}}}}@media (width>=72rem){.popular-post:where(.astro-uddmkxvl){padding:1.75rem}}.rss-feed:where(.astro-2olmdfin){color:var(--sl-color-text);font-size:var(--sl-text-body);flex-direction:column;gap:.75rem;padding:1.25rem;& h3{color:var(--sl-color-white);font-weight:400;font-family:var(--__sl-font-mono);font-size:var(--sl-text-base)}& a{width:max-content;padding-block:.5em}}@media (width>=72rem){.rss-feed:where(.astro-2olmdfin){padding:1.75rem}}li:where(.astro-sbmovh4h){width:100%;padding:0;list-style:none}.post-card:where(.astro-sbmovh4h){border:1px solid var(--sl-color-gray-5);background:rgb(from var(--sl-color-gray-6) r g b / 40%);border-radius:.75rem;outline:1px solid #0000;flex-direction:column;height:100%;padding:1.25em;transition:background .14s,all;display:flex;position:relative}@media (hover:hover){.post-card:where(.astro-sbmovh4h):hover{background:0 0}}:where(.astro-sbmovh4h)[data-theme=light] .post-card:where(.astro-sbmovh4h){background:var(--sl-color-gray-7);border-color:var(--sl-color-gray-6);box-shadow:var(--shadow-float)}@media (hover:hover){:where(.astro-sbmovh4h)[data-theme=light] .post-card:where(.astro-sbmovh4h):hover{background:var(--sl-color-black);box-shadow:var(--sl-shadow-md)}}li:where(.astro-sbmovh4h):focus-within .post-card:where(.astro-sbmovh4h){outline-color:var(--sl-color-accent-high)}.post-card:where(.astro-sbmovh4h) header:where(.astro-sbmovh4h) .date:where(.astro-sbmovh4h){font-family:var(--__sl-font-mono);font-size:var(--sl-text-base);color:var(--sl-color-gray-2)}.post-card:where(.astro-sbmovh4h) .cover:where(.astro-sbmovh4h){margin:1em -1.25em;overflow:hidden}.post-card:where(.astro-sbmovh4h) .cover:where(.astro-sbmovh4h) img:where(.astro-sbmovh4h){object-fit:cover;width:100%;height:auto;transition:opacity .14s}.post-card:where(.astro-sbmovh4h) .content:where(.astro-sbmovh4h){flex-direction:column;flex:1;gap:.75em;margin-top:1.25em;display:flex}.post-card:where(.astro-sbmovh4h) .content:where(.astro-sbmovh4h) h3:where(.astro-sbmovh4h){font-size:var(--sl-text-h4);font-weight:600;line-height:var(--sl-line-height-headings);color:var(--sl-color-white);margin:0}.post-card:where(.astro-sbmovh4h) .content:where(.astro-sbmovh4h) h3:where(.astro-sbmovh4h) a:where(.astro-sbmovh4h){font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;-webkit-tap-highlight-color:transparent;outline:none;text-decoration:none}.post-card:where(.astro-sbmovh4h) .content:where(.astro-sbmovh4h) h3:where(.astro-sbmovh4h) a:where(.astro-sbmovh4h):after{content:"";position:absolute;inset:0}.post-card:where(.astro-sbmovh4h) .content:where(.astro-sbmovh4h) p:where(.astro-sbmovh4h){font-size:var(--sl-text-body);color:var(--sl-color-gray-2);margin:0}@media (width>=50rem){.post-card:where(.astro-sbmovh4h) .content:where(.astro-sbmovh4h){grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1em 1.5em;margin-top:0;display:grid}.post-card:where(.astro-sbmovh4h) .content:where(.astro-sbmovh4h) h3:where(.astro-sbmovh4h){font-size:var(--sl-text-h3)}}@media (prefers-reduced-motion:reduce){.post-card:where(.astro-sbmovh4h){transition:none}}.page-custom:where(.astro-bwtfl246){flex-direction:column-reverse;flex:1;& aside{border-block-start:1px solid var(--sl-color-hairline);border-inline-end:none;min-width:16rem;padding-block:1rem}& section{max-width:54rem;margin-block:1rem;margin-inline:auto;padding:1rem;& ul{flex-direction:column;row-gap:1rem;margin:0;padding:0;list-style:none;display:flex}}}@media (width>=50rem){.page-custom:where(.astro-bwtfl246){flex-direction:row;& section ul{row-gap:1.5rem}}}@media (width>=64rem){.page-custom:where(.astro-bwtfl246){& aside{border-inline-end:1px solid var(--sl-color-hairline);border-block-start:none;max-width:20rem}& section{padding:3rem;& ul{row-gap:2rem}}}}