:root{--bg: #f8f9fc;--surface: #ffffff;--border: #e4e7f0;--accent: #6366f1;--accent-soft: #eef0ff;--accent-hover: #e0e1ff;--text-primary: #1a1d2e;--text-secondary: #5c6070;--text-muted: #9399aa;--shadow-card: 0 2px 8px rgba(99,102,241,.05), 0 8px 24px rgba(30,32,60,.07);--shadow-hover: 0 4px 16px rgba(99,102,241,.12), 0 16px 36px rgba(30,32,60,.1);--radius: 14px}[data-astro-cid-ijnerlr2],[data-astro-cid-ijnerlr2]:before,[data-astro-cid-ijnerlr2]:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Sora,Noto Sans Thai,system-ui,sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.7;-webkit-font-smoothing:antialiased}.page-wrap[data-astro-cid-ijnerlr2]{max-width:860px;margin:0 auto;padding:2.5rem 1.25rem 6rem}.topbar[data-astro-cid-ijnerlr2]{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem}.back-link[data-astro-cid-ijnerlr2]{display:inline-flex;align-items:center;gap:.45rem;color:var(--accent);font-size:.875rem;font-weight:500;text-decoration:none;padding:.45rem .9rem;border:1px solid var(--accent-soft);border-radius:999px;background:var(--accent-soft);transition:background .18s,border-color .18s,transform .15s}.back-link[data-astro-cid-ijnerlr2]:hover{background:var(--accent-hover);border-color:#c5c7ff;transform:translate(-2px)}.site-name[data-astro-cid-ijnerlr2]{font-size:.8rem;font-weight:600;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.hero[data-astro-cid-ijnerlr2]{margin-bottom:2.5rem;animation:fadeUp .45s ease both}.hero-eyebrow[data-astro-cid-ijnerlr2]{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem}.hero-eyebrow[data-astro-cid-ijnerlr2]:before{content:"";display:inline-block;width:20px;height:2px;background:var(--accent);border-radius:1px}.hero-title[data-astro-cid-ijnerlr2]{margin:0 0 .6rem;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;color:var(--text-primary)}.hero-subtitle[data-astro-cid-ijnerlr2]{margin:0;color:var(--text-secondary);font-size:1.02rem;font-weight:300;max-width:480px}.post-count[data-astro-cid-ijnerlr2]{display:inline-block;margin-top:1.1rem;font-size:.8rem;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.3rem .85rem}.divider[data-astro-cid-ijnerlr2]{height:1px;background:var(--border);margin-bottom:2rem}.post-list[data-astro-cid-ijnerlr2]{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:1.25rem;animation:fadeUp .5s .1s ease both}.post-card[data-astro-cid-ijnerlr2]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-card);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;display:flex;flex-direction:column}.post-card[data-astro-cid-ijnerlr2]:hover{transform:translateY(-4px);border-color:#c5c7ff;box-shadow:var(--shadow-hover)}.post-image-wrap[data-astro-cid-ijnerlr2]{width:100%;aspect-ratio:16/9;overflow:hidden;background:#dde0f0;flex-shrink:0}.post-image[data-astro-cid-ijnerlr2]{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.post-card[data-astro-cid-ijnerlr2]:hover .post-image[data-astro-cid-ijnerlr2]{transform:scale(1.04)}.post-body[data-astro-cid-ijnerlr2]{padding:1.25rem 1.35rem 1.4rem;display:flex;flex-direction:column;flex:1}.post-tag[data-astro-cid-ijnerlr2]{font-size:.7rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);margin-bottom:.55rem}.post-title[data-astro-cid-ijnerlr2]{margin:0 0 .45rem;font-size:1.05rem;font-weight:600;line-height:1.35;letter-spacing:-.01em}.post-link[data-astro-cid-ijnerlr2]{color:var(--text-primary);text-decoration:none;transition:color .15s}.post-link[data-astro-cid-ijnerlr2]:hover{color:var(--accent)}.post-excerpt[data-astro-cid-ijnerlr2]{margin:0 0 1rem;color:var(--text-secondary);font-size:.875rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.post-footer[data-astro-cid-ijnerlr2]{display:flex;align-items:center;justify-content:space-between;padding-top:.85rem;border-top:1px solid var(--border)}.post-meta[data-astro-cid-ijnerlr2]{display:flex;align-items:center;gap:.35rem;color:var(--text-muted);font-size:.78rem}.post-meta[data-astro-cid-ijnerlr2] svg[data-astro-cid-ijnerlr2]{opacity:.6}.read-more[data-astro-cid-ijnerlr2]{font-size:.78rem;font-weight:600;color:var(--accent);text-decoration:none;display:flex;align-items:center;gap:.25rem;transition:gap .15s}.read-more[data-astro-cid-ijnerlr2]:hover{gap:.45rem}.empty-state[data-astro-cid-ijnerlr2]{grid-column:1 / -1;border:1px dashed var(--border);border-radius:var(--radius);padding:3rem 1.5rem;background:var(--surface);color:var(--text-muted);text-align:center;font-size:.95rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.post-card[data-astro-cid-ijnerlr2]:nth-child(1){animation:fadeUp .4s .08s ease both}.post-card[data-astro-cid-ijnerlr2]:nth-child(2){animation:fadeUp .4s .14s ease both}.post-card[data-astro-cid-ijnerlr2]:nth-child(3){animation:fadeUp .4s .2s ease both}.post-card[data-astro-cid-ijnerlr2]:nth-child(4){animation:fadeUp .4s .26s ease both}.post-card[data-astro-cid-ijnerlr2]:nth-child(5){animation:fadeUp .4s .32s ease both}.post-card[data-astro-cid-ijnerlr2]:nth-child(n+6){animation:fadeUp .4s .36s ease both}