.blog-wrapper[data-v-a9c25c67]{background:#fafafa}.article-directory[data-v-a9c25c67]{max-width:900px;margin:0 auto;padding:30px 24px}.article-directory-list[data-v-a9c25c67]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin-top:20px;padding-left:20px;line-height:1.7}.all-articles[data-v-a9c25c67]{margin-top:18px}.all-articles summary[data-v-a9c25c67]{cursor:pointer;color:#0046c0;line-height:1.6}.article-directory a[data-v-a9c25c67]{color:#0046c0}.article-dates[data-v-a9c25c67]{display:flex;flex-wrap:wrap;gap:8px 20px;color:#666;font-size:14px;margin-bottom:24px}.blog-content-container[data-v-a9c25c67]{max-width:900px;margin:0 auto;background:#fff;border-radius:12px;padding:50px 40px;box-shadow:0 2px 8px #00000014}.blog-article[data-v-a9c25c67]{line-height:1.8;color:#333}.content-item[data-v-a9c25c67]{margin-bottom:24px}.content-item[data-v-a9c25c67]:last-child{margin-bottom:0}.blog-h1[data-v-a9c25c67]{font-size:32px;font-weight:700;color:#1a1a1a;margin:0 0 24px;padding-bottom:16px;border-bottom:3px solid #0046c0;line-height:1.4}.blog-h2[data-v-a9c25c67]{font-size:26px;font-weight:700;color:#2a2a2a;margin:32px 0 20px;padding-left:12px;border-left:4px solid #00abec;line-height:1.5}.blog-h3[data-v-a9c25c67]{font-size:20px;font-weight:600;color:#333;margin:24px 0 16px;line-height:1.5}.blog-paragraph[data-v-a9c25c67]{font-size:16px;line-height:1.9;color:#444;margin:0 0 20px;white-space:pre-wrap}.blog-paragraph a[data-v-a9c25c67]{color:#0046c0;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.blog-paragraph a[data-v-a9c25c67]:hover{border-bottom-color:#0046c0}.image-wrapper[data-v-a9c25c67]{margin:32px 0;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.image-wrapper img[data-v-a9c25c67]{width:100%;height:auto;display:block;transition:transform .3s}.image-wrapper:hover img[data-v-a9c25c67]{transform:scale(1.02)}.image-wrapper.image-large[data-v-a9c25c67]{width:100%}.image-wrapper.image-medium[data-v-a9c25c67]{max-width:70%;margin-left:auto;margin-right:auto}.image-wrapper.image-small[data-v-a9c25c67]{max-width:50%;margin-left:auto;margin-right:auto}.blog-list[data-v-a9c25c67]{margin:24px 0;padding-left:0;list-style:none}.blog-list-item[data-v-a9c25c67]{padding:12px 16px;margin:10px 0;background:#f8f9fa;border-left:3px solid #00abec;border-radius:6px;line-height:1.7;white-space:pre-wrap;transition:background-color .2s,transform .2s}.blog-list-item[data-v-a9c25c67]:hover{background:#f0f4f8;transform:translate(4px)}.blog-list-item[data-v-a9c25c67]:before{content:"▸";color:#0046c0;font-weight:700;margin-right:8px}.blog-list-item a[data-v-a9c25c67]{color:#0046c0;text-decoration:none}.blog-list-item a[data-v-a9c25c67]:hover{text-decoration:underline}.code-block[data-v-a9c25c67]{background:#005fb3;color:#f8f8f2;padding:20px 24px;border-radius:8px;font-family:Courier New,monospace;font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-x:auto;margin:24px 0;box-shadow:0 4px 12px #00000026;border:1px solid #444}.content-spacer[data-v-a9c25c67]{width:100%;height:1px;background:linear-gradient(to right,transparent,#ddd,transparent);margin:32px 0}.loading-container[data-v-a9c25c67]{display:flex;justify-content:center;align-items:center;min-height:60vh}.blogs-list-container[data-v-a9c25c67]{width:100%;margin:0;padding:0}@media (max-width: 768px){.blog-content-container[data-v-a9c25c67]{padding:30px 20px;border-radius:8px}.article-directory-list[data-v-a9c25c67]{grid-template-columns:1fr}.blog-h1[data-v-a9c25c67]{font-size:24px;margin-bottom:20px;padding-bottom:12px}.blog-h2[data-v-a9c25c67]{font-size:20px;margin:24px 0 16px;padding-left:8px;border-left-width:3px}.blog-h3[data-v-a9c25c67]{font-size:18px;margin:20px 0 12px}.blog-paragraph[data-v-a9c25c67]{font-size:15px;line-height:1.8}.image-wrapper.image-medium[data-v-a9c25c67],.image-wrapper.image-small[data-v-a9c25c67]{max-width:100%}.content-item[data-v-a9c25c67]{margin-bottom:20px}.code-block[data-v-a9c25c67]{padding:16px;font-size:13px}.blog-list-item[data-v-a9c25c67]{padding:10px 12px}}@media (max-width: 480px){.blog-content-container[data-v-a9c25c67]{padding:24px 16px}.blog-h1[data-v-a9c25c67]{font-size:22px}.blog-h2[data-v-a9c25c67]{font-size:18px}.blog-h3[data-v-a9c25c67]{font-size:16px}.blog-paragraph[data-v-a9c25c67]{font-size:14px}}