@keyframes svelte-1mqifx5-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.article-list-page.svelte-1mqifx5.svelte-1mqifx5{display:grid;flex:1;grid-template-columns:1fr}.article-list-page.svelte-1mqifx5.svelte-1mqifx5:has(.sidebar){grid-template-columns:clamp(300px,20%,350px) 1fr}@container (max-width: 1100px){.article-list-page.svelte-1mqifx5.svelte-1mqifx5:has(.sidebar){grid-template-columns:1fr}}.article-list-page.svelte-1mqifx5 .article-block.svelte-1mqifx5{display:flex;flex-direction:column;gap:1.4rem;padding:1.4rem 2rem 2rem;background:#fff}.article-list-page.svelte-1mqifx5 .article-block .header.svelte-1mqifx5{display:flex;gap:3rem;align-items:center}.article-list-page.svelte-1mqifx5 .article-block .header h1.svelte-1mqifx5{display:flex;align-items:center;gap:1rem}.article-list-page.svelte-1mqifx5 .article-block .header h1 button.svelte-1mqifx5{display:none;cursor:pointer}@container (max-width: 1100px){.article-list-page.svelte-1mqifx5 .article-block .header h1 button.svelte-1mqifx5{display:flex}}.article-list-page.svelte-1mqifx5 .article-block .article-list.svelte-1mqifx5{display:grid;grid-template-columns:repeat(auto-fill,minmax(600px,1fr));grid-gap:1.4rem}.article-list-page.svelte-1mqifx5 .article-block .article-list a.svelte-1mqifx5{display:flex;gap:1.2rem;box-shadow:#0000003d 0 0 8px;border-radius:3px;overflow:hidden;cursor:pointer;color:#2f2f2f;background:#eee}.article-list-page.svelte-1mqifx5 .article-block .article-list a.svelte-1mqifx5:hover{opacity:.8;text-decoration:none}.article-list-page.svelte-1mqifx5 .article-block .article-list a img.svelte-1mqifx5{width:160px;height:100%;cursor:pointer;background:#eee;padding:0;object-fit:cover;object-position:center;aspect-ratio:1/1}.article-list-page.svelte-1mqifx5 .article-block .article-list a .details.svelte-1mqifx5{display:flex;flex-direction:column;gap:1rem;flex:1;width:100%;padding:1rem 0 0}.article-list-page.svelte-1mqifx5 .article-block .article-list a .details h2.svelte-1mqifx5{font-size:1.2rem}.article-list-page.svelte-1mqifx5 .article-block .article-list a .details .middle.svelte-1mqifx5{flex:1;padding:0 1rem 0 0;line-height:1.4rem}.article-list-page.svelte-1mqifx5 .article-block .article-list a .details .lower.svelte-1mqifx5{display:flex}.article-list-page.svelte-1mqifx5 .article-block .article-list a .details .lower .date.svelte-1mqifx5{font-style:italic}.article-list-page.svelte-1mqifx5 .article-block .article-list a .details .lower button.svelte-1mqifx5{margin-left:auto;height:40px;background:var(--website-button-bg-color);width:fit-content;padding:0 2rem;cursor:pointer;color:var(--website-button-text-color);position:relative;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:4px 0 0;height:28px}.article-list-page.svelte-1mqifx5 .article-block .article-list a .details .lower button.svelte-1mqifx5:hover{opacity:.8;text-decoration:none}.article-list-page.svelte-1mqifx5 .article-block .article-list a .details .lower button.svelte-1mqifx5:disabled{cursor:not-allowed;opacity:.5}@container (max-width: 1100px){.article-list-page.svelte-1mqifx5 .article-block.svelte-1mqifx5{padding:1.2rem}.article-list-page.svelte-1mqifx5 .article-block .header h1.svelte-1mqifx5{font-size:22px}.article-list-page.svelte-1mqifx5 .article-block .article-list.svelte-1mqifx5{grid-template-columns:1fr}}@container (max-width: 600px){.article-list-page.svelte-1mqifx5 .article-block.svelte-1mqifx5{gap:1.2rem}.article-list-page.svelte-1mqifx5 .article-block .article-list a.svelte-1mqifx5{flex-direction:column;gap:0}.article-list-page.svelte-1mqifx5 .article-block .article-list a img.svelte-1mqifx5{width:100%}.article-list-page.svelte-1mqifx5 .article-block .article-list a .details .middle.svelte-1mqifx5{padding:0 1rem}.article-list-page.svelte-1mqifx5 .article-block .article-list a .details .lower.svelte-1mqifx5{flex-direction:column}.article-list-page.svelte-1mqifx5 .article-block .article-list a .details .lower .date.svelte-1mqifx5{display:none}.article-list-page.svelte-1mqifx5 .article-block .article-list a .details .lower button.svelte-1mqifx5{width:100%;border-radius:0;height:35px}}