.blog-header{max-width:700px;margin:0 auto}.blog-title{font-size:2rem;letter-spacing:normal!important}.blog-excerpt{font-size:1rem;line-height:1.6}.blog-article-content{max-width:700px;margin:0 auto}.post-content{text-align:justify;word-wrap:break-word;overflow-wrap:break-word}.blog-cover{max-width:700px;margin:var(--spacing-xl) auto}@media (max-width:768px){.blog-header{max-width:100%}.blog-title{font-size:1.5rem!important;line-height:1.3!important}.blog-cover{max-width:100%!important}.blog-article-content{max-width:100%}.post-content{text-align:left;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box;margin:0}article{max-width:100%;overflow:hidden}.blog-cover{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}}.blog-like-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border:none;border-radius:20px;background:none;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-medium);cursor:pointer;transition:all 0.2s ease}.blog-like-btn:hover{background:var(--md-sys-color-surface-container-high)}.blog-like-btn--active{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.blog-like-btn .material-symbols-rounded{font-size:20px;transition:transform 0.2s ease}.blog-like-btn:active .material-symbols-rounded{transform:scale(1.2)}