.mm-blog-container *{box-sizing:border-box}.mm-blog-container{max-width:1200px;margin:0 auto;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.mm-blog-title{font-size:2rem;margin-bottom:1.5rem;text-align:center;word-break:break-word}.mm-articles-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}@media (min-width:640px){.mm-articles-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.mm-articles-grid{grid-template-columns:repeat(3,1fr)}}.mm-articles-list{gap:1.5rem}.mm-articles-list,.mm-blog-post{display:flex;flex-direction:column}.mm-blog-post{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:transform .2s;height:100%}.mm-blog-post:hover{transform:translateY(-4px)}.mm-post-image{width:100%;aspect-ratio:16/9;overflow:hidden;background:#f5f5f5}.mm-post-image img{width:100%;height:100%;object-fit:cover;display:block}.mm-list-post{flex-direction:column}@media (min-width:768px){.mm-list-post{flex-direction:row}.mm-list-post .mm-post-image{width:280px;flex-shrink:0;aspect-ratio:16/9}}.mm-post-content{padding:1.25rem;flex:1 1;display:flex;flex-direction:column}.mm-post-title{font-size:1.25rem;margin:0 0 .5rem;line-height:1.4}.mm-post-title a{color:#333;text-decoration:none}.mm-post-title a:hover{color:#00b4d8}.mm-post-meta{font-size:.75rem;color:#666;margin-bottom:.75rem;display:flex;gap:1rem;flex-wrap:wrap}.mm-post-excerpt{color:#555;line-height:1.5;margin-bottom:1rem;font-size:.875rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.mm-read-more{color:#00b4d8;text-decoration:none;font-weight:500;font-size:.875rem;margin-top:auto;display:inline-block}.mm-read-more:hover{text-decoration:underline}.mm-article-container{max-width:800px;margin:0 auto;padding:20px}.mm-article-container h1{font-size:2.5rem;margin-bottom:1rem}.mm-article-container h2{font-size:1.75rem;margin:1.5rem 0 1rem}.mm-article-container h3{font-size:1.25rem;margin:1.25rem 0 .75rem}.mm-article-container p{line-height:1.6;margin-bottom:1rem}.mm-article-container img{max-width:100%;height:auto;border-radius:8px}.mm-back-button{background:none;border:none;color:#00b4d8;cursor:pointer;margin-bottom:1rem;font-size:1rem;padding:8px 0;display:inline-flex;align-items:center;gap:4px}.mm-back-button:hover{text-decoration:underline}footer{margin-top:3rem;text-align:center;font-size:.75rem;color:#666}