.container.svelte-ov34on{max-width:600px;margin:0 auto;padding:0 20px}.intro.svelte-ov34on{margin-bottom:80px}.intro.svelte-ov34on h2:where(.svelte-ov34on){font-size:20px;font-weight:500;margin-bottom:12px;color:var(--text-color)}.intro.svelte-ov34on p:where(.svelte-ov34on){font-size:16px;color:var(--text-muted);line-height:1.5}.posts-section.svelte-ov34on{margin-bottom:80px}.posts-header.svelte-ov34on{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.posts-header.svelte-ov34on h3:where(.svelte-ov34on){font-size:16px;font-weight:500;color:var(--text-color)}.pagination.svelte-ov34on{display:flex;align-items:center;color:var(--text-muted);font-size:14px}.posts.svelte-ov34on{display:grid;gap:24px}.post.svelte-ov34on{display:flex;justify-content:space-between;align-items:flex-start;border-radius:8px;transition:background-color .2s ease;cursor:pointer;position:relative;margin:0 -40px;padding:16px 40px}.post.svelte-ov34on:hover{background-color:var(--hover-bg)}.post-content.svelte-ov34on{flex:1}.title.svelte-ov34on{font-family:Montserrat,Noto Sans JP,sans-serif;font-size:16px;font-weight:500;margin-bottom:8px;color:var(--text-color);display:block}.title.svelte-ov34on:hover{opacity:1;color:var(--accent-color)}.excerpt.svelte-ov34on{color:var(--text-muted);font-size:14px;line-height:1.5}.post-date.svelte-ov34on{font-size:14px;color:var(--text-muted);opacity:0;transform:translate(10px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap;margin-left:20px;flex-shrink:0}.post.svelte-ov34on:hover .post-date:where(.svelte-ov34on){opacity:1;transform:translate(0)}@media (max-width: 767px){.container.svelte-ov34on{padding:0 15px}.intro.svelte-ov34on{margin-bottom:50px;text-align:center}.intro.svelte-ov34on h2:where(.svelte-ov34on){font-size:40px}.intro.svelte-ov34on p:where(.svelte-ov34on){font-size:18px}.posts-section.svelte-ov34on{margin-bottom:50px}.posts-header.svelte-ov34on h3:where(.svelte-ov34on){font-size:24px}.posts-header.svelte-ov34on{flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.post.svelte-ov34on{margin:0 -8px;padding-left:8px;padding-right:8px}.title.svelte-ov34on{font-size:20px}.excerpt.svelte-ov34on{font-size:16px}.post-date.svelte-ov34on{font-size:12px;margin-left:16px}}