.blog-wrap{max-width:920px;margin:0 auto;padding:45px 20px 80px}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.blog-card{padding:25px}.blog-card h2{font-size:24px}.blog-article{padding:32px}.blog-article p{line-height:1.85}.blog-article h2{margin-top:28px}.blog-muted{color:#475569}.blog-action{margin-top:25px}.blog-form input,.blog-form textarea{width:100%;padding:12px;margin:6px 0 16px}.blog-form textarea{min-height:250px}.blog-form button{cursor:pointer;padding:12px 18px}.blog-status{font-weight:800;color:#1d4ed8}.blog-actions{display:flex;gap:10px;flex-wrap:wrap}.blog-actions button{border:1px solid #ddd;border-radius:10px;padding:10px 15px;cursor:pointer}.blog-alert{padding:12px;background:#f6f7fb;border-radius:12px} 

/* Better article title sizing */
.blog-article h1 {
    font-size: clamp(30px, 3vw, 44px);
    line-height: 1.2;
    overflow-wrap: break-word;
}

/* Article readability */
.blog-article p {
    font-size: 17px;
    line-height: 1.75;
    margin-bottom: 18px;
}

.blog-article h2 {
    font-size: 24px;
    line-height: 1.35;
    margin-top: 32px;
    margin-bottom: 14px;
}

.blog-article .lead {
    font-size: 18px;
    line-height: 1.65;
}

/* Prevent long text from overflowing */
.blog-article {
    overflow-wrap: break-word;
}

/* Keep the blog within the screen width */
.blog-wrap {
    width: 100%;
    max-width: 920px;
    box-sizing: border-box;
}

.blog-article,
.blog-card {
    box-sizing: border-box;
    min-width: 0;
}

/* Prevent the desktop navigation from overflowing */
@media (max-width: 1200px) {
    .topbar .navlinks {
        display: none;
    }

    .topbar .menuBtn {
        display: inline-flex;
    }
}