.BlogList-module__-_XCGq__section{z-index:1;padding-block:var(--space-8) var(--space-16);position:relative}@media (min-width:768px){.BlogList-module__-_XCGq__section{padding-block:var(--space-24)}}.BlogList-module__-_XCGq__header{text-align:center;align-items:center;gap:var(--space-3);margin-bottom:var(--space-16);flex-direction:column;display:flex}@media (min-width:768px){.BlogList-module__-_XCGq__header{margin-bottom:var(--space-24)}}.BlogList-module__-_XCGq__layout{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (min-width:1024px){.BlogList-module__-_XCGq__layout{gap:var(--space-12);grid-template-columns:220px 1fr}}.BlogList-module__-_XCGq__sidebar{flex-direction:column;display:flex}@media (min-width:1024px){.BlogList-module__-_XCGq__sidebar{top:calc(4rem + var(--space-6));align-self:start;position:sticky}}.BlogList-module__-_XCGq__sidebarLabel{margin-bottom:var(--space-2)}.BlogList-module__-_XCGq__themeSelect{font-family:var(--font-body);font-size:var(--font-size-body);font-weight:var(--weight-medium);color:var(--color-fg);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;width:100%;transition:border-color var(--duration-fast) var(--ease-out);background-size:16px 16px}@media (hover:hover){.BlogList-module__-_XCGq__themeSelect:hover{border-color:var(--color-border-strong)}}.BlogList-module__-_XCGq__themeButtons{display:none}@media (min-width:1024px){.BlogList-module__-_XCGq__themeSelect{display:none}.BlogList-module__-_XCGq__themeButtons{gap:var(--space-3);flex-direction:column;display:flex}}.BlogList-module__-_XCGq__themeButton{isolation:isolate;text-align:left;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--font-size-body);color:var(--color-fg-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.22, 1, .36, 1), border-color .4s cubic-bezier(.22, 1, .36, 1), box-shadow .4s cubic-bezier(.22, 1, .36, 1), color var(--duration-fast) var(--ease-out);background:0 0;position:relative;transform:perspective(1200px)rotateX(0)translateY(0)}.BlogList-module__-_XCGq__themeButton:before{content:"";border-radius:inherit;opacity:.16;transition:opacity var(--duration-fast) var(--ease-out);pointer-events:none;z-index:-1;background:linear-gradient(#2e2e2e 0%,#2e2e2e00 100%);position:absolute;inset:0}@media (hover:hover){.BlogList-module__-_XCGq__themeButton:hover{border-color:var(--color-border-strong);color:var(--color-fg);transform:perspective(1200px)rotateX(2deg)translateY(-4px);box-shadow:0 16px 32px #00000059}.BlogList-module__-_XCGq__themeButton:hover:before{opacity:.32}}@media (prefers-reduced-motion:reduce){.BlogList-module__-_XCGq__themeButton{transition:border-color .2s,color .2s;transform:none}.BlogList-module__-_XCGq__themeButton:hover{box-shadow:none;transform:none}}.BlogList-module__-_XCGq__themeButton[data-active=true]{color:var(--color-fg);border-color:var(--color-border-strong)}.BlogList-module__-_XCGq__themeButton[data-active=true]:before{opacity:.32}.BlogList-module__-_XCGq__articles{gap:var(--space-6);flex-direction:column;display:flex}@media (min-width:768px){.BlogList-module__-_XCGq__articles{gap:var(--space-8)}}.BlogList-module__-_XCGq__grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:640px){.BlogList-module__-_XCGq__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.BlogList-module__-_XCGq__grid{grid-template-columns:repeat(2,1fr)}}.BlogList-module__-_XCGq__empty{padding:var(--space-12) var(--space-6);border:1px dashed var(--color-border);border-radius:var(--radius-2xl);text-align:center}