body{font-family:sans-serif;max-width:1024px;margin:2rem auto;padding:1rem}form{display:flex;flex-direction:column}label{margin-top:1rem}input,textarea{padding:.5rem;font-size:1rem;margin-top:.25rem}button{margin-top:1.5rem;padding:.75rem;font-size:1rem;background-color:#07c;color:#fff;border:none;cursor:pointer}button:hover{background-color:#005fa3}button:focus{outline:2px solid #005fa3;outline-offset:2px}.author-box{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.author-thumb{width:80px;height:80px;object-fit:cover;border-radius:50%}.author-bio{flex:1}@media(max-width:600px){.author-box{flex-direction:column;align-items:flex-start}.author-thumb{margin-bottom:.5rem}}*{box-sizing:border-box}.hero{text-align:center;margin-bottom:3rem}.hero-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:1rem}.featured-articles .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.card img{width:100%;height:160px;object-fit:cover;border-radius:8px}.latest-articles{display:grid;gap:2rem}.article-card.featured{display:grid;grid-template-columns:160px 1fr;gap:1rem;align-items:center}.article-card.featured img{width:160px;height:100px;object-fit:cover;border-radius:6px}.article-card.simple h3{margin-bottom:.25rem}.article-card.simple p{font-size:.95rem;color:#555}.article-layout{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-top:2rem}.featured-article img{width:100%;height:200px;object-fit:cover;border-radius:6px;margin-bottom:1rem}.featured-article h3{margin-top:0;font-size:1.5rem}.article-list .article-item{margin-bottom:1.5rem}.article-list h4{margin-bottom:.25rem;font-size:1.1rem}.article-list p{font-size:.95rem;color:#555}.article-row{display:flex;gap:2rem;align-items:flex-start;margin-top:2rem;flex-wrap:wrap}.featured-article{flex:2;min-width:300px}.featured-article img{width:100%;height:auto;max-height:220px;object-fit:cover;border-radius:6px;margin-bottom:1rem}.article-list{flex:1;min-width:250px}.article-item{margin-bottom:1.5rem}.article-item h4{margin-bottom:.25rem;font-size:1.1rem}.article-item p{font-size:.95rem;color:#555}.banner-container{display:flex;justify-content:flex-start;align-items:center;padding:1rem;max-width:1200px;margin:0 auto}.responsive-banner{width:auto;max-width:100%;height:auto;max-height:150px}