body{font-family:system-ui,Segoe UI,Arial;max-width:1000px;margin:24px auto;padding:0 12px;line-height:1.5;padding-top:150px;}
    .top{display:flex;gap:12px;align-items:center;justify-content:space-between}
    form{display:flex;gap:8px;flex-wrap:wrap}
    input{padding:10px;border:1px solid #ccc;border-radius:8px}
    button,a.btn{
  padding:10px 12px;
  border:1px solid #2A5F80;
  border-radius:8px;
  background:#2E688C;
  color:#fff;
  text-decoration:none;
  transition: background .15s ease, border-color .15s ease;
}

button:hover,a.btn:hover,
button:focus,a.btn:focus{
  background:#3A9CD8;
  border-color:#3A9CD8;
}

button:active,a.btn:active{
  background:#2A5F80;
  border-color:#2A5F80;
}

    .card{border:1px solid #e3e3e3;border-radius:12px;padding:14px;margin:12px 0}
    .meta{color:#666;font-size:13px}
    a:link {
  color: #2E688C; 
  text-decoration:none;
}
a:visited {
  color: #2E688C; text-decoration:none;
}
a:hover,
a:focus {
  color: #3A9CD8; text-decoration:none;
}
a:active {
  color: #3A9CD8; text-decoration:none;
}


    a.btn{padding:10px 12px;border:1px solid #111;border-radius:8px;background:#111;color:#fff;text-decoration:none}
    .meta{color:#666;font-size:13px}
    .tag{display:inline-block;padding:4px 8px;border:1px solid #ddd;border-radius:999px;margin:2px;text-decoration:none;color:#111}
    .box{border:1px solid #e3e3e3;border-radius:14px;padding:14px;margin:12px 0}
    #img{max-width:100%;border-radius:12px;border:1px solid #eee}