body {
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
line-height: 1.6;
margin: 0;
padding: 0;
background: #f6f7fb;
color: #222;
}
.container {
max-width: 900px;
margin: 32px auto;
padding: 16px;
background: #fff;
border-radius: 8px;
box-shadow: 0 6px 24px rgba(18, 25, 39, 0.05);
}
.header {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom: 18px;
}
.header h1 { margin: 0; font-size: 22px; }
.nav a { margin-left: 12px; text-decoration:none; color:#0366d6 }
.post { padding:14px 0; border-bottom:1px solid #eee }
.post h2 { margin:0 0 8px }
.post .meta { color:#666; font-size:13px }
.form-row { margin-bottom:10px }
input[type="text"], textarea { width:100%; padding:8px; border:1px solid #ddd; border-radius:6px }
button { padding:8px 12px; border-radius:6px; border:0; background:#0366d6; color:#fff; cursor:pointer }
.small { font-size:13px; color:#555 }

.nav a {
  margin-left: 12px;
  text-decoration: none;
  color: #0366d6;
  font-weight: 500;
}

.nav a:hover {
  text-decoration: underline;
}


@media (max-width:600px){ 
    

        
    .container{ margin:0px; padding:12px }
    
     
    
}