.sub-header[data-v-1c6634c5]{background:#f4f5f5}.breadcrumb[data-v-1c6634c5]{padding:1rem 0!important;background-color:#f4f5f5!important}.breadcrumb-item[data-v-1c6634c5]{font-size:15px}.breadcrumb-item>a[data-v-1c6634c5]{color:#333}.blog-post-page[data-v-fe282ee6]{min-height:100vh;background-color:#f8f9fa}.loading-state[data-v-fe282ee6]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:4rem 1rem}.loading-spinner[data-v-fe282ee6]{width:48px;height:48px;border:4px solid #e0e0e0;border-top-color:#007bff;border-radius:50%;animation:spin-data-v-fe282ee6 1s linear infinite;margin-bottom:1rem}@keyframes spin-data-v-fe282ee6{to{transform:rotate(1turn)}}.loading-state p[data-v-fe282ee6]{color:#666;font-size:1rem}.article-header[data-v-fe282ee6]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 0 3rem;margin-bottom:2rem}.article-meta[data-v-fe282ee6]{display:flex;grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.article-category[data-v-fe282ee6],.article-date[data-v-fe282ee6]{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;font-size:.9rem;opacity:.9}.article-category i[data-v-fe282ee6],.article-date i[data-v-fe282ee6]{font-size:1rem}.article-title[data-v-fe282ee6]{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem;color:#fff}.article-subtitle[data-v-fe282ee6]{font-size:1.25rem;line-height:1.6;opacity:.95;margin-bottom:1.5rem}.article-tags[data-v-fe282ee6]{display:flex;grid-gap:.75rem;gap:.75rem;flex-wrap:wrap}.tag-badge[data-v-fe282ee6]{background-color:hsla(0,0%,100%,.2);padding:.5rem 1rem;border-radius:20px;font-size:.875rem;backdrop-filter:blur(10px)}.article-featured-image[data-v-fe282ee6]{margin:0 auto 3rem;max-width:1200px;padding:0 1rem}.featured-image[data-v-fe282ee6]{width:100%;height:auto;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1);-o-object-fit:cover;object-fit:cover}.article-content-wrapper[data-v-fe282ee6]{padding:2rem 0 4rem}.article-content[data-v-fe282ee6]{max-width:800px;margin:0 auto;background:#fff;padding:3rem;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.05);line-height:1.8;font-size:1.1rem;color:#333}.article-content[data-v-fe282ee6] :deep(h1),.article-content[data-v-fe282ee6] :deep(h2),.article-content[data-v-fe282ee6] :deep(h3),.article-content[data-v-fe282ee6] :deep(h4),.article-content[data-v-fe282ee6] :deep(h5),.article-content[data-v-fe282ee6] :deep(h6){font-family:anuphan,Sukhumvit Set,Noto Sans Thai,Noto Sans,Roboto,sans-serif;margin-top:2rem;margin-bottom:1rem;font-weight:600;color:#222}.article-content[data-v-fe282ee6] :deep(h1){font-size:2rem}.article-content[data-v-fe282ee6] :deep(h2){font-size:1.75rem}.article-content[data-v-fe282ee6] :deep(h3){font-size:1.5rem}.article-content[data-v-fe282ee6] :deep(p){margin-bottom:1.5rem}.article-content[data-v-fe282ee6] :deep(img){max-width:100%;height:auto;border-radius:8px;margin:2rem 0}.article-content[data-v-fe282ee6] :deep(ol),.article-content[data-v-fe282ee6] :deep(ul){margin:1.5rem 0;padding-left:2rem}.article-content[data-v-fe282ee6] :deep(li){margin-bottom:.75rem}.article-content[data-v-fe282ee6] :deep(a){color:#007bff;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.article-content[data-v-fe282ee6] :deep(a:hover){border-bottom-color:#007bff}.article-content[data-v-fe282ee6] :deep(blockquote){border-left:4px solid #007bff;padding-left:1.5rem;margin:2rem 0;font-style:italic;color:#666}.article-content[data-v-fe282ee6] :deep(code){background-color:#f4f4f4;padding:.2rem .4rem;border-radius:4px;font-size:.9em}.article-content[data-v-fe282ee6] :deep(pre){background-color:#f4f4f4;padding:1rem;border-radius:8px;overflow-x:auto;margin:2rem 0}.article-content[data-v-fe282ee6] :deep(pre code){background-color:transparent;padding:0}.article-footer[data-v-fe282ee6]{max-width:800px;margin:3rem auto 0;padding-top:2rem;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;grid-gap:1.5rem;gap:1.5rem}.article-footer-meta[data-v-fe282ee6]{display:flex;grid-gap:2rem;gap:2rem;flex-wrap:wrap}.meta-item[data-v-fe282ee6]{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;color:#666;font-size:.9rem}.meta-item i[data-v-fe282ee6]{font-size:1rem;color:#999}.share-buttons[data-v-fe282ee6]{display:flex;grid-gap:1rem;gap:1rem}.share-btn[data-v-fe282ee6]{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.75rem 1.5rem;border:1px solid #007bff;background-color:#fff;color:#007bff;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.9rem}.share-btn[data-v-fe282ee6]:hover{background-color:#007bff;color:#fff}.share-btn i[data-v-fe282ee6]{font-size:1.1rem}.related-posts-section[data-v-fe282ee6]{padding:4rem 0;background-color:#fff;margin-top:3rem}.section-title[data-v-fe282ee6]{font-size:1.75rem;font-weight:600;margin-bottom:2rem;text-align:center;color:#222}.related-posts-grid[data-v-fe282ee6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:2rem;gap:2rem}@media (max-width:768px){.article-header[data-v-fe282ee6]{padding:2rem 0 1.5rem}.article-title[data-v-fe282ee6]{font-size:1.75rem}.article-subtitle[data-v-fe282ee6]{font-size:1.1rem}.article-content[data-v-fe282ee6]{padding:2rem 1.5rem;font-size:1rem}.article-footer[data-v-fe282ee6]{flex-direction:column;align-items:flex-start}.share-buttons[data-v-fe282ee6]{width:100%}.share-btn[data-v-fe282ee6]{flex:1;justify-content:center}}.container[data-v-fe282ee6]{max-width:1200px;margin:0 auto;padding:0 1rem}