.BlogListing{background:hsl(var(--background))}.BlogListing__layout{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:var(--ut-space-14);padding-block:var(--ut-space-12)}.BlogListing__sidebar{grid-column:2;grid-row:1;font-size:var(--ut-type-label)}.BlogListing__sidebar h2,.BlogListing__sidebar label{display:block;font-weight:var(--ut-weight-heading);margin-bottom:var(--ut-space-4)}.BlogListing__search{display:flex;align-items:center;width:100%;min-width:0;border:1px solid hsl(var(--input));border-radius:var(--ut-radius-control);background:hsl(var(--background));transition:border-color var(--ut-motion-fast),box-shadow var(--ut-motion-fast)}.BlogListing__search:hover{border-color:hsl(var(--primary)/.5)}.BlogListing__search:focus-within{border-color:hsl(var(--primary));box-shadow:0 0 0 1px hsl(var(--primary)/.2)}.BlogListing__search input{min-width:0;flex:1;font-size:var(--ut-type-label)}.BlogListing__search input::-webkit-search-cancel-button{appearance:none}.BlogListing__searchSubmit{display:inline-grid;place-items:center;flex-shrink:0;align-self:stretch;padding-inline:var(--ut-space-3);border:0;background:rgba(0,0,0,0);color:hsl(var(--muted-foreground));border-radius:0 var(--ut-radius-control) var(--ut-radius-control) 0}.BlogListing__searchSubmit:hover{color:hsl(var(--primary))}.BlogListing__searchSubmit:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:var(--ut-space-1)}.BlogListing__searchSubmit i{font-size:var(--ut-space-4);width:var(--ut-space-4);height:var(--ut-space-4)}.BlogListing__sidebar nav{margin-top:var(--ut-space-8)}.BlogListing__sidebar li+li{margin-top:var(--ut-space-3)}.BlogListing__sidebar li a{display:flex;justify-content:space-between;gap:var(--ut-space-3)}.BlogListing__sidebar li span{color:hsl(var(--muted-foreground))}.BlogListing__articles{min-width:0;grid-column:1;grid-row:1}.BlogListing__entry{padding-block:var(--ut-space-8);border-bottom:1px solid hsl(var(--border))}.BlogListing__entry:first-child{padding-top:0}.BlogListing__entry h2{margin-block:var(--ut-space-3);font-size:var(--ut-type-desktop-page);line-height:var(--ut-leading-desktop-page);font-weight:var(--ut-weight-heading)}.BlogListing__entry>p:not(.BlogListing__muted){color:hsl(var(--muted-foreground));line-height:1.8}.BlogListing__muted{font-size:var(--ut-type-meta);color:hsl(var(--muted-foreground))}.BlogListing__read{display:inline-block;margin-top:var(--ut-space-4);font-weight:var(--ut-weight-label);font-size:var(--ut-type-label)}.BlogListing a:hover,.BlogListing__read{color:hsl(var(--primary))}.BlogListing a:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:var(--ut-space-1)}.BlogListing__pagination{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ut-space-2);margin-top:var(--ut-space-8)}.BlogListing__pagination a{display:inline-grid;place-items:center;min-width:var(--ut-target-min);min-height:var(--ut-target-min);padding-inline:var(--ut-space-2);border-radius:var(--ut-radius-control);font-size:var(--ut-type-label)}.BlogListing__pagination [aria-current]{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}@media(max-width:1023px){.BlogListing__layout{grid-template-columns:minmax(0,1fr);gap:var(--ut-space-8);padding-block:var(--ut-space-8)}.BlogListing__articles,.BlogListing__sidebar{grid-column:auto;grid-row:auto}.BlogListing__sidebar nav{margin-top:var(--ut-space-6)}.BlogListing__sidebar ul{display:flex;overflow-x:auto;gap:var(--ut-space-4);padding-block:var(--ut-space-2)}.BlogListing__sidebar li{flex-shrink:0}.BlogListing__sidebar li+li{margin-top:0}.BlogListing__sidebar li a{gap:var(--ut-space-2);padding-block:var(--ut-space-2)}}@media(max-width:639px){.BlogListing__entry h2{font-size:var(--ut-type-page);line-height:var(--ut-leading-page)}}